@import url(https://use.typekit.net/omy1vat.css);
@import url(https://use.typekit.net/plg8vkh.css);
@import url(https://fonts.googleapis.com/css?family=Inter);
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
@font-face {
  font-family: "Text";
  src: url("/fonts/texgyreadventor-regular.otf");
}
@font-face {
  font-family: "Text Bold";
  src: url("/fonts/texgyreadventor-bold.otf");
}
h1, .heading-1 {
  font-family: "spirits-sharp", serif;
  font-size: 5.97vw;
  font-weight: 400;
  line-height: 1;
  color: #4F1717;
}
@media (max-width: 1024px) {
  h1, .heading-1 {
    font-size: 6vw;
  }
}
@media (max-width: 768px) {
  h1, .heading-1 {
    font-size: 6vw;
  }
}
@media (max-width: 576px) {
  h1, .heading-1 {
    font-size: 12vw;
  }
}
h1 + *, .heading-1 + * {
  margin-top: 45px;
}
@media (max-width: 1024px) {
  h1 + *, .heading-1 + * {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  h1 + *, .heading-1 + * {
    margin-top: 30px;
  }
}
@media (max-width: 576px) {
  h1 + *, .heading-1 + * {
    margin-top: 30px;
  }
}

h2, .heading-2 {
  font-family: "spirits-sharp", serif;
  font-size: 58px;
  font-weight: 400;
  line-height: 1.2;
  color: #4F1717;
}
@media (max-width: 1024px) {
  h2, .heading-2 {
    font-size: 48px;
  }
}
@media (max-width: 768px) {
  h2, .heading-2 {
    font-size: 48px;
  }
}
@media (max-width: 576px) {
  h2, .heading-2 {
    font-size: 9vw;
  }
}
h2 + *, .heading-2 + * {
  margin-top: 60px;
}
@media (max-width: 1024px) {
  h2 + *, .heading-2 + * {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  h2 + *, .heading-2 + * {
    margin-top: 30px;
  }
}
@media (max-width: 576px) {
  h2 + *, .heading-2 + * {
    margin-top: 30px;
  }
}

h3, .heading-3 {
  font-family: "filmotype-lacrosse", sans-serif;
  font-size: 6.38vw;
  font-weight: 400;
  line-height: 0.56;
  color: #4F1717;
}
@media (max-width: 1024px) {
  h3, .heading-3 {
    font-size: 6.38vw;
  }
}
@media (max-width: 768px) {
  h3, .heading-3 {
    font-size: 6.38vw;
  }
}
@media (max-width: 576px) {
  h3, .heading-3 {
    font-size: 6.38vw;
  }
}
h3 + *, .heading-3 + * {
  margin-top: 20px;
}
@media (max-width: 1024px) {
  h3 + *, .heading-3 + * {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  h3 + *, .heading-3 + * {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  h3 + *, .heading-3 + * {
    margin-top: 20px;
  }
}

h4, .heading-4 {
  font-family: "spirits-sharp", serif;
  font-size: 2.98vw;
  font-weight: 400;
  line-height: 1.5;
  color: #0064A0;
}
@media (max-width: 1024px) {
  h4, .heading-4 {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  h4, .heading-4 {
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  h4, .heading-4 {
    font-size: 23px;
  }
}
h4 + *, .heading-4 + * {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  h4 + *, .heading-4 + * {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  h4 + *, .heading-4 + * {
    margin-top: 30px;
  }
}
@media (max-width: 576px) {
  h4 + *, .heading-4 + * {
    margin-top: 30px;
  }
}

h5, .heading-5 {
  font-family: "spirits-sharp", serif;
  font-size: 1.38vw;
  font-weight: 400;
  line-height: 1.21;
  color: #000000;
}
@media (max-width: 1024px) {
  h5, .heading-5 {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  h5, .heading-5 {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  h5, .heading-5 {
    font-size: 20px;
  }
}
h5 + *, .heading-5 + * {
  margin-top: 20px;
}
@media (max-width: 1024px) {
  h5 + *, .heading-5 + * {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  h5 + *, .heading-5 + * {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  h5 + *, .heading-5 + * {
    margin-top: 20px;
  }
}

h6, .heading-6 {
  font-family: "filmotype-lacrosse", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  color: #000000;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  h6, .heading-6 {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  h6, .heading-6 {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  h6, .heading-6 {
    font-size: 18px;
  }
}
h6 + *, .heading-6 + * {
  margin-top: 25px;
}
@media (max-width: 1024px) {
  h6 + *, .heading-6 + * {
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  h6 + *, .heading-6 + * {
    margin-top: 25px;
  }
}
@media (max-width: 576px) {
  h6 + *, .heading-6 + * {
    margin-top: 20px;
  }
}
h6 + .input--checkbox + label, .heading-6 + .input--checkbox + label {
  margin-top: 25px;
}

a {
  text-decoration: none;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
}

p,
.editor-text {
  display: block;
  font-family: "Inter";
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: 400;
  color: #4F1717;
}
@media (max-width: 1024px) {
  p,
  .editor-text {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  p,
  .editor-text {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  p,
  .editor-text {
    font-size: 16px;
  }
}
p + *,
.editor-text + * {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  p + *,
  .editor-text + * {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  p + *,
  .editor-text + * {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  p + *,
  .editor-text + * {
    margin-top: 60px;
  }
}
p + ul,
.editor-text + ul {
  margin-top: 60px;
}
p + .buttons, p + .button,
.editor-text + .buttons,
.editor-text + .button {
  margin-top: 40px;
}
@media (max-width: 1024px) {
  p + .buttons, p + .button,
  .editor-text + .buttons,
  .editor-text + .button {
    margin-top: 14px;
  }
}

p a:not(.button):not(.link), li a:not(.button):not(.link), label a:not(.button):not(.link) {
  display: inline;
  font-weight: 500;
  color: #EB5D27;
  transition: background-size 0.6s ease-in-out;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  text-decoration: none;
  color: #EB5D27;
  background-size: 0 1px;
}
p a:not(.button):not(.link):hover, li a:not(.button):not(.link):hover, label a:not(.button):not(.link):hover {
  color: #EB5D27;
}
p a:not(.button):not(.link):hover, p a:not(.button):not(.link):focus, li a:not(.button):not(.link):hover, li a:not(.button):not(.link):focus, label a:not(.button):not(.link):hover, label a:not(.button):not(.link):focus {
  background-size: 100% 1px;
}

.section ul {
  padding-left: 40px;
}
.section ul li {
  position: relative;
  list-style: none;
}
.section ul li::before {
  content: "";
  position: absolute;
  left: -40px;
}
.section ol {
  padding-left: 20px;
}

.quote {
  display: flex;
  font-family: "calluna", serif;
  line-height: 1.1;
  font-size: 43px;
  font-weight: 400;
  color: #4F1717;
  font-style: italic;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.quote + * {
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .quote {
    font-size: 43px;
  }
}
@media (max-width: 768px) {
  .quote {
    font-size: 43px;
  }
}
@media (max-width: 576px) {
  .quote {
    font-size: 74px;
  }
}
@media (max-width: 576px) {
  .quote {
    font-size: 47px !important;
  }
}

h1.-text-left, h2.-text-left, h3.-text-left, h4.-text-left, h5.-text-left, h6.-text-left,
.heading-1.-text-left,
.heading-2.-text-left,
.heading-3.-text-left,
.heading-4.-text-left,
.heading-5.-text-left,
.heading-6.-text-left {
  text-align: center;
}
h1.-text-center, h2.-text-center, h3.-text-center, h4.-text-center, h5.-text-center, h6.-text-center,
.heading-1.-text-center,
.heading-2.-text-center,
.heading-3.-text-center,
.heading-4.-text-center,
.heading-5.-text-center,
.heading-6.-text-center {
  text-align: center;
}
h1.-text-right, h2.-text-right, h3.-text-right, h4.-text-right, h5.-text-right, h6.-text-right,
.heading-1.-text-right,
.heading-2.-text-right,
.heading-3.-text-right,
.heading-4.-text-right,
.heading-5.-text-right,
.heading-6.-text-right {
  text-align: right;
}
h1.-color-1, h2.-color-1, h3.-color-1, h4.-color-1, h5.-color-1, h6.-color-1,
.heading-1.-color-1,
.heading-2.-color-1,
.heading-3.-color-1,
.heading-4.-color-1,
.heading-5.-color-1,
.heading-6.-color-1 {
  color: #EB5D27;
}
h1.-color-2, h2.-color-2, h3.-color-2, h4.-color-2, h5.-color-2, h6.-color-2,
.heading-1.-color-2,
.heading-2.-color-2,
.heading-3.-color-2,
.heading-4.-color-2,
.heading-5.-color-2,
.heading-6.-color-2 {
  color: #0064A0;
}
h1.-color-3, h2.-color-3, h3.-color-3, h4.-color-3, h5.-color-3, h6.-color-3,
.heading-1.-color-3,
.heading-2.-color-3,
.heading-3.-color-3,
.heading-4.-color-3,
.heading-5.-color-3,
.heading-6.-color-3 {
  color: #4F1717;
}
h1.-white, h2.-white, h3.-white, h4.-white, h5.-white, h6.-white,
.heading-1.-white,
.heading-2.-white,
.heading-3.-white,
.heading-4.-white,
.heading-5.-white,
.heading-6.-white {
  color: white;
}
h1.-black, h2.-black, h3.-black, h4.-black, h5.-black, h6.-black,
.heading-1.-black,
.heading-2.-black,
.heading-3.-black,
.heading-4.-black,
.heading-5.-black,
.heading-6.-black {
  color: #000000;
}
h1 a, h1 span, h1 ul, h1 li, h2 a, h2 span, h2 ul, h2 li, h3 a, h3 span, h3 ul, h3 li, h4 a, h4 span, h4 ul, h4 li, h5 a, h5 span, h5 ul, h5 li, h6 a, h6 span, h6 ul, h6 li,
.heading-1 a,
.heading-1 span,
.heading-1 ul,
.heading-1 li,
.heading-2 a,
.heading-2 span,
.heading-2 ul,
.heading-2 li,
.heading-3 a,
.heading-3 span,
.heading-3 ul,
.heading-3 li,
.heading-4 a,
.heading-4 span,
.heading-4 ul,
.heading-4 li,
.heading-5 a,
.heading-5 span,
.heading-5 ul,
.heading-5 li,
.heading-6 a,
.heading-6 span,
.heading-6 ul,
.heading-6 li {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

a:not(.button).-text-left, span.-text-left, li.-text-left, p.-text-left, h1.-text-left, h2.-text-left, h3.-text-left, h4.-text-left, h5.-text-left, h6.-text-left {
  text-align: center;
}
a:not(.button).-text-center, span.-text-center, li.-text-center, p.-text-center, h1.-text-center, h2.-text-center, h3.-text-center, h4.-text-center, h5.-text-center, h6.-text-center {
  text-align: center;
}
a:not(.button).-text-right, span.-text-right, li.-text-right, p.-text-right, h1.-text-right, h2.-text-right, h3.-text-right, h4.-text-right, h5.-text-right, h6.-text-right {
  text-align: right;
}
a:not(.button).-color-1, span.-color-1, li.-color-1, p.-color-1, h1.-color-1, h2.-color-1, h3.-color-1, h4.-color-1, h5.-color-1, h6.-color-1 {
  color: #EB5D27;
}
a:not(.button).-color-2, span.-color-2, li.-color-2, p.-color-2, h1.-color-2, h2.-color-2, h3.-color-2, h4.-color-2, h5.-color-2, h6.-color-2 {
  color: #0064A0;
}
a:not(.button).-color-3, span.-color-3, li.-color-3, p.-color-3, h1.-color-3, h2.-color-3, h3.-color-3, h4.-color-3, h5.-color-3, h6.-color-3 {
  color: #4F1717;
}
a:not(.button).-white, span.-white, li.-white, p.-white, h1.-white, h2.-white, h3.-white, h4.-white, h5.-white, h6.-white {
  color: white;
}
a:not(.button).-black, span.-black, li.-black, p.-black, h1.-black, h2.-black, h3.-black, h4.-black, h5.-black, h6.-black {
  color: #000000;
}
a:not(.button) a, a:not(.button) span, a:not(.button) ul, a:not(.button) li, span a, span span, span ul, span li, li a, li span, li ul, li li, p a, p span, p ul, p li, h1 a, h1 span, h1 ul, h1 li, h2 a, h2 span, h2 ul, h2 li, h3 a, h3 span, h3 ul, h3 li, h4 a, h4 span, h4 ul, h4 li, h5 a, h5 span, h5 ul, h5 li, h6 a, h6 span, h6 ul, h6 li {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

b {
  font-weight: 800;
}

.-largeText {
  font-size: 1.66vw;
}
@media (max-width: 576px) {
  .-largeText {
    font-size: 18px;
  }
}

.-vaste-link a {
  color: #4F1717 !important;
  background-size: 100% 2px !important;
  border-bottom: 2px solid #4F1717;
}

.section ul {
  padding-left: 40px;
}
.section ul li {
  position: relative;
  list-style: none;
}
.section ul li::before {
  content: "";
  position: absolute;
  left: -40px;
}
.section ul li::before {
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #EB5D27;
}
.section ul li + li {
  margin-top: 20px;
}
.section ul li.-check::before {
  top: 6px;
  width: 20px;
  height: 15px;
  background-color: transparent;
  background-image: url("/img/icons/check-2.svg");
}
.section ul + p {
  margin-top: 60px;
}

sup {
  font-size: 10px;
  transform: translateY(-6px);
}

.checks ul li::before {
  top: 6px;
  width: 20px;
  height: 15px;
  background-color: transparent;
  background-image: url("/img/icons/check-2.svg");
}

.-garland {
  font-family: adorn-garland, sans-serif;
  color: #4F1717 !important;
}

::-moz-selection {
  background-color: rgba(0, 100, 160, 0.4);
}

::selection {
  background-color: rgba(0, 100, 160, 0.4);
}

.footer-links ul {
  display: inline;
}

.footer-credentials--links {
  display: inline;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  transition: transform 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  background-color: transparent;
  position: relative !important;
  z-index: 99999 !important;
}
.header .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: unset;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .container .part-1:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.header .container .part-1.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
}
.header .container .part-2:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.header .container .part-2.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
}
.header .container .part-3:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.header .container .part-3.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
}
.header .container .part-4:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.header .container .part-4.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
}
.header .container .part-5:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.header .container .part-5.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
}
.header .container .part-6:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.header .container .part-6.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
}
.header .container .part-7:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.header .container .part-7.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
}
.header .container .part-8:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.header .container .part-8.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
}
.header .container .part-9:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.header .container .part-9.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
}
.header .container .part-10:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.header .container .part-10.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
}
.header .container .part-11:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.header .container .part-11.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
}
.header .container .part-12:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.header .container .part-12.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
}
@media (max-width: 1280px) {
  .header .container .part-xl-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-xl-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .header .container .part-xl-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-xl-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .header .container .part-xl-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-xl-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .header .container .part-xl-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-xl-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .header .container .part-xl-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-xl-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .header .container .part-xl-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-xl-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .header .container .part-xl-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-xl-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .header .container .part-xl-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-xl-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .header .container .part-xl-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-xl-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .header .container .part-xl-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-xl-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .header .container .part-xl-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-xl-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .header .container .part-xl-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-xl-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 1024px) {
  .header .container .part-l-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-l-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .header .container .part-l-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-l-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .header .container .part-l-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-l-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .header .container .part-l-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-l-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .header .container .part-l-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-l-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .header .container .part-l-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-l-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .header .container .part-l-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-l-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .header .container .part-l-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-l-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .header .container .part-l-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-l-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .header .container .part-l-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-l-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .header .container .part-l-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-l-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .header .container .part-l-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-l-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 768px) {
  .header .container .part-m-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-m-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .header .container .part-m-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-m-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .header .container .part-m-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-m-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .header .container .part-m-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-m-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .header .container .part-m-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-m-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .header .container .part-m-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-m-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .header .container .part-m-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-m-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .header .container .part-m-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-m-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .header .container .part-m-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-m-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .header .container .part-m-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-m-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .header .container .part-m-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-m-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .header .container .part-m-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-m-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 576px) {
  .header .container .part-s-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .header .container .part-s-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .header .container .part-s-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .header .container .part-s-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .header .container .part-s-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .header .container .part-s-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .header .container .part-s-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .header .container .part-s-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .header .container .part-s-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .header .container .part-s-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .header .container .part-s-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .header .container .part-s-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .header .container .part-s-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .header .container .part-s-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .header .container .part-s-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .header .container .part-s-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .header .container .part-s-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .header .container .part-s-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .header .container .part-s-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .header .container .part-s-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .header .container .part-s-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .header .container .part-s-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .header .container .part-s-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .header .container .part-s-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 375px) {
  .header .container .part-xs-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .header .container .part-xs-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .header .container .part-xs-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .header .container .part-xs-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .header .container .part-xs-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .header .container .part-xs-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .header .container .part-xs-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .header .container .part-xs-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .header .container .part-xs-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .header .container .part-xs-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .header .container .part-xs-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .header .container .part-xs-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .header .container .part-xs-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .header .container .part-xs-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .header .container .part-xs-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .header .container .part-xs-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .header .container .part-xs-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .header .container .part-xs-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .header .container .part-xs-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .header .container .part-xs-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .header .container .part-xs-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .header .container .part-xs-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .header .container .part-xs-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .header .container .part-xs-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
.header .container .part-top-0 {
  margin-top: 0px;
}
.header .container .part-left-0 {
  margin-left: 0px;
}
.header .container .part-right-0 {
  margin-right: 0px;
}
.header .container .part-bottom-0 {
  margin-bottom: calc(0px + 80px);
}
.header .container .part-top-1 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.header .container .part-left-1 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.header .container .part-right-1 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.header .container .part-bottom-1 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 80px);
}
.header .container .part-top-2 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.header .container .part-left-2 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.header .container .part-right-2 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.header .container .part-bottom-2 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 80px);
}
.header .container .part-top-3 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.header .container .part-left-3 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.header .container .part-right-3 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.header .container .part-bottom-3 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 80px);
}
.header .container .part-top-4 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.header .container .part-left-4 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.header .container .part-right-4 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.header .container .part-bottom-4 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 80px);
}
.header .container .part-top-5 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.header .container .part-left-5 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.header .container .part-right-5 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.header .container .part-bottom-5 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 80px);
}
.header .container .part-top-6 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.header .container .part-left-6 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.header .container .part-right-6 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.header .container .part-bottom-6 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 80px);
}
.header .container .part-top-7 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.header .container .part-left-7 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.header .container .part-right-7 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.header .container .part-bottom-7 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 80px);
}
.header .container .part-top-8 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.header .container .part-left-8 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.header .container .part-right-8 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.header .container .part-bottom-8 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 80px);
}
.header .container .part-top-9 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.header .container .part-left-9 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.header .container .part-right-9 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.header .container .part-bottom-9 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 80px);
}
.header .container .part-top-10 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.header .container .part-left-10 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.header .container .part-right-10 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.header .container .part-bottom-10 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 80px);
}
.header .container .part-top-11 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.header .container .part-left-11 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.header .container .part-right-11 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.header .container .part-bottom-11 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 80px);
}
.header .container .part-top-12 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.header .container .part-left-12 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.header .container .part-right-12 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.header .container .part-bottom-12 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 80px);
}
@media (max-width: 1024px) {
  .header .container .part-top-l-0 {
    margin-top: 0px;
  }
  .header .container .part-left-l-0 {
    margin-left: 0px;
  }
  .header .container .part-right-l-0 {
    margin-right: 0px;
  }
  .header .container .part-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .header .container .part-top-l-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-left-l-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-right-l-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-bottom-l-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .header .container .part-top-l-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-left-l-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-right-l-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-bottom-l-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .header .container .part-top-l-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-left-l-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-right-l-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-bottom-l-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .header .container .part-top-l-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-left-l-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-right-l-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-bottom-l-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .header .container .part-top-l-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-left-l-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-right-l-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-bottom-l-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .header .container .part-top-l-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-left-l-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-right-l-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-bottom-l-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .header .container .part-top-l-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-left-l-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-right-l-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-bottom-l-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .header .container .part-top-l-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-left-l-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-right-l-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-bottom-l-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .header .container .part-top-l-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-left-l-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-right-l-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-bottom-l-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .header .container .part-top-l-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-left-l-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-right-l-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-bottom-l-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .header .container .part-top-l-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-left-l-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-right-l-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-bottom-l-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .header .container .part-top-l-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-left-l-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-right-l-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-bottom-l-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 768px) {
  .header .container .part-top-m-0 {
    margin-top: 0px;
  }
  .header .container .part-left-m-0 {
    margin-left: 0px;
  }
  .header .container .part-right-m-0 {
    margin-right: 0px;
  }
  .header .container .part-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .header .container .part-top-m-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-left-m-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-right-m-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-bottom-m-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .header .container .part-top-m-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-left-m-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-right-m-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-bottom-m-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .header .container .part-top-m-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-left-m-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-right-m-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-bottom-m-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .header .container .part-top-m-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-left-m-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-right-m-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-bottom-m-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .header .container .part-top-m-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-left-m-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-right-m-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-bottom-m-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .header .container .part-top-m-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-left-m-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-right-m-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-bottom-m-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .header .container .part-top-m-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-left-m-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-right-m-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-bottom-m-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .header .container .part-top-m-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-left-m-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-right-m-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-bottom-m-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .header .container .part-top-m-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-left-m-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-right-m-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-bottom-m-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .header .container .part-top-m-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-left-m-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-right-m-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-bottom-m-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .header .container .part-top-m-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-left-m-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-right-m-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-bottom-m-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .header .container .part-top-m-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-left-m-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-right-m-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-bottom-m-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 576px) {
  .header .container .part-top-s-0 {
    margin-top: 0px;
  }
  .header .container .part-left-s-0 {
    margin-left: 0px;
  }
  .header .container .part-right-s-0 {
    margin-right: 0px;
  }
  .header .container .part-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .header .container .part-top-s-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-left-s-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-right-s-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-bottom-s-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .header .container .part-top-s-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-left-s-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-right-s-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-bottom-s-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .header .container .part-top-s-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-left-s-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-right-s-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-bottom-s-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .header .container .part-top-s-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-left-s-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-right-s-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-bottom-s-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .header .container .part-top-s-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-left-s-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-right-s-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-bottom-s-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .header .container .part-top-s-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-left-s-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-right-s-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-bottom-s-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .header .container .part-top-s-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-left-s-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-right-s-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-bottom-s-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .header .container .part-top-s-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-left-s-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-right-s-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-bottom-s-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .header .container .part-top-s-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-left-s-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-right-s-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-bottom-s-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .header .container .part-top-s-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-left-s-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-right-s-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-bottom-s-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .header .container .part-top-s-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-left-s-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-right-s-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-bottom-s-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .header .container .part-top-s-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-left-s-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-right-s-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-bottom-s-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .header .container .part-top-xs-0 {
    margin-top: 0px;
  }
  .header .container .part-left-xs-0 {
    margin-left: 0px;
  }
  .header .container .part-right-xs-0 {
    margin-right: 0px;
  }
  .header .container .part-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .header .container .part-top-xs-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-left-xs-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-right-xs-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .header .container .part-bottom-xs-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .header .container .part-top-xs-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-left-xs-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-right-xs-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .header .container .part-bottom-xs-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .header .container .part-top-xs-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-left-xs-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-right-xs-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .header .container .part-bottom-xs-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .header .container .part-top-xs-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-left-xs-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-right-xs-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .header .container .part-bottom-xs-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .header .container .part-top-xs-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-left-xs-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-right-xs-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .header .container .part-bottom-xs-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .header .container .part-top-xs-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-left-xs-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-right-xs-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .header .container .part-bottom-xs-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .header .container .part-top-xs-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-left-xs-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-right-xs-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .header .container .part-bottom-xs-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .header .container .part-top-xs-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-left-xs-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-right-xs-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .header .container .part-bottom-xs-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .header .container .part-top-xs-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-left-xs-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-right-xs-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .header .container .part-bottom-xs-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .header .container .part-top-xs-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-left-xs-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-right-xs-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .header .container .part-bottom-xs-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .header .container .part-top-xs-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-left-xs-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-right-xs-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .header .container .part-bottom-xs-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .header .container .part-top-xs-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-left-xs-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-right-xs-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .header .container .part-bottom-xs-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .header .container .part-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .header .container .part-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .header .container .part-m-0 {
    display: none;
  }
}
@media (max-width: 1024px) {
  .header .container .part-l-0 {
    display: none;
  }
}
@media (max-width: 1280px) {
  .header .container .part-xl-0 {
    display: none;
  }
}
.header .container [class*=part].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.header .container [class*=part].-justify-center {
  display: flex;
  justify-content: center;
}
.header .container [class*=part].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.header .container [class*=part].-align-start {
  display: flex;
  align-items: flex-start;
}
.header .container [class*=part].-align-center {
  display: flex;
  align-items: center;
}
.header .container [class*=part].-align-end {
  display: flex;
  align-items: flex-end;
}
.header .container [class*=part].-text-left {
  text-align: left;
}
.header .container [class*=part].-text-center {
  text-align: center;
}
.header .container [class*=part].-text-right {
  text-align: right;
}
@media (max-width: 768px) {
  .header .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 768px) {
  .header .container {
    height: 80px;
  }
}
.header .container a:not(.button):not(.submenu__item), .header .container span:not(.submenu__item), .header .container li:not(.submenu__item), .header .container p:not(.submenu__item), .header .container h1:not(.submenu__item), .header .container h2:not(.submenu__item), .header .container h3:not(.submenu__item), .header .container h4:not(.submenu__item), .header .container h5:not(.submenu__item), .header .container h6:not(.submenu__item) {
  color: #EB5D27;
}
.header__nav {
  display: flex;
  height: 100%;
}
@media (max-width: 1140px) {
  .header__nav {
    display: none;
  }
}
.header__item {
  display: flex;
  align-items: center;
  height: 100%;
}
.header__item + .header__item {
  margin-left: 30px;
}
.header .container {
  background-color: transparent;
  flex-wrap: nowrap;
  position: fixed !important;
  align-items: start !important;
}
@media (max-width: 1140px) {
  .header .container {
    height: 80px;
  }
}
.header__logo {
  display: block;
}
.header__logo img {
  width: 6.52vw;
  min-width: 57px;
  margin-top: 2.77vw;
}
@media (max-width: 1024px) {
  .header__logo img {
    margin-top: 10px;
  }
}
.header__nav {
  align-items: center;
  display: none;
  height: 100%;
}
.header__nav .button {
  height: unset;
}
.header__item:not(.button) {
  height: fit-content;
  height: -moz-fit-content;
  transition: background-size 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  text-decoration: none;
  color: #EB5D27;
  background-size: 0 1px;
}
.header__item:not(.button):hover, .header__item:not(.button):focus {
  background-size: 100% 1px;
}
.header__item:not(.button).-has-submenu {
  height: 100%;
  background: none;
}
.header__item:not(.button).-active {
  background-size: 100% 1px;
}
.header__pages {
  margin-top: 15.97vw !important;
}
@media (max-width: 576px) {
  .header__pages {
    margin-top: 158px !important;
  }
}
@media (max-width: 1024px) {
  .header__pages.-desktop {
    display: none;
  }
}
.header__pages.-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .header__pages.-mobile {
    display: block;
  }
}
.header__pages svg {
  width: 12.91vw;
  min-width: 154px;
  height: 2.91vw;
}
@media (max-width: 576px) {
  .header__pages svg {
    height: 28px;
  }
}
.header__pages svg.-fase-a, .header__pages svg.-fase-b {
  width: 5.2vw;
  height: auto;
  min-width: 50px;
}
.header__pages svg + h1 {
  margin-top: 2.7vw;
}
@media (max-width: 576px) {
  .header__pages svg + h1 {
    margin-top: 20px;
  }
}
.header__pages p {
  margin-top: 3.47vw;
  font-size: 1.66vw;
}
@media (max-width: 576px) {
  .header__pages p {
    margin-top: 30px;
    font-size: 18px;
  }
}
.header .-menu .button {
  margin-top: 4.2vw;
}
@media (max-width: 1024px) {
  .header .-menu .button {
    margin-top: 17px;
    font-size: 20px;
  }
}
.header .-menu .hamburger__background {
  margin-top: 4.2vw;
}
@media (max-width: 1024px) {
  .header .-menu .hamburger__background {
    margin-top: 18px;
    margin-left: 25px;
  }
}
.header__background {
  height: 250px;
  width: 100%;
  position: absolute;
}
.header.-scrolled .header__background {
  background-color: #F2ECDE !important;
  top: 0;
  width: 100%;
  position: fixed;
  animation: headerScrollBackgroundHeight 1s forwards;
  animation-fill-mode: forwards;
}
@media (max-width: 1024px) {
  .header.-scrolled .header__background {
    height: 80px;
    animation: none;
  }
}
.header.-scrolled .-menu {
  top: 0px;
  animation: headerScrollHeight 1s forwards;
  animation-fill-mode: forwards;
}
.header.-scrolled .-menu img {
  animation: headerScroll 1s forwards;
  animation-fill-mode: forwards;
}
@media (max-width: 1024px) {
  .header.-scrolled .-menu img {
    animation: none;
  }
}
.header.-scrolled .-menu .button {
  animation: headerScrollButton 1s forwards;
  animation-fill-mode: forwards;
}
@media (max-width: 1024px) {
  .header.-scrolled .-menu .button {
    animation: none;
  }
}
.header.-scrolled .-menu .hamburger__background {
  animation: headerScrollHamburger 1s forwards;
  animation-fill-mode: forwards;
}
@media (max-width: 1024px) {
  .header.-scrolled .-menu .hamburger__background {
    animation: none;
  }
}

@keyframes headerScroll {
  0% {
    width: 6.52vw;
    margin-top: 2.77vw;
  }
  100% {
    width: 62px;
    margin-top: 18px;
  }
}
@keyframes headerScrollBackgroundHeight {
  0% {
    height: 250px;
  }
  100% {
    height: 100px;
  }
}
@keyframes headerScrollHamburger {
  0% {
    margin-top: 4.4vw;
    margin-left: 1.73vw;
    width: 3vw;
    height: 3vw;
  }
  100% {
    margin-top: 26px;
    margin-left: 25px;
    width: 47px;
    height: 47px;
  }
}
@keyframes headerScrollButton {
  0% {
    margin-top: 4.4vw;
    font-size: 1.38vw;
  }
  100% {
    margin-top: 25px;
    font-size: 20px;
  }
}
@keyframes headerScrollMobile {
  0% {
    width: 6.52vw;
    margin-top: 2.77vw;
  }
  100% {
    width: 62px;
    margin-top: 5px;
  }
}
@keyframes headerScrollHamburgerMobile {
  0% {
    margin-top: 4.4vw;
    margin-left: 1.73vw;
  }
  100% {
    margin-top: 18px;
    margin-left: 25px;
  }
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body {
  background-color: #F2ECDE;
}

#app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: "Inter";
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: 400;
  color: #4F1717;
  overflow-x: hidden;
}
#app main {
  flex: 1 0 auto;
}
#app footer {
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  #app {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #app {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  #app {
    font-size: 16px;
  }
}
#app + * {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  #app + * {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  #app + * {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  #app + * {
    margin-top: 60px;
  }
}

img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.-radius-bottom-left {
  overflow: hidden;
  border-bottom-left-radius: 100px;
}

@media (max-width: 1024px) {
  .-hide-on-l {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .-hide-on-m {
    display: none;
  }
}

@media (max-width: 576px) {
  .-hide-on-s {
    display: none;
  }
}

.-show-on-s {
  display: none;
}
@media (max-width: 576px) {
  .-show-on-s {
    display: block;
  }
}

.-show-on-l {
  display: none;
}
@media (max-width: 1024px) {
  .-show-on-l {
    display: block;
  }
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border-color: #0064A0 !important;
}

.footer {
  background-color: #F2ECDE;
  overflow: hidden;
}
.footer .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: unset;
}
.footer .container .part-1:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.footer .container .part-1.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
}
.footer .container .part-2:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.footer .container .part-2.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
}
.footer .container .part-3:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.footer .container .part-3.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
}
.footer .container .part-4:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.footer .container .part-4.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
}
.footer .container .part-5:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.footer .container .part-5.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
}
.footer .container .part-6:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.footer .container .part-6.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
}
.footer .container .part-7:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.footer .container .part-7.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
}
.footer .container .part-8:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.footer .container .part-8.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
}
.footer .container .part-9:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.footer .container .part-9.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
}
.footer .container .part-10:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.footer .container .part-10.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
}
.footer .container .part-11:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.footer .container .part-11.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
}
.footer .container .part-12:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.footer .container .part-12.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
}
@media (max-width: 1280px) {
  .footer .container .part-xl-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-xl-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .footer .container .part-xl-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-xl-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .footer .container .part-xl-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-xl-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .footer .container .part-xl-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-xl-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .footer .container .part-xl-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-xl-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .footer .container .part-xl-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-xl-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .footer .container .part-xl-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-xl-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .footer .container .part-xl-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-xl-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .footer .container .part-xl-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-xl-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .footer .container .part-xl-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-xl-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .footer .container .part-xl-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-xl-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .footer .container .part-xl-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-xl-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 1024px) {
  .footer .container .part-l-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-l-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .footer .container .part-l-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-l-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .footer .container .part-l-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-l-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .footer .container .part-l-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-l-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .footer .container .part-l-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-l-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .footer .container .part-l-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-l-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .footer .container .part-l-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-l-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .footer .container .part-l-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-l-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .footer .container .part-l-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-l-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .footer .container .part-l-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-l-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .footer .container .part-l-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-l-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .footer .container .part-l-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-l-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 768px) {
  .footer .container .part-m-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-m-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .footer .container .part-m-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-m-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .footer .container .part-m-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-m-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .footer .container .part-m-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-m-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .footer .container .part-m-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-m-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .footer .container .part-m-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-m-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .footer .container .part-m-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-m-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .footer .container .part-m-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-m-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .footer .container .part-m-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-m-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .footer .container .part-m-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-m-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .footer .container .part-m-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-m-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .footer .container .part-m-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-m-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 576px) {
  .footer .container .part-s-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .footer .container .part-s-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .footer .container .part-s-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .footer .container .part-s-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .footer .container .part-s-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .footer .container .part-s-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .footer .container .part-s-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .footer .container .part-s-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .footer .container .part-s-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .footer .container .part-s-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .footer .container .part-s-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .footer .container .part-s-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .footer .container .part-s-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .footer .container .part-s-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .footer .container .part-s-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .footer .container .part-s-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .footer .container .part-s-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .footer .container .part-s-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .footer .container .part-s-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .footer .container .part-s-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .footer .container .part-s-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .footer .container .part-s-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .footer .container .part-s-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .footer .container .part-s-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 375px) {
  .footer .container .part-xs-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .footer .container .part-xs-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .footer .container .part-xs-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .footer .container .part-xs-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .footer .container .part-xs-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .footer .container .part-xs-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .footer .container .part-xs-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .footer .container .part-xs-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .footer .container .part-xs-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .footer .container .part-xs-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .footer .container .part-xs-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .footer .container .part-xs-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .footer .container .part-xs-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .footer .container .part-xs-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .footer .container .part-xs-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .footer .container .part-xs-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .footer .container .part-xs-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .footer .container .part-xs-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .footer .container .part-xs-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .footer .container .part-xs-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .footer .container .part-xs-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .footer .container .part-xs-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .footer .container .part-xs-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .footer .container .part-xs-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
.footer .container .part-top-0 {
  margin-top: 0px;
}
.footer .container .part-left-0 {
  margin-left: 0px;
}
.footer .container .part-right-0 {
  margin-right: 0px;
}
.footer .container .part-bottom-0 {
  margin-bottom: calc(0px + 80px);
}
.footer .container .part-top-1 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.footer .container .part-left-1 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.footer .container .part-right-1 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.footer .container .part-bottom-1 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 80px);
}
.footer .container .part-top-2 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.footer .container .part-left-2 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.footer .container .part-right-2 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.footer .container .part-bottom-2 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 80px);
}
.footer .container .part-top-3 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.footer .container .part-left-3 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.footer .container .part-right-3 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.footer .container .part-bottom-3 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 80px);
}
.footer .container .part-top-4 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.footer .container .part-left-4 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.footer .container .part-right-4 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.footer .container .part-bottom-4 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 80px);
}
.footer .container .part-top-5 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.footer .container .part-left-5 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.footer .container .part-right-5 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.footer .container .part-bottom-5 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 80px);
}
.footer .container .part-top-6 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.footer .container .part-left-6 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.footer .container .part-right-6 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.footer .container .part-bottom-6 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 80px);
}
.footer .container .part-top-7 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.footer .container .part-left-7 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.footer .container .part-right-7 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.footer .container .part-bottom-7 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 80px);
}
.footer .container .part-top-8 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.footer .container .part-left-8 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.footer .container .part-right-8 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.footer .container .part-bottom-8 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 80px);
}
.footer .container .part-top-9 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.footer .container .part-left-9 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.footer .container .part-right-9 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.footer .container .part-bottom-9 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 80px);
}
.footer .container .part-top-10 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.footer .container .part-left-10 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.footer .container .part-right-10 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.footer .container .part-bottom-10 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 80px);
}
.footer .container .part-top-11 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.footer .container .part-left-11 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.footer .container .part-right-11 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.footer .container .part-bottom-11 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 80px);
}
.footer .container .part-top-12 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.footer .container .part-left-12 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.footer .container .part-right-12 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.footer .container .part-bottom-12 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 80px);
}
@media (max-width: 1024px) {
  .footer .container .part-top-l-0 {
    margin-top: 0px;
  }
  .footer .container .part-left-l-0 {
    margin-left: 0px;
  }
  .footer .container .part-right-l-0 {
    margin-right: 0px;
  }
  .footer .container .part-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .footer .container .part-top-l-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-left-l-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-right-l-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-bottom-l-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .footer .container .part-top-l-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-left-l-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-right-l-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-bottom-l-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .footer .container .part-top-l-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-left-l-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-right-l-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-bottom-l-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .footer .container .part-top-l-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-left-l-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-right-l-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-bottom-l-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .footer .container .part-top-l-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-left-l-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-right-l-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-bottom-l-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .footer .container .part-top-l-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-left-l-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-right-l-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-bottom-l-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .footer .container .part-top-l-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-left-l-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-right-l-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-bottom-l-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .footer .container .part-top-l-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-left-l-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-right-l-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-bottom-l-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .footer .container .part-top-l-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-left-l-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-right-l-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-bottom-l-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .footer .container .part-top-l-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-left-l-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-right-l-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-bottom-l-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .footer .container .part-top-l-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-left-l-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-right-l-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-bottom-l-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .footer .container .part-top-l-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-left-l-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-right-l-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-bottom-l-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 768px) {
  .footer .container .part-top-m-0 {
    margin-top: 0px;
  }
  .footer .container .part-left-m-0 {
    margin-left: 0px;
  }
  .footer .container .part-right-m-0 {
    margin-right: 0px;
  }
  .footer .container .part-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .footer .container .part-top-m-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-left-m-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-right-m-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-bottom-m-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .footer .container .part-top-m-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-left-m-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-right-m-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-bottom-m-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .footer .container .part-top-m-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-left-m-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-right-m-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-bottom-m-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .footer .container .part-top-m-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-left-m-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-right-m-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-bottom-m-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .footer .container .part-top-m-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-left-m-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-right-m-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-bottom-m-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .footer .container .part-top-m-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-left-m-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-right-m-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-bottom-m-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .footer .container .part-top-m-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-left-m-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-right-m-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-bottom-m-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .footer .container .part-top-m-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-left-m-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-right-m-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-bottom-m-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .footer .container .part-top-m-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-left-m-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-right-m-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-bottom-m-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .footer .container .part-top-m-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-left-m-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-right-m-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-bottom-m-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .footer .container .part-top-m-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-left-m-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-right-m-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-bottom-m-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .footer .container .part-top-m-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-left-m-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-right-m-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-bottom-m-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 576px) {
  .footer .container .part-top-s-0 {
    margin-top: 0px;
  }
  .footer .container .part-left-s-0 {
    margin-left: 0px;
  }
  .footer .container .part-right-s-0 {
    margin-right: 0px;
  }
  .footer .container .part-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .footer .container .part-top-s-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-left-s-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-right-s-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-bottom-s-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .footer .container .part-top-s-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-left-s-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-right-s-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-bottom-s-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .footer .container .part-top-s-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-left-s-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-right-s-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-bottom-s-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .footer .container .part-top-s-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-left-s-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-right-s-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-bottom-s-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .footer .container .part-top-s-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-left-s-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-right-s-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-bottom-s-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .footer .container .part-top-s-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-left-s-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-right-s-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-bottom-s-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .footer .container .part-top-s-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-left-s-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-right-s-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-bottom-s-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .footer .container .part-top-s-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-left-s-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-right-s-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-bottom-s-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .footer .container .part-top-s-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-left-s-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-right-s-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-bottom-s-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .footer .container .part-top-s-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-left-s-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-right-s-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-bottom-s-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .footer .container .part-top-s-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-left-s-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-right-s-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-bottom-s-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .footer .container .part-top-s-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-left-s-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-right-s-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-bottom-s-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .footer .container .part-top-xs-0 {
    margin-top: 0px;
  }
  .footer .container .part-left-xs-0 {
    margin-left: 0px;
  }
  .footer .container .part-right-xs-0 {
    margin-right: 0px;
  }
  .footer .container .part-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .footer .container .part-top-xs-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-left-xs-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-right-xs-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .footer .container .part-bottom-xs-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .footer .container .part-top-xs-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-left-xs-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-right-xs-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .footer .container .part-bottom-xs-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .footer .container .part-top-xs-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-left-xs-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-right-xs-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .footer .container .part-bottom-xs-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .footer .container .part-top-xs-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-left-xs-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-right-xs-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .footer .container .part-bottom-xs-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .footer .container .part-top-xs-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-left-xs-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-right-xs-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .footer .container .part-bottom-xs-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .footer .container .part-top-xs-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-left-xs-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-right-xs-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .footer .container .part-bottom-xs-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .footer .container .part-top-xs-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-left-xs-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-right-xs-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .footer .container .part-bottom-xs-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .footer .container .part-top-xs-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-left-xs-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-right-xs-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .footer .container .part-bottom-xs-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .footer .container .part-top-xs-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-left-xs-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-right-xs-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .footer .container .part-bottom-xs-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .footer .container .part-top-xs-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-left-xs-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-right-xs-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .footer .container .part-bottom-xs-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .footer .container .part-top-xs-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-left-xs-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-right-xs-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .footer .container .part-bottom-xs-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .footer .container .part-top-xs-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-left-xs-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-right-xs-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .footer .container .part-bottom-xs-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .footer .container .part-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .footer .container .part-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .footer .container .part-m-0 {
    display: none;
  }
}
@media (max-width: 1024px) {
  .footer .container .part-l-0 {
    display: none;
  }
}
@media (max-width: 1280px) {
  .footer .container .part-xl-0 {
    display: none;
  }
}
.footer .container [class*=part].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.footer .container [class*=part].-justify-center {
  display: flex;
  justify-content: center;
}
.footer .container [class*=part].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.footer .container [class*=part].-align-start {
  display: flex;
  align-items: flex-start;
}
.footer .container [class*=part].-align-center {
  display: flex;
  align-items: center;
}
.footer .container [class*=part].-align-end {
  display: flex;
  align-items: flex-end;
}
.footer .container [class*=part].-text-left {
  text-align: left;
}
.footer .container [class*=part].-text-center {
  text-align: center;
}
.footer .container [class*=part].-text-right {
  text-align: right;
}
@media (max-width: 768px) {
  .footer .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.footer__top a:not(.button), .footer__top span, .footer__top li, .footer__top p, .footer__top h1, .footer__top h2, .footer__top h3, .footer__top h4, .footer__top h5, .footer__top h6 {
  color: #F2ECDE;
}
.footer__bottom a:not(.button), .footer__bottom span, .footer__bottom li, .footer__bottom p, .footer__bottom h1, .footer__bottom h2, .footer__bottom h3, .footer__bottom h4, .footer__bottom h5, .footer__bottom h6 {
  color: white;
}
.footer .container {
  padding-right: 0;
  padding-left: 0;
}
.footer__top {
  justify-content: center !important;
}
.footer__top .--right {
  position: relative;
  padding-top: 73px !important;
  padding-bottom: 73px !important;
}
@media (min-width: 1645px) {
  .footer__top .--right {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 576px) {
  .footer__top .fruits {
    display: none;
  }
}
.footer__top .-color-4 {
  background-color: #B8E1F5;
  color: #4F1717;
}
.footer__top .-color-4:hover {
  color: #4F1717 !important;
  background-color: rgba(184, 225, 245, 0.8);
}
.footer__top .--verkoop {
  width: 100%;
  border-top: 1px solid #4F1717;
  border-bottom: 1px solid #4F1717;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0px;
}
.footer__top .--verkoop .-color-4 {
  background-color: #F2ECDE;
  color: #4F1717;
  transition: background-position 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  background-image: linear-gradient(to right, #4F1717, #4F1717 50%, #B8E1F5 50%, #B8E1F5);
  background-size: 200% 100%;
  background-position: 100% 0;
}
.footer__top .--verkoop .-color-4:hover {
  background-position: 0 0;
}
.footer__top .--verkoop .-color-4:hover {
  color: #B8E1F5 !important;
}
.footer__top .--ontwikkeling {
  width: 100%;
  border-bottom: 1px solid #4F1717;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0px;
}
.footer__top .--ontwikkeling.-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .footer__top .--ontwikkeling.-flex {
    display: block;
  }
}
.footer__top h5 {
  color: #4F1717;
}
.footer__top .logos {
  display: flex;
  align-items: anchor-center;
  width: 100%;
  justify-content: center;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .footer__top .logos {
    flex-direction: column;
    padding-left: 23.25vw;
    padding-right: 23.25vw;
  }
}
.footer__top .logos .-mourik {
  width: 5.36vw;
  height: 4.32vw;
}
@media (max-width: 768px) {
  .footer__top .logos .-mourik {
    width: 100% !important;
    height: 70%;
  }
}
.footer__top .logos .-vastgoed {
  width: 11.92vw;
  height: 2.91vw;
}
@media (max-width: 768px) {
  .footer__top .logos .-vastgoed {
    width: 100% !important;
    height: 70%;
  }
}
.footer__top .logos .-rozeboom {
  width: 6.82vw;
  height: 4.84vw;
}
@media (max-width: 768px) {
  .footer__top .logos .-rozeboom {
    width: 100% !important;
    height: 70%;
  }
}
.footer__top .logos .-timmer {
  width: 9.06vw;
  height: 2.44vw;
}
@media (max-width: 768px) {
  .footer__top .logos .-timmer {
    width: 100% !important;
    height: 70%;
  }
}
.footer__top .logos .-rvb {
  width: 3.54vw;
  height: 2.6vw;
}
@media (max-width: 768px) {
  .footer__top .logos .-rvb {
    width: 100% !important;
    height: 70%;
  }
}
.footer__top .logos .-vdbh {
  width: 5.78vw;
  height: 2.6vw;
}
@media (max-width: 768px) {
  .footer__top .logos .-vdbh {
    width: 100% !important;
    height: 70%;
  }
}
.footer__top .logos .-project {
  width: 10.36vw;
  height: 2.39vw;
}
@media (max-width: 768px) {
  .footer__top .logos .-project {
    width: 100% !important;
    height: 70%;
  }
}
.footer__top .logos img:nth-of-type(2) {
  margin-left: 50px;
  margin-right: 50px;
}
@media (max-width: 576px) {
  .footer__top .logos img:nth-of-type(2) {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .footer__top .logos img {
    margin-top: 20px;
  }
}
.footer__top a {
  display: block;
}
.footer__top .part-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 13.88vw;
  padding-bottom: 13.88vw;
  padding-left: 20px;
  padding-right: 20px;
}
.footer__top .part-6 p {
  font-size: 1.25vw !important;
  text-align: center;
  padding-left: 11.59vw;
  padding-right: 11.59vw;
}
@media (max-width: 576px) {
  .footer__top .part-6 p {
    font-size: 16px !important;
  }
}
.footer__top .part-6 h3 {
  margin-top: 3.8vw;
  margin-bottom: 1.8vw;
  color: #B8E1F5 !important;
}
@media (max-width: 576px) {
  .footer__top .part-6 h3 {
    font-size: 60px !important;
    margin-top: 30px !important;
  }
}
.footer__top .part-6:first-of-type {
  background-color: #4F1717;
}
.footer__top .part-6:last-of-type {
  background-color: #fff;
}
.footer__top .submenu {
  padding-left: 20px;
}
.footer__top .submenu__icon {
  display: none;
}
.footer__top * {
  color: white;
}
.footer__logo {
  display: block;
  width: 200px;
}
.footer__bottom {
  padding: 23px 41px;
}
.footer__bottom.-desktop {
  display: block;
}
@media (max-width: 576px) {
  .footer__bottom.-desktop {
    display: none;
  }
}
.footer__bottom.-mobile {
  display: none;
}
.footer__bottom.-mobile .container {
  gap: 20px;
}
.footer__bottom.-mobile nav {
  gap: 20px;
}
@media (max-width: 576px) {
  .footer__bottom.-mobile {
    display: block;
  }
}
.footer__bottom a {
  color: black !important;
  font-size: 14px;
}
.footer__bottom p {
  color: black;
  font-size: 14px;
}
.footer__bottom nav {
  margin-top: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: -30px;
}
@media (max-width: 1024px) {
  .footer__bottom nav {
    margin-bottom: -30px;
  }
}
@media (max-width: 768px) {
  .footer__bottom nav {
    margin-bottom: -15px;
  }
}
@media (max-width: 576px) {
  .footer__bottom nav {
    margin-bottom: -15px;
  }
}
.footer__bottom nav > * {
  margin-top: 0;
  margin-bottom: 30px;
  margin-right: 30px;
}
@media (max-width: 1024px) {
  .footer__bottom nav > * {
    margin-bottom: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 768px) {
  .footer__bottom nav > * {
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 576px) {
  .footer__bottom nav > * {
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
.footer__bottom .socials {
  display: flex;
  align-items: center;
}
.footer__bottom .socials p {
  margin-right: 25px;
}
.footer__bottom .socials a {
  margin-top: 5px;
}
.footer__bottom .socials svg {
  margin-top: 0px;
}
.footer__bottom .socials svg:nth-of-type(1) {
  margin-right: 10px;
}
.footer__bottom .realisation {
  margin-top: 0px;
  display: flex;
  align-items: center;
}

.section.--availability-bar {
  background-color: #4F1717;
  margin-bottom: 0 !important;
  display: flex;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.section.--availability-bar .buildingnumber {
  background-color: #fff;
  padding: 10px 30px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.section.--availability-bar .available {
  background-color: #fff;
  padding: 10px 30px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.section.--availability-bar .available.-available {
  background-color: #D5DE69;
}
.section.--availability-bar .available.-last-one {
  background-color: #F9BE8B;
}
.section.--availability-bar .available.-sold {
  background-color: #EB5D27;
}
@media (max-width: 768px) {
  .section.--availability-bar {
    flex-direction: column;
    padding-left: 20%;
    padding-right: 20%;
  }
  .section.--availability-bar .buildingnumber {
    border-radius: 50px 50px 50px 50px !important;
    margin-bottom: 20px;
  }
  .section.--availability-bar .buildingnumber p {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
  }
  .section.--availability-bar .available {
    border-radius: 50px 50px 50px 50px !important;
  }
  .section.--availability-bar .available p {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
  }
}
@media (max-width: 576px) {
  .section.--availability-bar {
    padding-left: 13%;
    padding-right: 13%;
  }
}
.section.--availability-bar p {
  font-family: "spirits-sharp", serif;
}
.section.houses .container {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  justify-content: flex-start;
}
.section .container {
  margin-bottom: -80px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: unset;
}
@media (max-width: 1024px) {
  .section .container {
    margin-bottom: -60px;
  }
}
@media (max-width: 768px) {
  .section .container {
    margin-bottom: -60px;
  }
}
@media (max-width: 576px) {
  .section .container {
    margin-bottom: -40px;
  }
}
@media (max-width: 375px) {
  .section .container {
    margin-bottom: -40px;
  }
}
.section .container [class*=part] {
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .section .container [class*=part] {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .section .container [class*=part] {
    margin-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .section .container [class*=part] {
    margin-bottom: 40px;
  }
}
@media (max-width: 375px) {
  .section .container [class*=part] {
    margin-bottom: 40px;
  }
}
.section .container .part-1:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .part-1.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
}
.section .container .part-2:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .part-2.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
}
.section .container .part-3:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .part-3.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
}
.section .container .part-4:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .part-4.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
}
.section .container .part-5:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .part-5.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
}
.section .container .part-6:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .part-6.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
}
.section .container .part-7:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .part-7.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
}
.section .container .part-8:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .part-8.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
}
.section .container .part-9:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .part-9.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
}
.section .container .part-10:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .part-10.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
}
.section .container .part-11:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .part-11.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
}
.section .container .part-12:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .part-12.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
}
@media (max-width: 1280px) {
  .section .container .part-xl-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-xl-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .part-xl-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-xl-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .part-xl-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-xl-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .part-xl-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-xl-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .part-xl-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-xl-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .part-xl-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-xl-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .part-xl-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-xl-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .part-xl-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-xl-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .part-xl-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-xl-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .part-xl-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-xl-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .part-xl-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-xl-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .part-xl-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-xl-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 1024px) {
  .section .container .part-l-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-l-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .part-l-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-l-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .part-l-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-l-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .part-l-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-l-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .part-l-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-l-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .part-l-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-l-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .part-l-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-l-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .part-l-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-l-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .part-l-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-l-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .part-l-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-l-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .part-l-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-l-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .part-l-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-l-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 768px) {
  .section .container .part-m-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-m-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .part-m-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-m-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .part-m-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-m-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .part-m-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-m-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .part-m-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-m-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .part-m-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-m-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .part-m-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-m-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .part-m-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-m-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .part-m-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-m-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .part-m-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-m-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .part-m-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-m-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .part-m-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-m-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 576px) {
  .section .container .part-s-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .section .container .part-s-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .part-s-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .section .container .part-s-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .part-s-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .section .container .part-s-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .part-s-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .section .container .part-s-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .part-s-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .section .container .part-s-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .part-s-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .section .container .part-s-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .part-s-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .section .container .part-s-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .part-s-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .section .container .part-s-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .part-s-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .section .container .part-s-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .part-s-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .section .container .part-s-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .part-s-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .section .container .part-s-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .part-s-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .section .container .part-s-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 375px) {
  .section .container .part-xs-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .section .container .part-xs-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .part-xs-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .section .container .part-xs-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .part-xs-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .section .container .part-xs-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .part-xs-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .section .container .part-xs-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .part-xs-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .section .container .part-xs-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .part-xs-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .section .container .part-xs-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .part-xs-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .section .container .part-xs-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .part-xs-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .section .container .part-xs-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .part-xs-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .section .container .part-xs-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .part-xs-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .section .container .part-xs-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .part-xs-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .section .container .part-xs-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .part-xs-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .section .container .part-xs-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
.section .container .part-top-0 {
  margin-top: 0px;
}
.section .container .part-left-0 {
  margin-left: 0px;
}
.section .container .part-right-0 {
  margin-right: 0px;
}
.section .container .part-bottom-0 {
  margin-bottom: calc(0px + 80px);
}
.section .container .part-top-1 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .part-left-1 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .part-right-1 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .part-bottom-1 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 80px);
}
.section .container .part-top-2 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .part-left-2 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .part-right-2 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .part-bottom-2 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 80px);
}
.section .container .part-top-3 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .part-left-3 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .part-right-3 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .part-bottom-3 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 80px);
}
.section .container .part-top-4 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .part-left-4 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .part-right-4 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .part-bottom-4 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 80px);
}
.section .container .part-top-5 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .part-left-5 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .part-right-5 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .part-bottom-5 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 80px);
}
.section .container .part-top-6 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .part-left-6 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .part-right-6 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .part-bottom-6 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 80px);
}
.section .container .part-top-7 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .part-left-7 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .part-right-7 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .part-bottom-7 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 80px);
}
.section .container .part-top-8 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .part-left-8 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .part-right-8 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .part-bottom-8 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 80px);
}
.section .container .part-top-9 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .part-left-9 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .part-right-9 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .part-bottom-9 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 80px);
}
.section .container .part-top-10 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .part-left-10 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .part-right-10 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .part-bottom-10 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 80px);
}
.section .container .part-top-11 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .part-left-11 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .part-right-11 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .part-bottom-11 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 80px);
}
.section .container .part-top-12 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .part-left-12 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .part-right-12 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .part-bottom-12 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 80px);
}
@media (max-width: 1024px) {
  .section .container .part-top-l-0 {
    margin-top: 0px;
  }
  .section .container .part-left-l-0 {
    margin-left: 0px;
  }
  .section .container .part-right-l-0 {
    margin-right: 0px;
  }
  .section .container .part-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .part-top-l-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-left-l-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-right-l-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-bottom-l-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .section .container .part-top-l-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-left-l-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-right-l-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-bottom-l-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .section .container .part-top-l-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-left-l-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-right-l-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-bottom-l-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .section .container .part-top-l-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-left-l-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-right-l-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-bottom-l-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .section .container .part-top-l-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-left-l-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-right-l-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-bottom-l-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .section .container .part-top-l-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-left-l-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-right-l-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-bottom-l-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .section .container .part-top-l-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-left-l-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-right-l-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-bottom-l-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .section .container .part-top-l-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-left-l-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-right-l-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-bottom-l-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .section .container .part-top-l-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-left-l-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-right-l-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-bottom-l-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .section .container .part-top-l-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-left-l-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-right-l-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-bottom-l-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .section .container .part-top-l-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-left-l-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-right-l-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-bottom-l-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .section .container .part-top-l-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-left-l-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-right-l-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-bottom-l-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 768px) {
  .section .container .part-top-m-0 {
    margin-top: 0px;
  }
  .section .container .part-left-m-0 {
    margin-left: 0px;
  }
  .section .container .part-right-m-0 {
    margin-right: 0px;
  }
  .section .container .part-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .part-top-m-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-left-m-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-right-m-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-bottom-m-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .section .container .part-top-m-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-left-m-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-right-m-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-bottom-m-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .section .container .part-top-m-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-left-m-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-right-m-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-bottom-m-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .section .container .part-top-m-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-left-m-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-right-m-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-bottom-m-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .section .container .part-top-m-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-left-m-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-right-m-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-bottom-m-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .section .container .part-top-m-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-left-m-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-right-m-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-bottom-m-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .section .container .part-top-m-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-left-m-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-right-m-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-bottom-m-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .section .container .part-top-m-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-left-m-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-right-m-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-bottom-m-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .section .container .part-top-m-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-left-m-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-right-m-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-bottom-m-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .section .container .part-top-m-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-left-m-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-right-m-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-bottom-m-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .section .container .part-top-m-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-left-m-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-right-m-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-bottom-m-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .section .container .part-top-m-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-left-m-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-right-m-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-bottom-m-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 576px) {
  .section .container .part-top-s-0 {
    margin-top: 0px;
  }
  .section .container .part-left-s-0 {
    margin-left: 0px;
  }
  .section .container .part-right-s-0 {
    margin-right: 0px;
  }
  .section .container .part-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .part-top-s-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-left-s-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-right-s-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-bottom-s-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .section .container .part-top-s-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-left-s-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-right-s-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-bottom-s-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .section .container .part-top-s-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-left-s-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-right-s-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-bottom-s-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .section .container .part-top-s-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-left-s-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-right-s-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-bottom-s-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .section .container .part-top-s-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-left-s-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-right-s-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-bottom-s-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .section .container .part-top-s-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-left-s-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-right-s-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-bottom-s-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .section .container .part-top-s-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-left-s-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-right-s-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-bottom-s-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .section .container .part-top-s-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-left-s-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-right-s-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-bottom-s-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .section .container .part-top-s-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-left-s-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-right-s-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-bottom-s-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .section .container .part-top-s-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-left-s-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-right-s-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-bottom-s-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .section .container .part-top-s-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-left-s-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-right-s-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-bottom-s-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .section .container .part-top-s-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-left-s-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-right-s-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-bottom-s-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .part-top-xs-0 {
    margin-top: 0px;
  }
  .section .container .part-left-xs-0 {
    margin-left: 0px;
  }
  .section .container .part-right-xs-0 {
    margin-right: 0px;
  }
  .section .container .part-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .part-top-xs-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-left-xs-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-right-xs-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-bottom-xs-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .section .container .part-top-xs-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-left-xs-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-right-xs-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-bottom-xs-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .section .container .part-top-xs-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-left-xs-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-right-xs-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-bottom-xs-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .section .container .part-top-xs-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-left-xs-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-right-xs-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-bottom-xs-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .section .container .part-top-xs-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-left-xs-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-right-xs-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-bottom-xs-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .section .container .part-top-xs-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-left-xs-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-right-xs-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-bottom-xs-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .section .container .part-top-xs-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-left-xs-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-right-xs-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-bottom-xs-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .section .container .part-top-xs-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-left-xs-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-right-xs-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-bottom-xs-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .section .container .part-top-xs-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-left-xs-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-right-xs-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-bottom-xs-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .section .container .part-top-xs-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-left-xs-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-right-xs-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-bottom-xs-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .section .container .part-top-xs-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-left-xs-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-right-xs-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-bottom-xs-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .section .container .part-top-xs-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-left-xs-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-right-xs-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-bottom-xs-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .part-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .section .container .part-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .section .container .part-m-0 {
    display: none;
  }
}
@media (max-width: 1024px) {
  .section .container .part-l-0 {
    display: none;
  }
}
@media (max-width: 1280px) {
  .section .container .part-xl-0 {
    display: none;
  }
}
.section .container [class*=part].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.section .container [class*=part].-justify-center {
  display: flex;
  justify-content: center;
}
.section .container [class*=part].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.section .container [class*=part].-align-start {
  display: flex;
  align-items: flex-start;
}
.section .container [class*=part].-align-center {
  display: flex;
  align-items: center;
}
.section .container [class*=part].-align-end {
  display: flex;
  align-items: flex-end;
}
.section .container [class*=part].-text-left {
  text-align: left;
}
.section .container [class*=part].-text-center {
  text-align: center;
}
.section .container [class*=part].-text-right {
  text-align: right;
}
.section .container .part-1:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .part-1.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
}
.section .container .part-2:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .part-2.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
}
.section .container .part-3:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .part-3.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
}
.section .container .part-4:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .part-4.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
}
.section .container .part-5:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .part-5.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
}
.section .container .part-6:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .part-6.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
}
.section .container .part-7:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .part-7.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
}
.section .container .part-8:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .part-8.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
}
.section .container .part-9:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .part-9.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
}
.section .container .part-10:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .part-10.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
}
.section .container .part-11:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .part-11.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
}
.section .container .part-12:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .part-12.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
}
@media (max-width: 1280px) {
  .section .container .part-xl-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-xl-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .part-xl-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-xl-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .part-xl-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-xl-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .part-xl-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-xl-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .part-xl-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-xl-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .part-xl-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-xl-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .part-xl-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-xl-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .part-xl-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-xl-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .part-xl-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-xl-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .part-xl-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-xl-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .part-xl-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-xl-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .part-xl-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-xl-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 1024px) {
  .section .container .part-l-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-l-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .part-l-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-l-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .part-l-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-l-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .part-l-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-l-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .part-l-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-l-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .part-l-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-l-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .part-l-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-l-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .part-l-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-l-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .part-l-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-l-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .part-l-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-l-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .part-l-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-l-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .part-l-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-l-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 768px) {
  .section .container .part-m-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-m-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .part-m-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-m-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .part-m-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-m-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .part-m-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-m-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .part-m-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-m-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .part-m-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-m-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .part-m-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-m-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .part-m-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-m-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .part-m-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-m-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .part-m-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-m-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .part-m-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-m-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .part-m-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-m-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 576px) {
  .section .container .part-s-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .section .container .part-s-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .part-s-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .section .container .part-s-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .part-s-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .section .container .part-s-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .part-s-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .section .container .part-s-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .part-s-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .section .container .part-s-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .part-s-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .section .container .part-s-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .part-s-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .section .container .part-s-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .part-s-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .section .container .part-s-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .part-s-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .section .container .part-s-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .part-s-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .section .container .part-s-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .part-s-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .section .container .part-s-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .part-s-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .section .container .part-s-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 375px) {
  .section .container .part-xs-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .section .container .part-xs-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .part-xs-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .section .container .part-xs-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .part-xs-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .section .container .part-xs-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .part-xs-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .section .container .part-xs-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .part-xs-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .section .container .part-xs-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .part-xs-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .section .container .part-xs-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .part-xs-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .section .container .part-xs-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .part-xs-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .section .container .part-xs-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .part-xs-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .section .container .part-xs-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .part-xs-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .section .container .part-xs-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .part-xs-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .section .container .part-xs-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .part-xs-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .section .container .part-xs-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
.section .container .part-top-0 {
  margin-top: 0px;
}
.section .container .part-left-0 {
  margin-left: 0px;
}
.section .container .part-right-0 {
  margin-right: 0px;
}
.section .container .part-bottom-0 {
  margin-bottom: calc(0px + 80px);
}
.section .container .part-top-1 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .part-left-1 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .part-right-1 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .part-bottom-1 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 80px);
}
.section .container .part-top-2 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .part-left-2 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .part-right-2 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .part-bottom-2 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 80px);
}
.section .container .part-top-3 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .part-left-3 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .part-right-3 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .part-bottom-3 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 80px);
}
.section .container .part-top-4 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .part-left-4 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .part-right-4 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .part-bottom-4 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 80px);
}
.section .container .part-top-5 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .part-left-5 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .part-right-5 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .part-bottom-5 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 80px);
}
.section .container .part-top-6 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .part-left-6 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .part-right-6 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .part-bottom-6 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 80px);
}
.section .container .part-top-7 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .part-left-7 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .part-right-7 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .part-bottom-7 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 80px);
}
.section .container .part-top-8 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .part-left-8 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .part-right-8 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .part-bottom-8 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 80px);
}
.section .container .part-top-9 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .part-left-9 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .part-right-9 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .part-bottom-9 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 80px);
}
.section .container .part-top-10 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .part-left-10 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .part-right-10 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .part-bottom-10 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 80px);
}
.section .container .part-top-11 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .part-left-11 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .part-right-11 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .part-bottom-11 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 80px);
}
.section .container .part-top-12 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .part-left-12 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .part-right-12 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .part-bottom-12 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 80px);
}
@media (max-width: 1024px) {
  .section .container .part-top-l-0 {
    margin-top: 0px;
  }
  .section .container .part-left-l-0 {
    margin-left: 0px;
  }
  .section .container .part-right-l-0 {
    margin-right: 0px;
  }
  .section .container .part-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .part-top-l-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-left-l-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-right-l-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-bottom-l-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .section .container .part-top-l-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-left-l-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-right-l-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-bottom-l-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .section .container .part-top-l-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-left-l-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-right-l-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-bottom-l-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .section .container .part-top-l-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-left-l-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-right-l-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-bottom-l-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .section .container .part-top-l-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-left-l-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-right-l-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-bottom-l-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .section .container .part-top-l-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-left-l-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-right-l-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-bottom-l-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .section .container .part-top-l-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-left-l-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-right-l-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-bottom-l-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .section .container .part-top-l-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-left-l-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-right-l-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-bottom-l-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .section .container .part-top-l-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-left-l-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-right-l-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-bottom-l-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .section .container .part-top-l-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-left-l-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-right-l-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-bottom-l-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .section .container .part-top-l-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-left-l-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-right-l-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-bottom-l-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .section .container .part-top-l-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-left-l-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-right-l-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-bottom-l-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 768px) {
  .section .container .part-top-m-0 {
    margin-top: 0px;
  }
  .section .container .part-left-m-0 {
    margin-left: 0px;
  }
  .section .container .part-right-m-0 {
    margin-right: 0px;
  }
  .section .container .part-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .part-top-m-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-left-m-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-right-m-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-bottom-m-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .section .container .part-top-m-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-left-m-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-right-m-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-bottom-m-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .section .container .part-top-m-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-left-m-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-right-m-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-bottom-m-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .section .container .part-top-m-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-left-m-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-right-m-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-bottom-m-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .section .container .part-top-m-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-left-m-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-right-m-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-bottom-m-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .section .container .part-top-m-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-left-m-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-right-m-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-bottom-m-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .section .container .part-top-m-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-left-m-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-right-m-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-bottom-m-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .section .container .part-top-m-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-left-m-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-right-m-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-bottom-m-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .section .container .part-top-m-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-left-m-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-right-m-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-bottom-m-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .section .container .part-top-m-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-left-m-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-right-m-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-bottom-m-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .section .container .part-top-m-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-left-m-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-right-m-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-bottom-m-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .section .container .part-top-m-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-left-m-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-right-m-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-bottom-m-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 576px) {
  .section .container .part-top-s-0 {
    margin-top: 0px;
  }
  .section .container .part-left-s-0 {
    margin-left: 0px;
  }
  .section .container .part-right-s-0 {
    margin-right: 0px;
  }
  .section .container .part-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .part-top-s-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-left-s-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-right-s-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-bottom-s-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .section .container .part-top-s-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-left-s-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-right-s-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-bottom-s-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .section .container .part-top-s-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-left-s-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-right-s-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-bottom-s-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .section .container .part-top-s-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-left-s-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-right-s-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-bottom-s-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .section .container .part-top-s-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-left-s-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-right-s-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-bottom-s-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .section .container .part-top-s-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-left-s-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-right-s-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-bottom-s-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .section .container .part-top-s-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-left-s-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-right-s-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-bottom-s-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .section .container .part-top-s-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-left-s-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-right-s-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-bottom-s-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .section .container .part-top-s-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-left-s-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-right-s-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-bottom-s-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .section .container .part-top-s-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-left-s-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-right-s-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-bottom-s-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .section .container .part-top-s-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-left-s-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-right-s-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-bottom-s-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .section .container .part-top-s-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-left-s-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-right-s-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-bottom-s-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .part-top-xs-0 {
    margin-top: 0px;
  }
  .section .container .part-left-xs-0 {
    margin-left: 0px;
  }
  .section .container .part-right-xs-0 {
    margin-right: 0px;
  }
  .section .container .part-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .part-top-xs-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-left-xs-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-right-xs-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .part-bottom-xs-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .section .container .part-top-xs-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-left-xs-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-right-xs-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .part-bottom-xs-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .section .container .part-top-xs-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-left-xs-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-right-xs-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .part-bottom-xs-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .section .container .part-top-xs-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-left-xs-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-right-xs-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .part-bottom-xs-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .section .container .part-top-xs-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-left-xs-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-right-xs-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .part-bottom-xs-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .section .container .part-top-xs-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-left-xs-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-right-xs-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .part-bottom-xs-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .section .container .part-top-xs-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-left-xs-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-right-xs-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .part-bottom-xs-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .section .container .part-top-xs-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-left-xs-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-right-xs-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .part-bottom-xs-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .section .container .part-top-xs-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-left-xs-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-right-xs-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .part-bottom-xs-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .section .container .part-top-xs-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-left-xs-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-right-xs-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .part-bottom-xs-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .section .container .part-top-xs-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-left-xs-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-right-xs-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .part-bottom-xs-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .section .container .part-top-xs-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-left-xs-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-right-xs-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .part-bottom-xs-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .part-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .section .container .part-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .section .container .part-m-0 {
    display: none;
  }
}
@media (max-width: 1024px) {
  .section .container .part-l-0 {
    display: none;
  }
}
@media (max-width: 1280px) {
  .section .container .part-xl-0 {
    display: none;
  }
}
.section .container [class*=part].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.section .container [class*=part].-justify-center {
  display: flex;
  justify-content: center;
}
.section .container [class*=part].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.section .container [class*=part].-align-start {
  display: flex;
  align-items: flex-start;
}
.section .container [class*=part].-align-center {
  display: flex;
  align-items: center;
}
.section .container [class*=part].-align-end {
  display: flex;
  align-items: flex-end;
}
.section .container [class*=part].-text-left {
  text-align: left;
}
.section .container [class*=part].-text-center {
  text-align: center;
}
.section .container [class*=part].-text-right {
  text-align: right;
}
@media (max-width: 768px) {
  .section .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 768px) {
  .section .container .order {
    order: 2;
  }
}
.section .container .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: unset;
  padding-right: 0;
  padding-left: 0;
}
.section .container .container .part-1:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .container .part-1.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
}
.section .container .container .part-2:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .container .part-2.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
}
.section .container .container .part-3:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .container .part-3.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
}
.section .container .container .part-4:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .container .part-4.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
}
.section .container .container .part-5:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .container .part-5.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
}
.section .container .container .part-6:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .container .part-6.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
}
.section .container .container .part-7:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .container .part-7.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
}
.section .container .container .part-8:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .container .part-8.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
}
.section .container .container .part-9:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .container .part-9.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
}
.section .container .container .part-10:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .container .part-10.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
}
.section .container .container .part-11:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .container .part-11.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
}
.section .container .container .part-12:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .container .part-12.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
}
@media (max-width: 1280px) {
  .section .container .container .part-xl-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-xl-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .container .part-xl-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-xl-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .container .part-xl-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-xl-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .container .part-xl-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-xl-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .container .part-xl-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-xl-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .container .part-xl-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-xl-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .container .part-xl-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-xl-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .container .part-xl-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-xl-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .container .part-xl-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-xl-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .container .part-xl-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-xl-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .container .part-xl-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-xl-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .container .part-xl-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-xl-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 1024px) {
  .section .container .container .part-l-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-l-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .container .part-l-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-l-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .container .part-l-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-l-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .container .part-l-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-l-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .container .part-l-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-l-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .container .part-l-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-l-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .container .part-l-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-l-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .container .part-l-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-l-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .container .part-l-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-l-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .container .part-l-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-l-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .container .part-l-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-l-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .container .part-l-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-l-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 768px) {
  .section .container .container .part-m-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-m-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .container .part-m-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-m-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .container .part-m-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-m-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .container .part-m-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-m-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .container .part-m-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-m-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .container .part-m-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-m-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .container .part-m-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-m-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .container .part-m-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-m-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .container .part-m-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-m-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .container .part-m-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-m-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .container .part-m-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-m-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .container .part-m-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-m-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 576px) {
  .section .container .container .part-s-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .section .container .container .part-s-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .container .part-s-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .section .container .container .part-s-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .container .part-s-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .section .container .container .part-s-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .container .part-s-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .section .container .container .part-s-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .container .part-s-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .section .container .container .part-s-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .container .part-s-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .section .container .container .part-s-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .container .part-s-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .section .container .container .part-s-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .container .part-s-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .section .container .container .part-s-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .container .part-s-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .section .container .container .part-s-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .container .part-s-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .section .container .container .part-s-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .container .part-s-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .section .container .container .part-s-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .container .part-s-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .section .container .container .part-s-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 375px) {
  .section .container .container .part-xs-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .section .container .container .part-xs-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section .container .container .part-xs-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .section .container .container .part-xs-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section .container .container .part-xs-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .section .container .container .part-xs-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section .container .container .part-xs-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .section .container .container .part-xs-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section .container .container .part-xs-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .section .container .container .part-xs-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section .container .container .part-xs-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .section .container .container .part-xs-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section .container .container .part-xs-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .section .container .container .part-xs-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section .container .container .part-xs-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .section .container .container .part-xs-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section .container .container .part-xs-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .section .container .container .part-xs-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section .container .container .part-xs-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .section .container .container .part-xs-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section .container .container .part-xs-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .section .container .container .part-xs-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section .container .container .part-xs-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .section .container .container .part-xs-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
.section .container .container .part-top-0 {
  margin-top: 0px;
}
.section .container .container .part-left-0 {
  margin-left: 0px;
}
.section .container .container .part-right-0 {
  margin-right: 0px;
}
.section .container .container .part-bottom-0 {
  margin-bottom: calc(0px + 80px);
}
.section .container .container .part-top-1 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .container .part-left-1 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .container .part-right-1 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section .container .container .part-bottom-1 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 80px);
}
.section .container .container .part-top-2 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .container .part-left-2 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .container .part-right-2 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section .container .container .part-bottom-2 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 80px);
}
.section .container .container .part-top-3 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .container .part-left-3 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .container .part-right-3 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section .container .container .part-bottom-3 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 80px);
}
.section .container .container .part-top-4 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .container .part-left-4 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .container .part-right-4 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section .container .container .part-bottom-4 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 80px);
}
.section .container .container .part-top-5 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .container .part-left-5 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .container .part-right-5 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section .container .container .part-bottom-5 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 80px);
}
.section .container .container .part-top-6 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .container .part-left-6 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .container .part-right-6 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section .container .container .part-bottom-6 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 80px);
}
.section .container .container .part-top-7 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .container .part-left-7 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .container .part-right-7 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section .container .container .part-bottom-7 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 80px);
}
.section .container .container .part-top-8 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .container .part-left-8 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .container .part-right-8 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section .container .container .part-bottom-8 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 80px);
}
.section .container .container .part-top-9 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .container .part-left-9 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .container .part-right-9 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section .container .container .part-bottom-9 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 80px);
}
.section .container .container .part-top-10 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .container .part-left-10 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .container .part-right-10 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section .container .container .part-bottom-10 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 80px);
}
.section .container .container .part-top-11 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .container .part-left-11 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .container .part-right-11 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section .container .container .part-bottom-11 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 80px);
}
.section .container .container .part-top-12 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .container .part-left-12 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .container .part-right-12 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section .container .container .part-bottom-12 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 80px);
}
@media (max-width: 1024px) {
  .section .container .container .part-top-l-0 {
    margin-top: 0px;
  }
  .section .container .container .part-left-l-0 {
    margin-left: 0px;
  }
  .section .container .container .part-right-l-0 {
    margin-right: 0px;
  }
  .section .container .container .part-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .container .part-top-l-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-left-l-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-right-l-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-bottom-l-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .section .container .container .part-top-l-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-left-l-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-right-l-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-bottom-l-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .section .container .container .part-top-l-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-left-l-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-right-l-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-bottom-l-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .section .container .container .part-top-l-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-left-l-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-right-l-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-bottom-l-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .section .container .container .part-top-l-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-left-l-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-right-l-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-bottom-l-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .section .container .container .part-top-l-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-left-l-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-right-l-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-bottom-l-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .section .container .container .part-top-l-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-left-l-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-right-l-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-bottom-l-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .section .container .container .part-top-l-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-left-l-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-right-l-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-bottom-l-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .section .container .container .part-top-l-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-left-l-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-right-l-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-bottom-l-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .section .container .container .part-top-l-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-left-l-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-right-l-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-bottom-l-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .section .container .container .part-top-l-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-left-l-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-right-l-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-bottom-l-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .section .container .container .part-top-l-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-left-l-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-right-l-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-bottom-l-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 768px) {
  .section .container .container .part-top-m-0 {
    margin-top: 0px;
  }
  .section .container .container .part-left-m-0 {
    margin-left: 0px;
  }
  .section .container .container .part-right-m-0 {
    margin-right: 0px;
  }
  .section .container .container .part-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .container .part-top-m-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-left-m-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-right-m-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-bottom-m-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .section .container .container .part-top-m-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-left-m-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-right-m-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-bottom-m-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .section .container .container .part-top-m-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-left-m-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-right-m-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-bottom-m-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .section .container .container .part-top-m-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-left-m-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-right-m-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-bottom-m-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .section .container .container .part-top-m-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-left-m-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-right-m-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-bottom-m-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .section .container .container .part-top-m-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-left-m-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-right-m-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-bottom-m-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .section .container .container .part-top-m-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-left-m-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-right-m-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-bottom-m-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .section .container .container .part-top-m-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-left-m-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-right-m-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-bottom-m-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .section .container .container .part-top-m-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-left-m-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-right-m-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-bottom-m-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .section .container .container .part-top-m-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-left-m-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-right-m-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-bottom-m-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .section .container .container .part-top-m-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-left-m-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-right-m-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-bottom-m-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .section .container .container .part-top-m-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-left-m-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-right-m-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-bottom-m-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 576px) {
  .section .container .container .part-top-s-0 {
    margin-top: 0px;
  }
  .section .container .container .part-left-s-0 {
    margin-left: 0px;
  }
  .section .container .container .part-right-s-0 {
    margin-right: 0px;
  }
  .section .container .container .part-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .container .part-top-s-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-left-s-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-right-s-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-bottom-s-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .section .container .container .part-top-s-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-left-s-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-right-s-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-bottom-s-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .section .container .container .part-top-s-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-left-s-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-right-s-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-bottom-s-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .section .container .container .part-top-s-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-left-s-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-right-s-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-bottom-s-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .section .container .container .part-top-s-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-left-s-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-right-s-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-bottom-s-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .section .container .container .part-top-s-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-left-s-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-right-s-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-bottom-s-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .section .container .container .part-top-s-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-left-s-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-right-s-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-bottom-s-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .section .container .container .part-top-s-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-left-s-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-right-s-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-bottom-s-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .section .container .container .part-top-s-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-left-s-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-right-s-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-bottom-s-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .section .container .container .part-top-s-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-left-s-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-right-s-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-bottom-s-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .section .container .container .part-top-s-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-left-s-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-right-s-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-bottom-s-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .section .container .container .part-top-s-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-left-s-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-right-s-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-bottom-s-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .container .part-top-xs-0 {
    margin-top: 0px;
  }
  .section .container .container .part-left-xs-0 {
    margin-left: 0px;
  }
  .section .container .container .part-right-xs-0 {
    margin-right: 0px;
  }
  .section .container .container .part-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .container .part-top-xs-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-left-xs-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-right-xs-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section .container .container .part-bottom-xs-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .section .container .container .part-top-xs-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-left-xs-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-right-xs-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section .container .container .part-bottom-xs-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .section .container .container .part-top-xs-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-left-xs-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-right-xs-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section .container .container .part-bottom-xs-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .section .container .container .part-top-xs-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-left-xs-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-right-xs-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section .container .container .part-bottom-xs-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .section .container .container .part-top-xs-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-left-xs-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-right-xs-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section .container .container .part-bottom-xs-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .section .container .container .part-top-xs-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-left-xs-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-right-xs-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section .container .container .part-bottom-xs-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .section .container .container .part-top-xs-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-left-xs-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-right-xs-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section .container .container .part-bottom-xs-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .section .container .container .part-top-xs-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-left-xs-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-right-xs-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section .container .container .part-bottom-xs-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .section .container .container .part-top-xs-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-left-xs-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-right-xs-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section .container .container .part-bottom-xs-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .section .container .container .part-top-xs-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-left-xs-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-right-xs-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section .container .container .part-bottom-xs-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .section .container .container .part-top-xs-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-left-xs-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-right-xs-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section .container .container .part-bottom-xs-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .section .container .container .part-top-xs-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-left-xs-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-right-xs-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section .container .container .part-bottom-xs-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .container .part-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .section .container .container .part-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .section .container .container .part-m-0 {
    display: none;
  }
}
@media (max-width: 1024px) {
  .section .container .container .part-l-0 {
    display: none;
  }
}
@media (max-width: 1280px) {
  .section .container .container .part-xl-0 {
    display: none;
  }
}
.section .container .container [class*=part].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.section .container .container [class*=part].-justify-center {
  display: flex;
  justify-content: center;
}
.section .container .container [class*=part].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.section .container .container [class*=part].-align-start {
  display: flex;
  align-items: flex-start;
}
.section .container .container [class*=part].-align-center {
  display: flex;
  align-items: center;
}
.section .container .container [class*=part].-align-end {
  display: flex;
  align-items: flex-end;
}
.section .container .container [class*=part].-text-left {
  text-align: left;
}
.section .container .container [class*=part].-text-center {
  text-align: center;
}
.section .container .container [class*=part].-text-right {
  text-align: right;
}
.section .container.-justify-center {
  justify-content: center;
}
.section .container .-direction-column {
  flex-direction: column !important;
}
.section .container .-color-5 {
  background-color: #D5DE69;
}
.section .container .-color-4 {
  background-color: #B8E1F5;
}
.section + .section {
  margin-top: 6.9vw;
}
@media (max-width: 1024px) {
  .section + .section {
    margin-top: 130px;
  }
}
@media (max-width: 768px) {
  .section + .section {
    margin-top: 120px;
  }
}
@media (max-width: 576px) {
  .section + .section {
    margin-top: 80px;
  }
}
@media (max-width: 375px) {
  .section + .section {
    margin-top: 80px;
  }
}
.section:first-of-type:not(.--colored):not(.--no-top-space) {
  margin-top: 10.41vw;
}
@media (max-width: 1024px) {
  .section:first-of-type:not(.--colored):not(.--no-top-space) {
    margin-top: 140px;
  }
}
@media (max-width: 768px) {
  .section:first-of-type:not(.--colored):not(.--no-top-space) {
    margin-top: 140px;
  }
}
@media (max-width: 576px) {
  .section:first-of-type:not(.--colored):not(.--no-top-space) {
    margin-top: 110px;
  }
}
@media (max-width: 375px) {
  .section:first-of-type:not(.--colored):not(.--no-top-space) {
    margin-top: 110px;
  }
}
@media (max-width: 576px) {
  .section:first-of-type:not(.--colored):not(.--no-top-space) {
    margin-top: 150px !important;
  }
}
.section:first-of-type.--colored {
  padding-top: 10.41vw;
}
@media (max-width: 1024px) {
  .section:first-of-type.--colored {
    padding-top: 140px;
  }
}
@media (max-width: 768px) {
  .section:first-of-type.--colored {
    padding-top: 140px;
  }
}
@media (max-width: 576px) {
  .section:first-of-type.--colored {
    padding-top: 110px;
  }
}
@media (max-width: 375px) {
  .section:first-of-type.--colored {
    padding-top: 110px;
  }
}
.section:first-of-type.--no-top-space {
  margin-top: 100px;
}
@media (max-width: 1140px) {
  .section:first-of-type.--no-top-space {
    margin-top: 80px;
  }
}
.section:first-of-type.--zero-top-space {
  margin-top: 0px !important;
}
.section:first-of-type.--image-text-large .container .text {
  min-height: calc(100vh - 100px);
}
@media (max-width: 1024px) {
  .section:first-of-type.--image-text-large .container .text {
    min-height: unset;
  }
}
.section.--news-content p {
  margin-top: 21px !important;
  display: flex;
  flex-direction: column;
}
.section.--news-preview .container {
  padding: 0;
  justify-content: center;
}
.section.--news-preview .-color-4 .button {
  background-color: #F2ECDE;
  color: #4F1717;
  transition: background-position 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  background-image: linear-gradient(to right, #4F1717, #4F1717 50%, #F2ECDE 50%, #F2ECDE);
  background-size: 200% 100%;
  background-position: 100% 0;
}
.section.--news-preview .-color-4 .button:hover {
  background-position: 0 0;
}
.section.--news-preview .-color-4 .button:hover {
  color: #F2ECDE !important;
}
@media (max-width: 576px) {
  .section.--news-preview .swiper {
    padding-right: 0 !important;
  }
}
.section.--news-preview .news-preview {
  background-color: #4F1717;
  padding-top: 3.47vw;
}
.section.--news-preview .news-preview img {
  height: 20.69vw;
}
@media (min-width: 1400px) {
  .section.--news-preview .news-preview img {
    height: 20.69vw;
  }
}
@media (max-width: 768px) {
  .section.--news-preview .news-preview img {
    height: 350px;
  }
}
@media (max-width: 576px) {
  .section.--news-preview .news-preview img {
    height: 220px;
  }
}
.section.--news-preview .news-preview .-color-7 {
  background-color: #F2ECDE;
  color: #4F1717;
}
.section.--news-preview .news-preview .-color-7:hover {
  color: #4F1717 !important;
  background-color: rgba(242, 236, 222, 0.8) !important;
}
@media (max-width: 768px) {
  .section.--news-preview .news-preview {
    margin-bottom: 0px;
  }
  .section.--news-preview .news-preview .swiper-slide {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .section.--news-preview .news-preview {
    padding-top: 40px;
  }
}
.section.--news-preview .news-preview h5 {
  color: #B8E1F5;
}
.section.--news-preview .-color-4 {
  min-height: 596px;
}
.section.--news-preview .-color-4 p {
  padding-left: 12.5vw;
  padding-right: 12.5vw;
}
.section.--news-preview .-color-4 h3 {
  margin-top: 1.8vw;
  margin-bottom: 3.47vw;
}
@media (max-width: 576px) {
  .section.--news-preview .-color-4 h3 {
    margin-top: 30px;
    font-size: 74px;
  }
}
.section.--news-preview .-color-4 .button {
  margin-top: 0px;
}
.section.--news-preview .news__socials {
  margin-top: 3.47vw;
  z-index: 99;
}
@media (max-width: 576px) {
  .section.--news-preview .news__socials {
    margin-top: 40px;
  }
}
.section.--news-preview .news__socials .button {
  padding-right: 9px !important;
}
.section.--news-preview .news__socials .button svg {
  margin-left: 14px;
}
.section.--colorsFAQ {
  margin-top: 6.1vw !important;
}
.section.--colorsFAQ:last-of-type:not(.--colored) {
  margin-bottom: 6.1vw;
}
@media (min-width: 1260px) {
  .section.--colorsFAQ:last-of-type:not(.--colored) {
    margin-bottom: 80px !important;
  }
}
.section.--colorsFAQ .container {
  padding-top: 6.94vw;
  padding-bottom: 6.94vw;
}
.section.--colorsFAQ .container [class*=part] {
  margin: 0 !important;
}
.section.--colorsFAQ .container h4 {
  color: #4F1717;
}
.section.--colorsFAQ.--2 {
  background-color: #F9BE8B;
}
.section.--colorsFAQ.--3 {
  background-color: transparent;
}
.section.--colorsFAQ.--4 {
  background-color: #B8E1F5;
}
@media (max-width: 576px) {
  .section.--small-margin {
    margin-top: 40px !important;
  }
}
.section.--conversion {
  margin-top: 10.41vw;
}
.section.--conversion.-downloads {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.section.--conversion.-downloads .container [class*=part] {
  margin-bottom: 0px !important;
}
@media (max-width: 1024px) {
  .section.--conversion.-downloads {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}
@media (max-width: 576px) {
  .section.--conversion.-downloads {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
.section.--conversion .button {
  line-height: 1.5 !important;
}
@media (max-width: 576px) {
  .section.--conversion {
    margin-top: 120px;
  }
  .section.--conversion .-color-5 {
    margin-bottom: 0px !important;
    min-height: 600px;
  }
  .section.--conversion .button {
    margin-top: 40px !important;
  }
  .section.--conversion h3 {
    font-size: 74px;
  }
}
.section.--conversion .container {
  padding: 0;
  justify-content: center;
}
.section.--conversion .container svg {
  margin-bottom: 2.7vw;
  width: 12.91vw;
  min-width: 156px !important;
}
@media (max-width: 576px) {
  .section.--conversion .container svg {
    height: 28px;
  }
}
.section.--conversion .container h3 {
  margin-top: 3.47vw;
  margin-bottom: 3.47vw;
}
.section.--conversion .container .-color-5 {
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  overflow: hidden;
}
.section.--color-section {
  padding-top: 10.41vw;
}
.section.--color-section svg {
  margin-bottom: 2.43vw;
}
.section.--color-section.-orange {
  background-color: #F9BE8B;
}
.section.--color-section.-orange .-large {
  font-size: 1.66vw !important;
}
@media (max-width: 576px) {
  .section.--color-section.-orange .-large {
    font-size: 18px !important;
  }
}
.section.--color-section .container [class*=part] {
  margin: 0;
}
.section.--text-image .container {
  padding-top: 100px;
  padding-bottom: 100px;
  margin-bottom: 0;
}
.section.--text-image .space-right {
  padding-right: 8.41vw;
}
.section.--text-image .space-left {
  padding-left: 8.41vw;
}
@media (max-width: 768px) {
  .section.--text-image .space-left {
    padding-left: 0;
  }
}
.section.--text-image p + p {
  margin-top: 0;
}
.section.--text-image.-brown {
  background-color: #4F1717;
}
.section.--text-image.-brown p {
  color: #F2ECDE !important;
}
.section.--text-image.-orange {
  background-color: #F9BE8B;
  margin-top: 0px;
}
.section.--text-image.-orange p {
  color: #4F1717 !important;
}
.section.--text-image + .--text-image {
  margin-top: -200px !important;
}
.section.-margin-200 {
  margin-top: 250px !important;
  margin-bottom: 180px !important;
}
@media (max-width: 576px) {
  .section.-margin-200 {
    margin-top: 132px !important;
    margin-bottom: 0px !important;
  }
}
.section.--text-margin p + p {
  margin-top: 0;
}
@media (max-width: 576px) {
  .section.--text-margin div {
    margin-top: 0px !important;
  }
}
.section.--contact .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.section.--contact .--left {
  background-color: white;
  text-align: center;
  padding-top: 6.94vw;
  padding-bottom: 6.94vw;
  padding-left: 20px;
  padding-right: 40px;
}
@media (max-width: 576px) {
  .section.--contact .--left {
    padding-right: 20px;
    margin-bottom: 0;
  }
}
.section.--contact .--left h4 {
  color: #4F1717;
}
.section.--contact .--left .--logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.87vw;
  padding-bottom: 1.73vw;
}
.section.--contact .--left .--logos .logo {
  width: 50%;
  display: flex;
  justify-content: center;
}
@media (max-width: 576px) {
  .section.--contact .--left .--logos .logo {
    justify-content: flex-start;
  }
}
.section.--contact .--left .--logos .logo img.--1 {
  width: 8.26vw;
}
@media (max-width: 576px) {
  .section.--contact .--left .--logos .logo img.--1 {
    min-width: 105px;
  }
}
.section.--contact .--left .--logos .logo img.--2 {
  width: 9.9vw;
}
@media (max-width: 576px) {
  .section.--contact .--left .--logos .logo img.--2 {
    min-width: 130px;
  }
}
.section.--contact .--left .--logos .logo img.--3 {
  width: 9.02vw;
}
@media (max-width: 576px) {
  .section.--contact .--left .--logos .logo img.--3 {
    min-width: 119px;
  }
}
.section.--contact .--left .--logos p {
  font-size: 1.25vw;
  text-align: left;
  float: left;
  width: 50%;
}
@media (max-width: 576px) {
  .section.--contact .--left .--logos p {
    font-size: 16px;
  }
}
.section.--contact .--right {
  background-color: #4F1717;
  text-align: center;
  padding-top: 6.94vw;
  padding-bottom: 6.94vw;
  padding-left: 20px;
  padding-right: 40px;
}
.section.--contact .--right h4 {
  color: #F2ECDE;
}
.section.--contact .--right .--logos {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.--contact .--right .--logos.-small {
  padding-top: 6.9vw;
  padding-bottom: 6.9vw;
}
.section.--contact .--right .--logos.-big {
  padding-top: 5.8vw;
  padding-bottom: 4.1vw;
}
.section.--contact .--right .--logos .logo {
  width: 50%;
  display: flex;
  justify-content: center;
}
.section.--contact .--right .--logos .logo img.--1 {
  width: 22.43vw;
}
@media (max-width: 576px) {
  .section.--contact .--right .--logos .logo img.--1 {
    min-width: 270px;
  }
}
.section.--contact .--right .--logos .logo img.--2 {
  width: 22.36vw;
}
@media (max-width: 576px) {
  .section.--contact .--right .--logos .logo img.--2 {
    min-width: 220px;
  }
}
.section.--woningselector {
  margin-top: 5.55vw;
}
@media (max-width: 576px) {
  .section.--woningselector {
    margin-top: 80px !important;
  }
}
.section.--woningselector .image {
  z-index: 999;
}
.section.--woningselector h1 {
  margin-top: 6.94vw;
}
.section.--woningselector p {
  font-size: 1.25vw;
}
@media (max-width: 1024px) {
  .section.--woningselector p {
    font-size: 18px;
  }
}
.section:last-of-type:not(.--colored) {
  margin-bottom: 6.9vw;
}
@media (max-width: 1024px) {
  .section:last-of-type:not(.--colored) {
    margin-bottom: 130px;
  }
}
@media (max-width: 768px) {
  .section:last-of-type:not(.--colored) {
    margin-bottom: 120px;
  }
}
@media (max-width: 576px) {
  .section:last-of-type:not(.--colored) {
    margin-bottom: 80px;
  }
}
@media (max-width: 375px) {
  .section:last-of-type:not(.--colored) {
    margin-bottom: 80px;
  }
}
.section.--extra-small {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: 550px;
}
.section.--extra-small .part-1:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section.--extra-small .part-1.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
}
.section.--extra-small .part-2:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section.--extra-small .part-2.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
}
.section.--extra-small .part-3:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section.--extra-small .part-3.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
}
.section.--extra-small .part-4:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section.--extra-small .part-4.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
}
.section.--extra-small .part-5:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section.--extra-small .part-5.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
}
.section.--extra-small .part-6:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section.--extra-small .part-6.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
}
.section.--extra-small .part-7:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section.--extra-small .part-7.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
}
.section.--extra-small .part-8:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section.--extra-small .part-8.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
}
.section.--extra-small .part-9:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section.--extra-small .part-9.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
}
.section.--extra-small .part-10:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section.--extra-small .part-10.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
}
.section.--extra-small .part-11:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section.--extra-small .part-11.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
}
.section.--extra-small .part-12:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section.--extra-small .part-12.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
}
@media (max-width: 1280px) {
  .section.--extra-small .part-xl-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-xl-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section.--extra-small .part-xl-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-xl-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section.--extra-small .part-xl-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-xl-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section.--extra-small .part-xl-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-xl-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section.--extra-small .part-xl-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-xl-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section.--extra-small .part-xl-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-xl-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section.--extra-small .part-xl-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-xl-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section.--extra-small .part-xl-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-xl-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section.--extra-small .part-xl-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-xl-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section.--extra-small .part-xl-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-xl-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section.--extra-small .part-xl-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-xl-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section.--extra-small .part-xl-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-xl-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 1024px) {
  .section.--extra-small .part-l-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-l-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section.--extra-small .part-l-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-l-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section.--extra-small .part-l-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-l-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section.--extra-small .part-l-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-l-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section.--extra-small .part-l-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-l-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section.--extra-small .part-l-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-l-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section.--extra-small .part-l-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-l-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section.--extra-small .part-l-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-l-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section.--extra-small .part-l-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-l-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section.--extra-small .part-l-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-l-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section.--extra-small .part-l-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-l-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section.--extra-small .part-l-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-l-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 768px) {
  .section.--extra-small .part-m-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-m-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section.--extra-small .part-m-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-m-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section.--extra-small .part-m-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-m-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section.--extra-small .part-m-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-m-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section.--extra-small .part-m-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-m-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section.--extra-small .part-m-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-m-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section.--extra-small .part-m-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-m-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section.--extra-small .part-m-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-m-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section.--extra-small .part-m-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-m-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section.--extra-small .part-m-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-m-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section.--extra-small .part-m-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-m-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section.--extra-small .part-m-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-m-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 576px) {
  .section.--extra-small .part-s-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .section.--extra-small .part-s-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section.--extra-small .part-s-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .section.--extra-small .part-s-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section.--extra-small .part-s-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .section.--extra-small .part-s-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section.--extra-small .part-s-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .section.--extra-small .part-s-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section.--extra-small .part-s-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .section.--extra-small .part-s-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section.--extra-small .part-s-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .section.--extra-small .part-s-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section.--extra-small .part-s-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .section.--extra-small .part-s-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section.--extra-small .part-s-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .section.--extra-small .part-s-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section.--extra-small .part-s-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .section.--extra-small .part-s-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section.--extra-small .part-s-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .section.--extra-small .part-s-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section.--extra-small .part-s-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .section.--extra-small .part-s-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section.--extra-small .part-s-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .section.--extra-small .part-s-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 375px) {
  .section.--extra-small .part-xs-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .section.--extra-small .part-xs-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section.--extra-small .part-xs-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .section.--extra-small .part-xs-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section.--extra-small .part-xs-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .section.--extra-small .part-xs-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section.--extra-small .part-xs-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .section.--extra-small .part-xs-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section.--extra-small .part-xs-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .section.--extra-small .part-xs-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section.--extra-small .part-xs-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .section.--extra-small .part-xs-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section.--extra-small .part-xs-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .section.--extra-small .part-xs-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section.--extra-small .part-xs-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .section.--extra-small .part-xs-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section.--extra-small .part-xs-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .section.--extra-small .part-xs-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section.--extra-small .part-xs-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .section.--extra-small .part-xs-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section.--extra-small .part-xs-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .section.--extra-small .part-xs-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section.--extra-small .part-xs-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .section.--extra-small .part-xs-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
.section.--extra-small .part-top-0 {
  margin-top: 0px;
}
.section.--extra-small .part-left-0 {
  margin-left: 0px;
}
.section.--extra-small .part-right-0 {
  margin-right: 0px;
}
.section.--extra-small .part-bottom-0 {
  margin-bottom: calc(0px + 80px);
}
.section.--extra-small .part-top-1 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section.--extra-small .part-left-1 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section.--extra-small .part-right-1 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section.--extra-small .part-bottom-1 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 80px);
}
.section.--extra-small .part-top-2 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section.--extra-small .part-left-2 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section.--extra-small .part-right-2 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section.--extra-small .part-bottom-2 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 80px);
}
.section.--extra-small .part-top-3 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section.--extra-small .part-left-3 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section.--extra-small .part-right-3 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section.--extra-small .part-bottom-3 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 80px);
}
.section.--extra-small .part-top-4 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section.--extra-small .part-left-4 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section.--extra-small .part-right-4 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section.--extra-small .part-bottom-4 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 80px);
}
.section.--extra-small .part-top-5 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section.--extra-small .part-left-5 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section.--extra-small .part-right-5 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section.--extra-small .part-bottom-5 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 80px);
}
.section.--extra-small .part-top-6 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section.--extra-small .part-left-6 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section.--extra-small .part-right-6 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section.--extra-small .part-bottom-6 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 80px);
}
.section.--extra-small .part-top-7 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section.--extra-small .part-left-7 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section.--extra-small .part-right-7 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section.--extra-small .part-bottom-7 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 80px);
}
.section.--extra-small .part-top-8 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section.--extra-small .part-left-8 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section.--extra-small .part-right-8 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section.--extra-small .part-bottom-8 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 80px);
}
.section.--extra-small .part-top-9 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section.--extra-small .part-left-9 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section.--extra-small .part-right-9 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section.--extra-small .part-bottom-9 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 80px);
}
.section.--extra-small .part-top-10 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section.--extra-small .part-left-10 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section.--extra-small .part-right-10 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section.--extra-small .part-bottom-10 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 80px);
}
.section.--extra-small .part-top-11 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section.--extra-small .part-left-11 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section.--extra-small .part-right-11 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section.--extra-small .part-bottom-11 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 80px);
}
.section.--extra-small .part-top-12 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section.--extra-small .part-left-12 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section.--extra-small .part-right-12 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section.--extra-small .part-bottom-12 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 80px);
}
@media (max-width: 1024px) {
  .section.--extra-small .part-top-l-0 {
    margin-top: 0px;
  }
  .section.--extra-small .part-left-l-0 {
    margin-left: 0px;
  }
  .section.--extra-small .part-right-l-0 {
    margin-right: 0px;
  }
  .section.--extra-small .part-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section.--extra-small .part-top-l-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-left-l-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-right-l-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-bottom-l-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .section.--extra-small .part-top-l-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-left-l-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-right-l-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-bottom-l-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .section.--extra-small .part-top-l-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-left-l-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-right-l-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-bottom-l-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .section.--extra-small .part-top-l-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-left-l-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-right-l-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-bottom-l-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .section.--extra-small .part-top-l-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-left-l-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-right-l-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-bottom-l-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .section.--extra-small .part-top-l-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-left-l-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-right-l-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-bottom-l-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .section.--extra-small .part-top-l-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-left-l-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-right-l-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-bottom-l-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .section.--extra-small .part-top-l-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-left-l-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-right-l-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-bottom-l-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .section.--extra-small .part-top-l-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-left-l-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-right-l-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-bottom-l-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .section.--extra-small .part-top-l-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-left-l-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-right-l-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-bottom-l-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .section.--extra-small .part-top-l-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-left-l-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-right-l-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-bottom-l-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .section.--extra-small .part-top-l-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-left-l-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-right-l-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-bottom-l-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 768px) {
  .section.--extra-small .part-top-m-0 {
    margin-top: 0px;
  }
  .section.--extra-small .part-left-m-0 {
    margin-left: 0px;
  }
  .section.--extra-small .part-right-m-0 {
    margin-right: 0px;
  }
  .section.--extra-small .part-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section.--extra-small .part-top-m-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-left-m-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-right-m-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-bottom-m-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .section.--extra-small .part-top-m-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-left-m-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-right-m-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-bottom-m-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .section.--extra-small .part-top-m-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-left-m-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-right-m-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-bottom-m-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .section.--extra-small .part-top-m-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-left-m-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-right-m-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-bottom-m-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .section.--extra-small .part-top-m-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-left-m-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-right-m-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-bottom-m-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .section.--extra-small .part-top-m-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-left-m-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-right-m-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-bottom-m-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .section.--extra-small .part-top-m-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-left-m-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-right-m-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-bottom-m-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .section.--extra-small .part-top-m-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-left-m-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-right-m-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-bottom-m-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .section.--extra-small .part-top-m-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-left-m-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-right-m-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-bottom-m-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .section.--extra-small .part-top-m-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-left-m-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-right-m-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-bottom-m-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .section.--extra-small .part-top-m-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-left-m-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-right-m-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-bottom-m-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .section.--extra-small .part-top-m-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-left-m-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-right-m-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-bottom-m-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 576px) {
  .section.--extra-small .part-top-s-0 {
    margin-top: 0px;
  }
  .section.--extra-small .part-left-s-0 {
    margin-left: 0px;
  }
  .section.--extra-small .part-right-s-0 {
    margin-right: 0px;
  }
  .section.--extra-small .part-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section.--extra-small .part-top-s-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-left-s-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-right-s-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-bottom-s-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .section.--extra-small .part-top-s-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-left-s-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-right-s-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-bottom-s-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .section.--extra-small .part-top-s-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-left-s-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-right-s-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-bottom-s-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .section.--extra-small .part-top-s-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-left-s-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-right-s-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-bottom-s-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .section.--extra-small .part-top-s-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-left-s-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-right-s-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-bottom-s-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .section.--extra-small .part-top-s-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-left-s-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-right-s-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-bottom-s-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .section.--extra-small .part-top-s-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-left-s-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-right-s-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-bottom-s-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .section.--extra-small .part-top-s-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-left-s-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-right-s-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-bottom-s-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .section.--extra-small .part-top-s-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-left-s-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-right-s-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-bottom-s-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .section.--extra-small .part-top-s-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-left-s-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-right-s-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-bottom-s-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .section.--extra-small .part-top-s-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-left-s-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-right-s-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-bottom-s-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .section.--extra-small .part-top-s-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-left-s-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-right-s-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-bottom-s-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .section.--extra-small .part-top-xs-0 {
    margin-top: 0px;
  }
  .section.--extra-small .part-left-xs-0 {
    margin-left: 0px;
  }
  .section.--extra-small .part-right-xs-0 {
    margin-right: 0px;
  }
  .section.--extra-small .part-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section.--extra-small .part-top-xs-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-left-xs-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-right-xs-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--extra-small .part-bottom-xs-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .section.--extra-small .part-top-xs-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-left-xs-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-right-xs-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--extra-small .part-bottom-xs-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .section.--extra-small .part-top-xs-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-left-xs-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-right-xs-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--extra-small .part-bottom-xs-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .section.--extra-small .part-top-xs-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-left-xs-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-right-xs-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--extra-small .part-bottom-xs-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .section.--extra-small .part-top-xs-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-left-xs-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-right-xs-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--extra-small .part-bottom-xs-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .section.--extra-small .part-top-xs-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-left-xs-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-right-xs-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--extra-small .part-bottom-xs-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .section.--extra-small .part-top-xs-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-left-xs-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-right-xs-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--extra-small .part-bottom-xs-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .section.--extra-small .part-top-xs-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-left-xs-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-right-xs-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--extra-small .part-bottom-xs-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .section.--extra-small .part-top-xs-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-left-xs-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-right-xs-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--extra-small .part-bottom-xs-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .section.--extra-small .part-top-xs-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-left-xs-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-right-xs-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--extra-small .part-bottom-xs-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .section.--extra-small .part-top-xs-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-left-xs-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-right-xs-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--extra-small .part-bottom-xs-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .section.--extra-small .part-top-xs-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-left-xs-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-right-xs-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--extra-small .part-bottom-xs-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .section.--extra-small .part-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .section.--extra-small .part-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .section.--extra-small .part-m-0 {
    display: none;
  }
}
@media (max-width: 1024px) {
  .section.--extra-small .part-l-0 {
    display: none;
  }
}
@media (max-width: 1280px) {
  .section.--extra-small .part-xl-0 {
    display: none;
  }
}
.section.--extra-small [class*=part].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.section.--extra-small [class*=part].-justify-center {
  display: flex;
  justify-content: center;
}
.section.--extra-small [class*=part].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.section.--extra-small [class*=part].-align-start {
  display: flex;
  align-items: flex-start;
}
.section.--extra-small [class*=part].-align-center {
  display: flex;
  align-items: center;
}
.section.--extra-small [class*=part].-align-end {
  display: flex;
  align-items: flex-end;
}
.section.--extra-small [class*=part].-text-left {
  text-align: left;
}
.section.--extra-small [class*=part].-text-center {
  text-align: center;
}
.section.--extra-small [class*=part].-text-right {
  text-align: right;
}
@media (max-width: 768px) {
  .section.--extra-small {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.section.--full-width {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: unset;
  padding-right: 0;
  padding-left: 0;
}
.section.--full-width .part-1:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section.--full-width .part-1.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
}
.section.--full-width .part-2:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section.--full-width .part-2.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
}
.section.--full-width .part-3:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section.--full-width .part-3.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
}
.section.--full-width .part-4:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section.--full-width .part-4.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
}
.section.--full-width .part-5:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section.--full-width .part-5.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
}
.section.--full-width .part-6:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section.--full-width .part-6.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
}
.section.--full-width .part-7:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section.--full-width .part-7.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
}
.section.--full-width .part-8:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section.--full-width .part-8.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
}
.section.--full-width .part-9:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section.--full-width .part-9.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
}
.section.--full-width .part-10:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section.--full-width .part-10.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
}
.section.--full-width .part-11:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section.--full-width .part-11.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
}
.section.--full-width .part-12:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section.--full-width .part-12.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
}
@media (max-width: 1280px) {
  .section.--full-width .part-xl-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-xl-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section.--full-width .part-xl-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-xl-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section.--full-width .part-xl-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-xl-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section.--full-width .part-xl-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-xl-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section.--full-width .part-xl-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-xl-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section.--full-width .part-xl-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-xl-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section.--full-width .part-xl-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-xl-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section.--full-width .part-xl-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-xl-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section.--full-width .part-xl-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-xl-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section.--full-width .part-xl-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-xl-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section.--full-width .part-xl-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-xl-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section.--full-width .part-xl-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-xl-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 1024px) {
  .section.--full-width .part-l-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-l-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section.--full-width .part-l-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-l-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section.--full-width .part-l-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-l-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section.--full-width .part-l-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-l-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section.--full-width .part-l-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-l-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section.--full-width .part-l-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-l-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section.--full-width .part-l-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-l-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section.--full-width .part-l-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-l-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section.--full-width .part-l-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-l-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section.--full-width .part-l-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-l-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section.--full-width .part-l-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-l-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section.--full-width .part-l-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-l-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 768px) {
  .section.--full-width .part-m-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-m-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section.--full-width .part-m-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-m-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section.--full-width .part-m-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-m-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section.--full-width .part-m-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-m-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section.--full-width .part-m-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-m-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section.--full-width .part-m-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-m-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section.--full-width .part-m-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-m-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section.--full-width .part-m-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-m-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section.--full-width .part-m-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-m-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section.--full-width .part-m-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-m-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section.--full-width .part-m-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-m-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section.--full-width .part-m-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-m-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 576px) {
  .section.--full-width .part-s-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .section.--full-width .part-s-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section.--full-width .part-s-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .section.--full-width .part-s-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section.--full-width .part-s-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .section.--full-width .part-s-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section.--full-width .part-s-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .section.--full-width .part-s-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section.--full-width .part-s-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .section.--full-width .part-s-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section.--full-width .part-s-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .section.--full-width .part-s-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section.--full-width .part-s-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .section.--full-width .part-s-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section.--full-width .part-s-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .section.--full-width .part-s-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section.--full-width .part-s-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .section.--full-width .part-s-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section.--full-width .part-s-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .section.--full-width .part-s-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section.--full-width .part-s-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .section.--full-width .part-s-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section.--full-width .part-s-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .section.--full-width .part-s-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 375px) {
  .section.--full-width .part-xs-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .section.--full-width .part-xs-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .section.--full-width .part-xs-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .section.--full-width .part-xs-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .section.--full-width .part-xs-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .section.--full-width .part-xs-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .section.--full-width .part-xs-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .section.--full-width .part-xs-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .section.--full-width .part-xs-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .section.--full-width .part-xs-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .section.--full-width .part-xs-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .section.--full-width .part-xs-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .section.--full-width .part-xs-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .section.--full-width .part-xs-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .section.--full-width .part-xs-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .section.--full-width .part-xs-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .section.--full-width .part-xs-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .section.--full-width .part-xs-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .section.--full-width .part-xs-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .section.--full-width .part-xs-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .section.--full-width .part-xs-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .section.--full-width .part-xs-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .section.--full-width .part-xs-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .section.--full-width .part-xs-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
.section.--full-width .part-top-0 {
  margin-top: 0px;
}
.section.--full-width .part-left-0 {
  margin-left: 0px;
}
.section.--full-width .part-right-0 {
  margin-right: 0px;
}
.section.--full-width .part-bottom-0 {
  margin-bottom: calc(0px + 80px);
}
.section.--full-width .part-top-1 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section.--full-width .part-left-1 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section.--full-width .part-right-1 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.section.--full-width .part-bottom-1 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 80px);
}
.section.--full-width .part-top-2 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section.--full-width .part-left-2 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section.--full-width .part-right-2 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.section.--full-width .part-bottom-2 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 80px);
}
.section.--full-width .part-top-3 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section.--full-width .part-left-3 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section.--full-width .part-right-3 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.section.--full-width .part-bottom-3 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 80px);
}
.section.--full-width .part-top-4 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section.--full-width .part-left-4 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section.--full-width .part-right-4 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.section.--full-width .part-bottom-4 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 80px);
}
.section.--full-width .part-top-5 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section.--full-width .part-left-5 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section.--full-width .part-right-5 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.section.--full-width .part-bottom-5 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 80px);
}
.section.--full-width .part-top-6 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section.--full-width .part-left-6 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section.--full-width .part-right-6 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.section.--full-width .part-bottom-6 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 80px);
}
.section.--full-width .part-top-7 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section.--full-width .part-left-7 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section.--full-width .part-right-7 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.section.--full-width .part-bottom-7 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 80px);
}
.section.--full-width .part-top-8 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section.--full-width .part-left-8 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section.--full-width .part-right-8 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.section.--full-width .part-bottom-8 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 80px);
}
.section.--full-width .part-top-9 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section.--full-width .part-left-9 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section.--full-width .part-right-9 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.section.--full-width .part-bottom-9 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 80px);
}
.section.--full-width .part-top-10 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section.--full-width .part-left-10 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section.--full-width .part-right-10 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.section.--full-width .part-bottom-10 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 80px);
}
.section.--full-width .part-top-11 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section.--full-width .part-left-11 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section.--full-width .part-right-11 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.section.--full-width .part-bottom-11 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 80px);
}
.section.--full-width .part-top-12 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section.--full-width .part-left-12 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section.--full-width .part-right-12 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.section.--full-width .part-bottom-12 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 80px);
}
@media (max-width: 1024px) {
  .section.--full-width .part-top-l-0 {
    margin-top: 0px;
  }
  .section.--full-width .part-left-l-0 {
    margin-left: 0px;
  }
  .section.--full-width .part-right-l-0 {
    margin-right: 0px;
  }
  .section.--full-width .part-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section.--full-width .part-top-l-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-left-l-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-right-l-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-bottom-l-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .section.--full-width .part-top-l-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-left-l-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-right-l-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-bottom-l-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .section.--full-width .part-top-l-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-left-l-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-right-l-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-bottom-l-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .section.--full-width .part-top-l-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-left-l-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-right-l-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-bottom-l-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .section.--full-width .part-top-l-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-left-l-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-right-l-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-bottom-l-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .section.--full-width .part-top-l-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-left-l-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-right-l-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-bottom-l-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .section.--full-width .part-top-l-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-left-l-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-right-l-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-bottom-l-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .section.--full-width .part-top-l-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-left-l-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-right-l-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-bottom-l-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .section.--full-width .part-top-l-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-left-l-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-right-l-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-bottom-l-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .section.--full-width .part-top-l-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-left-l-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-right-l-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-bottom-l-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .section.--full-width .part-top-l-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-left-l-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-right-l-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-bottom-l-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .section.--full-width .part-top-l-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-left-l-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-right-l-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-bottom-l-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 768px) {
  .section.--full-width .part-top-m-0 {
    margin-top: 0px;
  }
  .section.--full-width .part-left-m-0 {
    margin-left: 0px;
  }
  .section.--full-width .part-right-m-0 {
    margin-right: 0px;
  }
  .section.--full-width .part-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section.--full-width .part-top-m-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-left-m-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-right-m-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-bottom-m-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .section.--full-width .part-top-m-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-left-m-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-right-m-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-bottom-m-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .section.--full-width .part-top-m-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-left-m-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-right-m-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-bottom-m-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .section.--full-width .part-top-m-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-left-m-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-right-m-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-bottom-m-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .section.--full-width .part-top-m-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-left-m-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-right-m-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-bottom-m-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .section.--full-width .part-top-m-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-left-m-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-right-m-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-bottom-m-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .section.--full-width .part-top-m-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-left-m-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-right-m-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-bottom-m-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .section.--full-width .part-top-m-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-left-m-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-right-m-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-bottom-m-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .section.--full-width .part-top-m-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-left-m-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-right-m-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-bottom-m-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .section.--full-width .part-top-m-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-left-m-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-right-m-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-bottom-m-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .section.--full-width .part-top-m-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-left-m-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-right-m-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-bottom-m-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .section.--full-width .part-top-m-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-left-m-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-right-m-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-bottom-m-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 576px) {
  .section.--full-width .part-top-s-0 {
    margin-top: 0px;
  }
  .section.--full-width .part-left-s-0 {
    margin-left: 0px;
  }
  .section.--full-width .part-right-s-0 {
    margin-right: 0px;
  }
  .section.--full-width .part-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section.--full-width .part-top-s-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-left-s-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-right-s-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-bottom-s-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .section.--full-width .part-top-s-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-left-s-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-right-s-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-bottom-s-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .section.--full-width .part-top-s-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-left-s-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-right-s-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-bottom-s-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .section.--full-width .part-top-s-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-left-s-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-right-s-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-bottom-s-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .section.--full-width .part-top-s-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-left-s-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-right-s-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-bottom-s-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .section.--full-width .part-top-s-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-left-s-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-right-s-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-bottom-s-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .section.--full-width .part-top-s-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-left-s-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-right-s-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-bottom-s-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .section.--full-width .part-top-s-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-left-s-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-right-s-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-bottom-s-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .section.--full-width .part-top-s-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-left-s-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-right-s-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-bottom-s-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .section.--full-width .part-top-s-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-left-s-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-right-s-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-bottom-s-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .section.--full-width .part-top-s-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-left-s-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-right-s-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-bottom-s-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .section.--full-width .part-top-s-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-left-s-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-right-s-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-bottom-s-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .section.--full-width .part-top-xs-0 {
    margin-top: 0px;
  }
  .section.--full-width .part-left-xs-0 {
    margin-left: 0px;
  }
  .section.--full-width .part-right-xs-0 {
    margin-right: 0px;
  }
  .section.--full-width .part-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section.--full-width .part-top-xs-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-left-xs-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-right-xs-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .section.--full-width .part-bottom-xs-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .section.--full-width .part-top-xs-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-left-xs-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-right-xs-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .section.--full-width .part-bottom-xs-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .section.--full-width .part-top-xs-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-left-xs-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-right-xs-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .section.--full-width .part-bottom-xs-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .section.--full-width .part-top-xs-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-left-xs-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-right-xs-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .section.--full-width .part-bottom-xs-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .section.--full-width .part-top-xs-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-left-xs-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-right-xs-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .section.--full-width .part-bottom-xs-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .section.--full-width .part-top-xs-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-left-xs-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-right-xs-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .section.--full-width .part-bottom-xs-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .section.--full-width .part-top-xs-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-left-xs-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-right-xs-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .section.--full-width .part-bottom-xs-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .section.--full-width .part-top-xs-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-left-xs-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-right-xs-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .section.--full-width .part-bottom-xs-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .section.--full-width .part-top-xs-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-left-xs-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-right-xs-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .section.--full-width .part-bottom-xs-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .section.--full-width .part-top-xs-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-left-xs-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-right-xs-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .section.--full-width .part-bottom-xs-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .section.--full-width .part-top-xs-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-left-xs-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-right-xs-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .section.--full-width .part-bottom-xs-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .section.--full-width .part-top-xs-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-left-xs-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-right-xs-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .section.--full-width .part-bottom-xs-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .section.--full-width .part-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .section.--full-width .part-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .section.--full-width .part-m-0 {
    display: none;
  }
}
@media (max-width: 1024px) {
  .section.--full-width .part-l-0 {
    display: none;
  }
}
@media (max-width: 1280px) {
  .section.--full-width .part-xl-0 {
    display: none;
  }
}
.section.--full-width [class*=part].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.section.--full-width [class*=part].-justify-center {
  display: flex;
  justify-content: center;
}
.section.--full-width [class*=part].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.section.--full-width [class*=part].-align-start {
  display: flex;
  align-items: flex-start;
}
.section.--full-width [class*=part].-align-center {
  display: flex;
  align-items: center;
}
.section.--full-width [class*=part].-align-end {
  display: flex;
  align-items: flex-end;
}
.section.--full-width [class*=part].-text-left {
  text-align: left;
}
.section.--full-width [class*=part].-text-center {
  text-align: center;
}
.section.--full-width [class*=part].-text-right {
  text-align: right;
}
.section.--center-horizontal .container {
  justify-content: center;
}
.section.--colored {
  padding-top: 6.9vw;
  padding-bottom: 6.9vw;
  background-color: #EB5D27;
}
@media (max-width: 1024px) {
  .section.--colored {
    padding-top: 130px;
  }
}
@media (max-width: 768px) {
  .section.--colored {
    padding-top: 120px;
  }
}
@media (max-width: 576px) {
  .section.--colored {
    padding-top: 80px;
  }
}
@media (max-width: 375px) {
  .section.--colored {
    padding-top: 80px;
  }
}
@media (max-width: 1024px) {
  .section.--colored {
    padding-bottom: 130px;
  }
}
@media (max-width: 768px) {
  .section.--colored {
    padding-bottom: 120px;
  }
}
@media (max-width: 576px) {
  .section.--colored {
    padding-bottom: 80px;
  }
}
@media (max-width: 375px) {
  .section.--colored {
    padding-bottom: 80px;
  }
}
.section.--colored.-color-1 {
  background-color: #EB5D27;
}
.section.--colored.-color-2 {
  background-color: #0064A0;
}
.section.--colored.-color-3 {
  background-color: #4F1717;
}
.section.--colored.-white {
  background-color: white;
}
.section.--colored.-black {
  background-color: #000000;
}
.section.--colored + .--colored {
  margin-top: 0;
  padding-top: 0;
}
.section.--colored.-color-light {
  background-color: #F2ECDE;
}
.section.--colored.-color-orange {
  background-color: #F9BE8B;
}
.section.--colored.-color-orange h2 {
  color: #4F1717 !important;
  margin-top: 10px;
}
.section.--colored.-color-beige {
  background-color: #F2ECDE !important;
}
.section.--colored.-color-blue {
  background-color: #B8E1F5;
  margin-top: 10.41vw;
}
.section.--colored.-color-blue .quote {
  -webkit-hyphens: auto;
          hyphens: auto;
}
.section.--colored.-color-blue.margin-top {
  margin-top: 100px;
}
.section.--colored.-color-blue.margin-top-80 {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .section.--colored.-color-blue.margin-top-80 {
    margin-top: 0px;
  }
}
.section.--colored.-color-4 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #B8E1F5;
}
.section.--colored.-color-4 .houses__content {
  height: 26vw !important;
}
@media screen and (min-width: 2200px) {
  .section.--colored.-color-4 .houses__content {
    height: 28vw !important;
  }
}
@media screen and (max-width: 1800px) {
  .section.--colored.-color-4 .houses__content {
    height: 26vw !important;
  }
}
@media screen and (min-width: 1600px) {
  .section.--colored.-color-4 .houses__content {
    height: 28vw;
  }
}
@media screen and (max-width: 1300px) {
  .section.--colored.-color-4 .houses__content {
    height: 25vw !important;
  }
}
@media (max-width: 1024px) {
  .section.--colored.-color-4 .houses__content {
    height: 100% !important;
  }
}
.section.--colored.-color-4.-active {
  padding-bottom: 130px;
}
.section.--colored.-color-4.-active .container {
  justify-content: end !important;
}
.section.--colored.-color-4.-active .part-3 {
  position: absolute;
  z-index: 9;
  left: 50px;
  height: 100%;
  background-color: white;
}
.section.--colored.-color-4.-active .part-10 {
  margin-bottom: 0px !important;
}
.section.--colored.-color-4 + .section {
  margin-top: 6.9vw;
}
@media (max-width: 1024px) {
  .section.--colored.-color-4 + .section {
    margin-top: 130px;
  }
}
@media (max-width: 768px) {
  .section.--colored.-color-4 + .section {
    margin-top: 120px;
  }
}
@media (max-width: 576px) {
  .section.--colored.-color-4 + .section {
    margin-top: 80px;
  }
}
@media (max-width: 375px) {
  .section.--colored.-color-4 + .section {
    margin-top: 80px;
  }
}
.section.--sanitair {
  margin-top: 150px !important;
}
.section.--sanitair h1 {
  text-align: center;
}
.section.--sanitair .container [class*=part] {
  margin-bottom: 100px !important;
}
.section.--sanitair .part-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section.--sanitair .part-6.sanitair-text div {
  text-align: center;
  margin-top: 0px !important;
}
.section.--sanitair .part-6.sanitair-text h1 div {
  margin-bottom: 40px;
}
.section.--sanitair .part-6 svg {
  margin-bottom: 40px;
}
.section.--keukens {
  margin-top: 80px !important;
}
@media (max-width: 1024px) {
  .section.--keukens {
    margin-top: 60px !important;
  }
}
@media (max-width: 576px) {
  .section.--keukens {
    margin-top: 40px !important;
  }
}
.section .margin-bottom-100 {
  margin-bottom: 100px !important;
}
@media (max-width: 1024px) {
  .section .margin-bottom-100 {
    margin-bottom: 0px !important;
  }
}
.section.--image .slider {
  height: 70vh;
}
@media (max-width: 1024px) {
  .section.--image .slider {
    height: 60vw;
  }
}
.section.--maps {
  margin-top: 5.3vw !important;
}
@media (min-width: 1260px) {
  .section.--maps {
    margin-top: 80px !important;
  }
}
@media (max-width: 576px) {
  .section.--maps {
    margin-top: 80px !important;
  }
}
.section.--maps .container {
  padding: 0;
}
.section.--maps .container .part-10 {
  margin-bottom: 100px !important;
}
@media (max-width: 576px) {
  .section.--maps .container .part-10 {
    margin-bottom: 54px !important;
  }
}
.section.--maps #map {
  width: 100%;
  height: 650px;
}
@media (min-width: 1260px) {
  .section.--maps #map {
    height: 1000px;
  }
}
.section.--image-full {
  margin-top: 6.94vw;
}
@media (max-width: 576px) {
  .section.--image-full {
    margin-top: 80px !important;
  }
}
.section.--image-full .container {
  padding: 0;
}
@media (max-width: 576px) {
  .section.--image-full .container {
    padding-left: 4.65vw;
    padding-right: 4.65vw;
  }
}
.section.--text {
  margin-top: 10.41vw;
}
@media (max-width: 576px) {
  .section.--text {
    margin-top: 120px !important;
  }
}
@media (max-width: 768px) {
  .section.-main-menu {
    display: none;
  }
}
.section.-main-menu .--hoge-wei {
  display: none;
}
.section.-main-menu .--aanbod {
  display: none;
}
.section.-main-menu .--fase-a {
  display: none;
}
.section.-main-menu .--fase-b {
  display: none;
}
.section.-main-menu .--huurwoningen {
  display: none;
}
.section.-main-menu .headItems {
  border-right: 1px solid #4F1717;
  height: 65%;
}
.section.-main-menu .secondItems {
  border-right: 1px solid #4F1717;
  height: 65%;
  padding-left: 2.6vw;
}
.section.-main-menu #secondItems .mobile-menu__item {
  font-size: 150%;
}
.section.--impressiesType {
  margin-top: 0px !important;
  position: relative;
}
.section.--impressiesType .swiper-buttons {
  right: 40px !important;
}
@media (max-width: 576px) {
  .section.--impressiesType .swiper-buttons {
    right: 10px !important;
  }
}
.section.--impressiesType .container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.section.--impressiesType .container .slider__bottom {
  justify-content: end;
}
.section.--impressiesType .container .slider__bottom .splide__arrow {
  background-color: #F2ECDE !important;
}
.section.--impressiesType .container .slider__bottom .splide__arrow--prev {
  background-image: url("/img/icons/arrow-left-brown.svg") !important;
}
.section.--impressiesType .container .slider__bottom .splide__arrow--next {
  background-image: url("/img/icons/arrow-right-brown.svg") !important;
}
.section.--conversionPricelist {
  height: 90vh;
  display: flex;
  margin-top: 0;
  margin-bottom: 0px !important;
}
.section.--conversionPricelist .container {
  margin-bottom: 0px !important;
}
.section.--conversionPricelist .braam1 {
  position: absolute;
  top: 80px;
  left: 0px;
}
@media (max-width: 1024px) {
  .section.--conversionPricelist .braam1 {
    top: 60px;
  }
}
@media (max-width: 576px) {
  .section.--conversionPricelist .braam1 {
    top: 40px;
  }
}
.section.--conversionPricelist .braam1 img {
  width: 19vw;
  min-width: 270px;
}
.section.--conversionPricelist .braam2 {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.section.--conversionPricelist .braam2 img {
  width: 27vw;
  min-width: 300px;
}
.section.--conversionPricelist .container .part-12 {
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: center;
}
.section.--conversionPricelist .container .part-12 svg {
  margin-bottom: 45px;
  margin-top: 80px;
}
.section.--conversionPricelist .container .part-12 h3 {
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .section.--conversionPricelist .container .part-12 h3 {
    font-size: 72px;
  }
}
.section.--conversionPricelist .container .part-12 p {
  text-align: center;
  margin-bottom: 50px;
}
.section.--type-slider {
  background-color: #D5DE69;
  padding-top: 50px;
  margin-top: 0 !important;
  padding-bottom: 6.9vw;
}
@media (max-width: 1024px) {
  .section.--type-slider {
    padding-bottom: 130px;
  }
}
@media (max-width: 768px) {
  .section.--type-slider {
    padding-bottom: 120px;
  }
}
@media (max-width: 576px) {
  .section.--type-slider {
    padding-bottom: 80px;
  }
}
@media (max-width: 375px) {
  .section.--type-slider {
    padding-bottom: 80px;
  }
}
.section.--type-slider .kenmerken h4 {
  text-align: center;
  color: #4F1717;
  margin-bottom: 0px;
  padding-bottom: 50px;
  border-bottom: 1px solid #4F1717;
}
@media (max-width: 1280px) {
  .section.--type-slider .kenmerken h4 {
    font-size: 43px !important;
  }
}
.section.--type-slider .kenmerken p {
  border-bottom: 1px solid #4F1717;
  margin-top: 0px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  text-align: center;
}
.section.--type-slider + .section {
  margin-top: 0 !important;
}
.section.--carousel {
  overflow: hidden;
}
.section.--text .container {
  justify-content: center;
}
.section.--reversed .container {
  flex-direction: row-reverse;
}
.section.--pricelist {
  overflow: hidden;
  display: flex;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0 !important;
}
.section.--pricelist .container {
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}
.section.--pricelist .container [class*=part] {
  margin-bottom: 10.41vw;
}
.section.--pricelist .container .kers1 {
  position: absolute;
  top: 0;
  left: 0;
}
.section.--pricelist .container .kers1 img {
  width: 24vw;
  max-width: 475px;
}
.section.--pricelist .container .kers2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.section.--pricelist .container .kers2 img {
  width: 15vw;
  max-width: 287px;
}
.section.--pricelist .container h4 {
  color: #4F1717;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 10.41vw;
}
@media (max-width: 1280px) {
  .section.--pricelist .container h4 {
    font-size: 43px !important;
  }
}
.section.--pricelist .container .--arrow {
  display: none;
}

.marker {
  display: block;
  border: none;
  cursor: pointer;
  padding: 0;
}

.content {
  height: 500px;
}

.fixme {
  background: green;
  color: white;
  text-align: center;
  width: 100%;
}

.mapboxgl-marker {
  margin-top: -41px;
}

@media (max-width: 576px) {
  .--home-slider {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 768px) {
  .--home-slider {
    margin-top: 70px !important;
  }
}

.-mobileMenu {
  display: none;
}
@media (max-width: 768px) {
  .-mobileMenu {
    display: block;
  }
}

.splide__slide img {
  width: 100%;
  height: auto;
}

.section.--quote {
  margin-top: 0;
  padding-top: 10.41vw;
  padding-bottom: 10vw;
  text-align: center;
}
.section.--quote .container .quote {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 576px) {
  .section.--quote .container .quote {
    line-height: 39px;
    font-size: 32px !important;
  }
}
.section.--quote .container .quote svg {
  display: block;
  margin-bottom: 1.8vw;
  min-width: 131px;
  height: auto;
}
@media (max-width: 576px) {
  .section.--quote .container .quote svg {
    margin-bottom: 30px;
  }
}

@media (max-width: 1024px) {
  .section.--image-text .container {
    justify-content: center;
  }
}
.section.--image-text .container .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 500px;
}
@media (max-width: 1024px) {
  .section.--image-text .container .text {
    padding-top: 0;
    padding-bottom: 0;
    min-height: unset;
  }
}
.section.--image-text .container .image {
  position: relative;
}
.section.--image-text .container .image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1024px) {
  .section.--image-text .container .image img {
    position: relative;
    height: 54vw;
  }
}
.section.--image-text .container .slider {
  position: absolute;
  height: 100%;
  width: calc(100% + 50px + (100vw - unset) / 2);
  max-width: unset;
}
@media (max-width: unset) {
  .section.--image-text .container .slider {
    width: calc(100% + 50px);
  }
}
@media (max-width: 1024px) {
  .section.--image-text .container .slider {
    position: relative;
  }
}
@media (max-width: 768px) {
  .section.--image-text .container .slider {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}

.form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0;
  background-color: transparent;
}
.form__error {
  display: block;
  margin-top: 10px !important;
  color: #D00000;
  font-style: italic;
  font-size: 14px;
}
.form label {
  display: block;
  font-family: "Inter";
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: 400;
  color: #4F1717;
  font-size: 15px;
  color: #0064A0;
}
@media (max-width: 1024px) {
  .form label {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .form label {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .form label {
    font-size: 16px;
  }
}
.form label + * {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .form label + * {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .form label + * {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  .form label + * {
    margin-top: 60px;
  }
}
.form textarea {
  display: block;
  width: 100%;
  padding: 15px 0;
  background-color: #F7F8F8;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  resize: none;
  font-family: "Inter";
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: 400;
  color: #4F1717;
  height: 150px;
}
@media (max-width: 1024px) {
  .form textarea {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .form textarea {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .form textarea {
    font-size: 16px;
  }
}
.form textarea + * {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .form textarea + * {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .form textarea + * {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  .form textarea + * {
    margin-top: 60px;
  }
}
.form textarea:focus {
  outline: none;
}
.form__step {
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  transition: unset;
}
.form__step.-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.form__field, .form__row {
  position: relative;
  width: 100%;
  position: relative;
}
.form__field + .form__field, .form__field + .form__row, .form__row + .form__field, .form__row + .form__row {
  margin-top: 40px;
}
.form__field.-half, .form__row.-half {
  width: calc(50% - 40px / 2);
}
@media (max-width: 576px) {
  .form__field.-half, .form__row.-half {
    width: 100%;
  }
}
.form__field.-invalid label, .form__row.-invalid label {
  color: #D00000 !important;
}
.form__field.-invalid .input, .form__row.-invalid .input {
  border-color: #D00000;
}
.form__field .link, .form__row .link {
  cursor: pointer;
}
.form__field input:not([type=checkbox]):not([type=radio]) + label, .form__row input:not([type=checkbox]):not([type=radio]) + label {
  pointer-events: none;
}
.form__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form__row .form__field {
  width: calc(50% - 8px);
  margin-top: 0;
}
@media (max-width: 576px) {
  .form__row .form__field {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .form__row .form__field + .form__field {
    margin-top: 30px !important;
  }
}
.form__block {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  position: absolute;
  width: 100%;
}
.form__block + .form__field {
  margin-top: 60px;
}
.form__block.-active {
  position: static;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.form button[type=submit]:disabled {
  opacity: 0.5;
}
.form__success {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: #EB5D27;
  text-align: center;
}
.form__success * {
  color: white;
  line-height: 1.3;
}
.form__success.-active {
  pointer-events: auto;
  opacity: 1;
}
.form__title {
  margin-top: 30px;
  font-size: 14px;
}
.form.-large {
  padding: 60px 80px;
  background-color: #F2ECDE;
}

h3 + .form__field {
  margin-top: 50px;
}

.dropdown {
  position: relative;
  margin: 0 !important;
  width: 100%;
  border-bottom: 1px solid #0064A0;
}
.dropdown__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  transition: transform 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  transform: rotate(-180deg);
  margin: auto;
  width: 13px;
  height: 7px;
  background-image: url("/img/icons/arrow-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.dropdown__selected {
  position: relative;
  padding: 20px 0 20px;
  cursor: pointer;
}
.dropdown__selected::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 25px;
  transition: transform 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  width: 15px;
  height: 15px;
  background-image: url("/img/icons/arrow-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.dropdown__options {
  position: absolute;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  padding: 20px 20px 10px;
  background-color: white;
}
.dropdown__option {
  position: relative;
  height: 44px;
}
.dropdown__option label {
  margin-top: 0;
  padding-left: 0 !important;
  font-size: 16px !important;
}
.dropdown__option label::before {
  display: none !important;
}
.dropdown__option .check {
  top: 2px !important;
}
.dropdown__option + .dropdown__option {
  margin-top: 0px;
}
.dropdown__option:hover * {
  color: #EB5D27 !important;
}
.dropdown.-active .dropdown__selected::after {
  transform: rotate(180deg);
}
.dropdown.-active .dropdown__icon {
  transform: rotate(0deg);
}
.dropdown.-active .dropdown__options {
  opacity: 1;
  pointer-events: auto;
}

.form .input {
  display: block;
  width: 100%;
  padding: 15px 0;
  background-color: #F7F8F8;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  resize: none;
  font-family: "Inter";
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: 400;
  color: #4F1717;
  border-radius: 0;
  margin-top: 0;
  border: none;
  background-color: white;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .form .input {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .form .input {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .form .input {
    font-size: 16px;
  }
}
.form .input + * {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .form .input + * {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .form .input + * {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  .form .input + * {
    margin-top: 60px;
  }
}
.form .input:focus {
  outline: none;
}
.form .input.-success {
  background-color: #F7F8F8;
  border-color: #16C100;
}
.form .input::-moz-placeholder {
  color: #4F1717;
}
.form .input::placeholder {
  color: #4F1717;
}
.form .input + label {
  position: absolute;
  top: 15px;
  left: 0;
  overflow: hidden;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  margin: 0;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #0064A0;
}
.form .input:not(:-moz-placeholder-shown) + label {
  top: -15px;
  font-size: 14px;
  color: #0064A0;
}
.form .input:focus + label, .form .input:not(:placeholder-shown) + label {
  top: -15px;
  font-size: 14px;
  color: #0064A0;
}
.form__end {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form__end p {
  margin-top: 0px;
}

.radio {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-bottom: 1px solid #4F1717;
  padding-bottom: 25px;
  margin-top: 25px !important;
}

/* Hide the browser's default radio button */
.radio_box {
  margin-top: 0px !important;
  /* Create a custom radio button */
}
.radio_box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radio_box .checkmark {
  position: relative;
  top: 0;
  left: 0;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  background-color: transparent;
  border-radius: 80px;
  padding: 10px 30px;
  font-size: 1.38vw;
  font-family: "spirits-sharp", serif;
  color: #4F1717;
  border: 1px solid #4F1717;
  cursor: pointer;
}
@media (max-width: 576px) {
  .radio_box .checkmark {
    font-size: 18px;
  }
}
.radio_box:hover input ~ .checkmark {
  background-color: transparent;
}
.radio_box input:checked ~ .checkmark {
  background-color: #EB5D27;
  border: 1px solid #EB5D27;
}

.form .input--checkbox {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.form .input--checkbox + label {
  position: relative;
  display: block;
  padding-left: calc(20px + 30px);
  cursor: pointer;
}
.form .input--checkbox + label::before {
  display: block;
  width: 100%;
  padding: 15px 0;
  background-color: #F7F8F8;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  resize: none;
  font-family: "Inter";
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: 400;
  color: #4F1717;
  content: "";
  position: absolute;
  left: 0;
  top: calc((1.5 * 1.25vw - (20px + 0)) / 2);
  cursor: pointer;
  padding: 0;
  width: 20px;
  height: 20px;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  background-color: #F7F8F8;
}
@media (max-width: 1024px) {
  .form .input--checkbox + label::before {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .form .input--checkbox + label::before {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .form .input--checkbox + label::before {
    font-size: 16px;
  }
}
.form .input--checkbox + label::before + * {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .form .input--checkbox + label::before + * {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .form .input--checkbox + label::before + * {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  .form .input--checkbox + label::before + * {
    margin-top: 60px;
  }
}
.form .input--checkbox + label::before:focus {
  outline: none;
}
.form .input--checkbox + label:hover ~ .check {
  opacity: 0.2;
}
.form .input--checkbox ~ .check {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  margin: 0;
  opacity: 0;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  padding: calc(20px - 10px);
  width: calc(20px + 0);
  height: calc(20px + 0);
}
.form .input--checkbox:checked ~ .check {
  opacity: 1;
}
.form .input--checkbox.-error + label::before {
  background-color: #FFEFEF;
  border-color: #D00000;
}
.form .input--checkbox.-error ~ .check rect, .form .input--checkbox.-error ~ .check circle, .form .input--checkbox.-error ~ .check ellipse, .form .input--checkbox.-error ~ .check path, .form .input--checkbox.-error ~ .check polygon, .form .input--checkbox.-error ~ .check polyline {
  fill: #D00000;
}
.form .input--checkbox.-success + label::before {
  background-color: #F7F8F8;
  border-color: #16C100;
}
.form .input--checkbox.-success ~ .check rect, .form .input--checkbox.-success ~ .check circle, .form .input--checkbox.-success ~ .check ellipse, .form .input--checkbox.-success ~ .check path, .form .input--checkbox.-success ~ .check polygon, .form .input--checkbox.-success ~ .check polyline {
  fill: #16C100;
}
.form .input--checkbox + label {
  color: #000000;
}
.form .input--checkbox + label::before {
  top: -2px;
  transition: 0s;
  border: 5px solid white;
  background-size: 15px;
  background-color: white;
}
.form .input--checkbox:checked + label::before {
  background-image: url("/img/icons/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.form .input--checkbox ~ .input--checkbox + label {
  margin-top: 10px;
}
.form--radio {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.form--radio + label {
  position: relative;
  display: block;
  padding-left: calc(20px + 30px);
  cursor: pointer;
}
.form--radio + label::before {
  display: block;
  width: 100%;
  padding: 15px 0;
  background-color: #F7F8F8;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  resize: none;
  font-family: "Inter";
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: 400;
  color: #4F1717;
  content: "";
  position: absolute;
  left: 0;
  top: calc((1.5 * 1.25vw - (20px + 0)) / 2);
  cursor: pointer;
  padding: 0;
  width: 20px;
  height: 20px;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  background-color: #F7F8F8;
}
@media (max-width: 1024px) {
  .form--radio + label::before {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .form--radio + label::before {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .form--radio + label::before {
    font-size: 16px;
  }
}
.form--radio + label::before + * {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .form--radio + label::before + * {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .form--radio + label::before + * {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  .form--radio + label::before + * {
    margin-top: 60px;
  }
}
.form--radio + label::before:focus {
  outline: none;
}
.form--radio + label:hover ~ .check {
  opacity: 0.2;
}
.form--radio ~ .check {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  margin: 0;
  opacity: 0;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  padding: calc(20px - 10px);
  width: calc(20px + 0);
  height: calc(20px + 0);
}
.form--radio:checked ~ .check {
  opacity: 1;
}
.form--radio.-error + label::before {
  background-color: #FFEFEF;
  border-color: #D00000;
}
.form--radio.-error ~ .check rect, .form--radio.-error ~ .check circle, .form--radio.-error ~ .check ellipse, .form--radio.-error ~ .check path, .form--radio.-error ~ .check polygon, .form--radio.-error ~ .check polyline {
  fill: #D00000;
}
.form--radio.-success + label::before {
  background-color: #F7F8F8;
  border-color: #16C100;
}
.form--radio.-success ~ .check rect, .form--radio.-success ~ .check circle, .form--radio.-success ~ .check ellipse, .form--radio.-success ~ .check path, .form--radio.-success ~ .check polygon, .form--radio.-success ~ .check polyline {
  fill: #16C100;
}
.form--radio + label {
  padding-left: calc(19px + 20px);
}
.form--radio + label::before {
  border-radius: 100%;
  width: 19px;
  height: 19px;
  top: calc((1.5 * 1.25vw - (19px + 0)) / 2);
}
.form--radio ~ .check {
  padding: calc(19px - 14px);
  top: calc((1.5 * 1.25vw - (19px + 0)) / 2);
  width: calc(19px + 0 * 2);
  height: calc(19px + 0 * 2);
}
.form--radio:checked ~ .check {
  opacity: 1;
}

.block {
  background-color: #EB5D27;
  display: flex;
}
.block a:not(.button), .block span, .block li, .block p, .block h1, .block h2, .block h3, .block h4, .block h5, .block h6 {
  color: white;
}
.block h1, .block h2, .block h3, .block h4, .block h5, .block h6,
.block .heading-1,
.block .heading-2,
.block .heading-3,
.block .heading-4,
.block .heading-5,
.block .heading-6 {
  color: white;
}
@media (max-width: 1024px) {
  .block {
    flex-direction: column;
  }
}
.block__content {
  padding: 70px 40px;
  width: 60%;
}
@media (max-width: 1024px) {
  .block__content {
    padding: 70px 40px;
  }
}
@media (max-width: 768px) {
  .block__content {
    padding: 70px 40px;
  }
}
@media (max-width: 576px) {
  .block__content {
    padding: 40px 20px;
  }
}
@media (max-width: 1024px) {
  .block__content {
    width: 100%;
  }
}
.block__image {
  position: relative;
  width: 40%;
}
@media (max-width: 1024px) {
  .block__image {
    width: 100%;
    height: 55vw;
  }
}
.block__image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.button {
  display: inline-flex;
  align-items: center;
  padding: 10px 30px;
  border-radius: 100px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: "Inter";
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: 400;
  color: #4F1717;
  color: white;
  line-height: 1.1;
  text-decoration: none;
  background-color: #EB5D27;
  justify-content: center;
  align-items: center;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  font-size: 1.38vw;
  font-family: "spirits-sharp", serif;
  z-index: 9;
  position: relative;
  line-height: 1.5 !important;
}
@media (max-width: 1024px) {
  .button {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .button {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .button {
    font-size: 16px;
  }
}
.button + * {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .button + * {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .button + * {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  .button + * {
    margin-top: 60px;
  }
}
.button__icon {
  display: block;
  margin-left: 20px;
  height: 100%;
  width: auto;
}
.button__icon rect, .button__icon circle, .button__icon ellipse, .button__icon path, .button__icon polygon, .button__icon polyline {
  fill: currentColor;
}
.button__icon.-left {
  margin-left: 0;
  margin-right: 20px;
}
@media (max-width: 576px) {
  .button {
    font-size: 18px !important;
  }
}
.button:disabled {
  pointer-events: none;
}
.button:hover {
  background-color: #EB5D27;
  color: white;
}
.button.-color-1 {
  background-color: #EB5D27;
  color: #4F1717 !important;
  transition: background-position 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  background-image: linear-gradient(to right, #4F1717, #4F1717 50%, #EB5D27 50%, #EB5D27);
  background-size: 200% 100%;
  background-position: 100% 0;
}
.button.-color-1:hover {
  color: #EB5D27 !important;
}
.button.-color-1:hover {
  background-position: 0 0;
}
.button.-color-2 {
  background-color: #0064A0;
  color: white;
}
.button.-color-3 {
  background-color: #4F1717;
  color: white;
}
.button.-color-4 {
  background-color: #B8E1F5;
  color: #4F1717;
}
.button.-color-5 {
  background-color: #D5DE69;
  color: white;
}
.button.-color-6 {
  background-color: #F9BE8B;
  color: white;
}
.button.-color-7 {
  background-color: #F2ECDE;
  color: #4F1717;
}
.button.-color-7:hover {
  color: #F2ECDE !important;
  background-color: rgba(242, 236, 222, 0.8);
}
.button.-white {
  transition: background-position 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  background-image: linear-gradient(to right, #0064A0, #0064A0 50%, white 50%, white);
  background-size: 200% 100%;
  background-position: 100% 0;
  background-color: white;
  color: #000000;
}
.button.-white:hover {
  background-position: 0 0;
}
.button__icon {
  width: 20px;
  color: currentColor;
}
.button__dots {
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.button__dots svg {
  min-width: 36px;
  min-height: 36px;
}
.button__dots svg:hover {
  opacity: 0.8;
}
.button__next {
  cursor: pointer;
}
.button__next svg {
  min-width: 36px;
  min-height: 36px;
}
.button__next svg:hover {
  opacity: 0.8;
}
.button__next--timeline {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.button__next--timeline svg {
  min-width: 36px;
  min-height: 36px;
}
.button__next--timeline::before {
  content: "volgende";
  font-size: 1.25vw;
  margin-right: 0.69vw;
}
@media (max-width: 576px) {
  .button__next--timeline::before {
    font-size: 18px;
    margin-right: 10px;
  }
}
.button__prev {
  cursor: pointer;
}
.button__prev svg {
  min-width: 36px;
  min-height: 36px;
}
.button__prev svg:hover {
  opacity: 0.8;
}
.button__prev--timeline {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.button__prev--timeline svg {
  min-width: 36px;
  min-height: 36px;
}
.button__prev--timeline::after {
  content: "vorige";
  font-size: 1.25vw;
  margin-left: 0.69vw;
}
@media (max-width: 576px) {
  .button__prev--timeline::after {
    font-size: 18px;
    margin-left: 10px;
  }
}

.buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: -30px;
}
@media (max-width: 1024px) {
  .buttons {
    margin-bottom: -30px;
  }
}
@media (max-width: 768px) {
  .buttons {
    margin-bottom: -15px;
  }
}
@media (max-width: 576px) {
  .buttons {
    margin-bottom: -15px;
  }
}
.buttons > * {
  margin-top: 0;
  margin-bottom: 30px;
  margin-right: 30px;
}
@media (max-width: 1024px) {
  .buttons > * {
    margin-bottom: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 768px) {
  .buttons > * {
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 576px) {
  .buttons > * {
    margin-bottom: 15px;
    margin-right: 15px;
  }
}

.overview {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-16px / 2);
  margin-right: calc(-16px / 2);
  margin-bottom: -16px;
  width: calc(100% + (16px));
}
.overview__item {
  width: calc(4 * 100% / 12 - 16px);
  margin: 0 calc(16px / 2);
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .overview {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-16px / 2);
    margin-right: calc(-16px / 2);
    margin-bottom: -16px;
    width: calc(100% + (16px));
  }
  .overview__item {
    width: calc(4 * 100% / 12 - 16px);
    margin: 0 calc(16px / 2);
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .overview {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-16px / 2);
    margin-right: calc(-16px / 2);
    margin-bottom: -16px;
    width: calc(100% + (16px));
  }
  .overview__item {
    width: calc(6 * 100% / 12 - 16px);
    margin: 0 calc(16px / 2);
    margin-bottom: 16px;
  }
}
@media (max-width: 576px) {
  .overview {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-10px / 2);
    margin-right: calc(-10px / 2);
    margin-bottom: -10px;
    width: calc(100% + (10px));
  }
  .overview__item {
    width: calc(12 * 100% / 12 - 10px);
    margin: 0 calc(10px / 2);
    margin-bottom: 10px;
  }
}

.-locations .overview {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-16px / 2);
  margin-right: calc(-16px / 2);
  margin-bottom: -120px;
  width: calc(100% + (16px));
}
.-locations .overview__item {
  width: calc(4 * 100% / 12 - 16px);
  margin: 0 calc(16px / 2);
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .-locations .overview {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-40px / 2);
    margin-right: calc(-40px / 2);
    margin-bottom: -60px;
    width: calc(100% + (40px));
  }
  .-locations .overview__item {
    width: calc(6 * 100% / 12 - 40px);
    margin: 0 calc(40px / 2);
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .-locations .overview {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-30px / 2);
    margin-right: calc(-30px / 2);
    margin-bottom: -60px;
    width: calc(100% + (30px));
  }
  .-locations .overview__item {
    width: calc(6 * 100% / 12 - 30px);
    margin: 0 calc(30px / 2);
    margin-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .-locations .overview {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-16px / 2);
    margin-right: calc(-16px / 2);
    margin-bottom: -60px;
    width: calc(100% + (16px));
  }
  .-locations .overview__item {
    width: calc(12 * 100% / 12 - 16px);
    margin: 0 calc(16px / 2);
    margin-bottom: 60px;
  }
}

.post-max-height {
  max-height: 100vh;
}
.post-max-height img {
  max-height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.news .overview {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-16px / 2);
  margin-right: calc(-16px / 2);
  margin-bottom: -120px;
  width: calc(100% + (16px));
}
.news .overview__item {
  margin: 0 8px !important;
  margin-bottom: 6.94vw !important;
}
.news .overview__item:last-of-type {
  margin-bottom: 10.41vw !important;
}
.news .overview__item {
  width: calc(4 * 100% / 12 - 16px);
  margin: 0 calc(16px / 2);
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .news .overview {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-40px / 2);
    margin-right: calc(-40px / 2);
    margin-bottom: -60px;
    width: calc(100% + (40px));
  }
  .news .overview__item {
    width: calc(6 * 100% / 12 - 40px);
    margin: 0 calc(40px / 2);
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .news .overview {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-30px / 2);
    margin-right: calc(-30px / 2);
    margin-bottom: -60px;
    width: calc(100% + (30px));
  }
  .news .overview__item {
    width: calc(6 * 100% / 12 - 30px);
    margin: 0 calc(30px / 2);
    margin-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .news .overview {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-16px / 2);
    margin-right: calc(-16px / 2);
    margin-bottom: -60px;
    width: calc(100% + (16px));
  }
  .news .overview__item {
    width: calc(12 * 100% / 12 - 16px);
    margin: 0 calc(16px / 2);
    margin-bottom: 60px;
  }
}

.item__image {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 70%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #0064A0;
  cursor: pointer;
}
.item__image .state--large {
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.item__image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.item__title {
  margin-top: 15px !important;
  color: #4F1717;
}
.item__content {
  padding-top: 30px;
  text-align: center;
}
.item__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item.-news .item__content {
  padding-bottom: 0;
}
.item.-news .item__image {
  height: 0;
  width: 100%;
  padding-top: 60%;
}

.slider {
  width: 100%;
  height: 70vh;
  height: 100%;
}
.slider__inner {
  position: relative;
  height: 100%;
}
.slider__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.slider__controls {
  display: none;
  justify-content: space-between;
}
.slider__controls.-active {
  display: flex;
}
.slider__control {
  cursor: pointer;
}
.slider__slide {
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
}
.slider__slide.-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.slider img {
  -o-object-fit: cover;
     object-fit: cover;
}
.slider__bar {
  flex-grow: 1;
  border-radius: 1px;
  height: 2px;
  background-color: white;
}
.slider__bar div {
  transition: width 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  height: 100%;
  border-radius: 1px;
  background-color: #EB5D27;
}
.slider__controls {
  display: flex;
  align-items: center;
  margin-left: 60px;
}
@media (max-width: 1024px) {
  .slider__controls {
    margin-left: 20px;
  }
}
.slider .splide__arrow {
  position: static;
  transition: background-color 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  transform: translate(0);
  opacity: 1;
  width: 40px;
  height: 40px;
  background-color: #EB5D27;
  background-image: url("/img/icons/arrow-right-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35%;
}
.slider .splide__arrow svg {
  display: none;
}
.slider .splide__arrow--prev {
  background-image: url("/img/icons/arrow-left-white.svg");
}
.slider .splide__arrow + .splide__arrow {
  margin-left: 15px;
}
.slider .splide__arrow:hover {
  background-color: #0064A0;
}
.slider .splide__track {
  height: 100%;
}
.slider__bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 60px;
  width: 100%;
  opacity: 0;
}
@media (max-width: 1024px) {
  .slider__bottom {
    padding: 20px;
  }
}
@media (max-width: 576px) {
  .slider__bottom {
    padding: 10px !important;
  }
}
.slider__bottom.-active {
  opacity: 1;
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  width: 100%;
  height: 100%;
  background-color: transparant;
  left: 100%;
  display: block;
  background-color: transparent !important;
}
@media (max-width: 1140px) {
  .mobile-menu {
    display: block;
  }
}
.mobile-menu .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: unset;
}
.mobile-menu .container .part-1:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.mobile-menu .container .part-1.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
}
.mobile-menu .container .part-2:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.mobile-menu .container .part-2.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
}
.mobile-menu .container .part-3:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.mobile-menu .container .part-3.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
}
.mobile-menu .container .part-4:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.mobile-menu .container .part-4.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
}
.mobile-menu .container .part-5:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.mobile-menu .container .part-5.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
}
.mobile-menu .container .part-6:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.mobile-menu .container .part-6.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
}
.mobile-menu .container .part-7:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.mobile-menu .container .part-7.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
}
.mobile-menu .container .part-8:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.mobile-menu .container .part-8.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
}
.mobile-menu .container .part-9:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.mobile-menu .container .part-9.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
}
.mobile-menu .container .part-10:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.mobile-menu .container .part-10.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
}
.mobile-menu .container .part-11:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.mobile-menu .container .part-11.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
}
.mobile-menu .container .part-12:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.mobile-menu .container .part-12.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
}
@media (max-width: 1280px) {
  .mobile-menu .container .part-xl-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-xl-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .mobile-menu .container .part-xl-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-xl-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .mobile-menu .container .part-xl-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-xl-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .mobile-menu .container .part-xl-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-xl-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .mobile-menu .container .part-xl-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-xl-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .mobile-menu .container .part-xl-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-xl-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .mobile-menu .container .part-xl-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-xl-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .mobile-menu .container .part-xl-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-xl-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .mobile-menu .container .part-xl-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-xl-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .mobile-menu .container .part-xl-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-xl-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .mobile-menu .container .part-xl-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-xl-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .mobile-menu .container .part-xl-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-xl-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 1024px) {
  .mobile-menu .container .part-l-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-l-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .mobile-menu .container .part-l-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-l-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .mobile-menu .container .part-l-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-l-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .mobile-menu .container .part-l-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-l-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .mobile-menu .container .part-l-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-l-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .mobile-menu .container .part-l-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-l-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .mobile-menu .container .part-l-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-l-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .mobile-menu .container .part-l-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-l-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .mobile-menu .container .part-l-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-l-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .mobile-menu .container .part-l-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-l-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .mobile-menu .container .part-l-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-l-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .mobile-menu .container .part-l-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-l-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 768px) {
  .mobile-menu .container .part-m-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-m-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .mobile-menu .container .part-m-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-m-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .mobile-menu .container .part-m-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-m-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .mobile-menu .container .part-m-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-m-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .mobile-menu .container .part-m-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-m-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .mobile-menu .container .part-m-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-m-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .mobile-menu .container .part-m-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-m-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .mobile-menu .container .part-m-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-m-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .mobile-menu .container .part-m-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-m-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .mobile-menu .container .part-m-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-m-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .mobile-menu .container .part-m-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-m-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .mobile-menu .container .part-m-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-m-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 576px) {
  .mobile-menu .container .part-s-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .mobile-menu .container .part-s-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .mobile-menu .container .part-s-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .mobile-menu .container .part-s-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .mobile-menu .container .part-s-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .mobile-menu .container .part-s-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .mobile-menu .container .part-s-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .mobile-menu .container .part-s-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .mobile-menu .container .part-s-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .mobile-menu .container .part-s-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .mobile-menu .container .part-s-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .mobile-menu .container .part-s-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .mobile-menu .container .part-s-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .mobile-menu .container .part-s-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .mobile-menu .container .part-s-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .mobile-menu .container .part-s-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .mobile-menu .container .part-s-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .mobile-menu .container .part-s-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .mobile-menu .container .part-s-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .mobile-menu .container .part-s-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .mobile-menu .container .part-s-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .mobile-menu .container .part-s-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .mobile-menu .container .part-s-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .mobile-menu .container .part-s-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 375px) {
  .mobile-menu .container .part-xs-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .mobile-menu .container .part-xs-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .mobile-menu .container .part-xs-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .mobile-menu .container .part-xs-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .mobile-menu .container .part-xs-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .mobile-menu .container .part-xs-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .mobile-menu .container .part-xs-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .mobile-menu .container .part-xs-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .mobile-menu .container .part-xs-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .mobile-menu .container .part-xs-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .mobile-menu .container .part-xs-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .mobile-menu .container .part-xs-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .mobile-menu .container .part-xs-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .mobile-menu .container .part-xs-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .mobile-menu .container .part-xs-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .mobile-menu .container .part-xs-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .mobile-menu .container .part-xs-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .mobile-menu .container .part-xs-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .mobile-menu .container .part-xs-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .mobile-menu .container .part-xs-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .mobile-menu .container .part-xs-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .mobile-menu .container .part-xs-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .mobile-menu .container .part-xs-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .mobile-menu .container .part-xs-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
.mobile-menu .container .part-top-0 {
  margin-top: 0px;
}
.mobile-menu .container .part-left-0 {
  margin-left: 0px;
}
.mobile-menu .container .part-right-0 {
  margin-right: 0px;
}
.mobile-menu .container .part-bottom-0 {
  margin-bottom: calc(0px + 80px);
}
.mobile-menu .container .part-top-1 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.mobile-menu .container .part-left-1 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.mobile-menu .container .part-right-1 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.mobile-menu .container .part-bottom-1 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 80px);
}
.mobile-menu .container .part-top-2 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.mobile-menu .container .part-left-2 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.mobile-menu .container .part-right-2 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.mobile-menu .container .part-bottom-2 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 80px);
}
.mobile-menu .container .part-top-3 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.mobile-menu .container .part-left-3 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.mobile-menu .container .part-right-3 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.mobile-menu .container .part-bottom-3 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 80px);
}
.mobile-menu .container .part-top-4 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.mobile-menu .container .part-left-4 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.mobile-menu .container .part-right-4 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.mobile-menu .container .part-bottom-4 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 80px);
}
.mobile-menu .container .part-top-5 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.mobile-menu .container .part-left-5 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.mobile-menu .container .part-right-5 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.mobile-menu .container .part-bottom-5 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 80px);
}
.mobile-menu .container .part-top-6 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.mobile-menu .container .part-left-6 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.mobile-menu .container .part-right-6 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.mobile-menu .container .part-bottom-6 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 80px);
}
.mobile-menu .container .part-top-7 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.mobile-menu .container .part-left-7 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.mobile-menu .container .part-right-7 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.mobile-menu .container .part-bottom-7 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 80px);
}
.mobile-menu .container .part-top-8 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.mobile-menu .container .part-left-8 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.mobile-menu .container .part-right-8 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.mobile-menu .container .part-bottom-8 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 80px);
}
.mobile-menu .container .part-top-9 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.mobile-menu .container .part-left-9 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.mobile-menu .container .part-right-9 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.mobile-menu .container .part-bottom-9 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 80px);
}
.mobile-menu .container .part-top-10 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.mobile-menu .container .part-left-10 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.mobile-menu .container .part-right-10 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.mobile-menu .container .part-bottom-10 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 80px);
}
.mobile-menu .container .part-top-11 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.mobile-menu .container .part-left-11 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.mobile-menu .container .part-right-11 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.mobile-menu .container .part-bottom-11 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 80px);
}
.mobile-menu .container .part-top-12 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.mobile-menu .container .part-left-12 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.mobile-menu .container .part-right-12 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.mobile-menu .container .part-bottom-12 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 80px);
}
@media (max-width: 1024px) {
  .mobile-menu .container .part-top-l-0 {
    margin-top: 0px;
  }
  .mobile-menu .container .part-left-l-0 {
    margin-left: 0px;
  }
  .mobile-menu .container .part-right-l-0 {
    margin-right: 0px;
  }
  .mobile-menu .container .part-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .mobile-menu .container .part-top-l-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-left-l-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-right-l-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-bottom-l-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-l-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-left-l-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-right-l-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-bottom-l-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-l-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-left-l-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-right-l-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-bottom-l-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-l-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-left-l-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-right-l-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-bottom-l-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-l-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-left-l-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-right-l-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-bottom-l-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-l-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-left-l-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-right-l-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-bottom-l-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-l-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-left-l-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-right-l-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-bottom-l-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-l-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-left-l-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-right-l-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-bottom-l-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-l-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-left-l-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-right-l-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-bottom-l-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-l-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-left-l-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-right-l-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-bottom-l-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-l-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-left-l-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-right-l-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-bottom-l-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-l-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-left-l-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-right-l-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-bottom-l-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 768px) {
  .mobile-menu .container .part-top-m-0 {
    margin-top: 0px;
  }
  .mobile-menu .container .part-left-m-0 {
    margin-left: 0px;
  }
  .mobile-menu .container .part-right-m-0 {
    margin-right: 0px;
  }
  .mobile-menu .container .part-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .mobile-menu .container .part-top-m-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-left-m-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-right-m-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-bottom-m-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-m-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-left-m-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-right-m-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-bottom-m-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-m-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-left-m-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-right-m-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-bottom-m-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-m-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-left-m-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-right-m-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-bottom-m-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-m-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-left-m-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-right-m-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-bottom-m-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-m-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-left-m-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-right-m-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-bottom-m-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-m-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-left-m-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-right-m-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-bottom-m-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-m-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-left-m-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-right-m-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-bottom-m-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-m-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-left-m-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-right-m-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-bottom-m-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-m-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-left-m-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-right-m-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-bottom-m-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-m-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-left-m-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-right-m-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-bottom-m-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .mobile-menu .container .part-top-m-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-left-m-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-right-m-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-bottom-m-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 576px) {
  .mobile-menu .container .part-top-s-0 {
    margin-top: 0px;
  }
  .mobile-menu .container .part-left-s-0 {
    margin-left: 0px;
  }
  .mobile-menu .container .part-right-s-0 {
    margin-right: 0px;
  }
  .mobile-menu .container .part-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .mobile-menu .container .part-top-s-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-left-s-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-right-s-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-bottom-s-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-s-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-left-s-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-right-s-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-bottom-s-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-s-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-left-s-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-right-s-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-bottom-s-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-s-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-left-s-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-right-s-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-bottom-s-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-s-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-left-s-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-right-s-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-bottom-s-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-s-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-left-s-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-right-s-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-bottom-s-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-s-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-left-s-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-right-s-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-bottom-s-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-s-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-left-s-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-right-s-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-bottom-s-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-s-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-left-s-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-right-s-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-bottom-s-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-s-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-left-s-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-right-s-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-bottom-s-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-s-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-left-s-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-right-s-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-bottom-s-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-s-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-left-s-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-right-s-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-bottom-s-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .mobile-menu .container .part-top-xs-0 {
    margin-top: 0px;
  }
  .mobile-menu .container .part-left-xs-0 {
    margin-left: 0px;
  }
  .mobile-menu .container .part-right-xs-0 {
    margin-right: 0px;
  }
  .mobile-menu .container .part-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .mobile-menu .container .part-top-xs-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-left-xs-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-right-xs-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .mobile-menu .container .part-bottom-xs-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-xs-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-left-xs-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-right-xs-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .mobile-menu .container .part-bottom-xs-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-xs-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-left-xs-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-right-xs-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .mobile-menu .container .part-bottom-xs-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-xs-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-left-xs-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-right-xs-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .mobile-menu .container .part-bottom-xs-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-xs-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-left-xs-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-right-xs-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .mobile-menu .container .part-bottom-xs-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-xs-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-left-xs-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-right-xs-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .mobile-menu .container .part-bottom-xs-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-xs-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-left-xs-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-right-xs-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .mobile-menu .container .part-bottom-xs-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-xs-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-left-xs-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-right-xs-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .mobile-menu .container .part-bottom-xs-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-xs-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-left-xs-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-right-xs-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .mobile-menu .container .part-bottom-xs-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-xs-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-left-xs-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-right-xs-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .mobile-menu .container .part-bottom-xs-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-xs-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-left-xs-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-right-xs-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .mobile-menu .container .part-bottom-xs-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .mobile-menu .container .part-top-xs-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-left-xs-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-right-xs-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .mobile-menu .container .part-bottom-xs-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .mobile-menu .container .part-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .mobile-menu .container .part-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .mobile-menu .container .part-m-0 {
    display: none;
  }
}
@media (max-width: 1024px) {
  .mobile-menu .container .part-l-0 {
    display: none;
  }
}
@media (max-width: 1280px) {
  .mobile-menu .container .part-xl-0 {
    display: none;
  }
}
.mobile-menu .container [class*=part].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.mobile-menu .container [class*=part].-justify-center {
  display: flex;
  justify-content: center;
}
.mobile-menu .container [class*=part].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.mobile-menu .container [class*=part].-align-start {
  display: flex;
  align-items: flex-start;
}
.mobile-menu .container [class*=part].-align-center {
  display: flex;
  align-items: center;
}
.mobile-menu .container [class*=part].-align-end {
  display: flex;
  align-items: flex-end;
}
.mobile-menu .container [class*=part].-text-left {
  text-align: left;
}
.mobile-menu .container [class*=part].-text-center {
  text-align: center;
}
.mobile-menu .container [class*=part].-text-right {
  text-align: right;
}
@media (max-width: 768px) {
  .mobile-menu .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.mobile-menu .container a:not(.button), .mobile-menu .container span, .mobile-menu .container li, .mobile-menu .container p, .mobile-menu .container h1, .mobile-menu .container h2, .mobile-menu .container h3, .mobile-menu .container h4, .mobile-menu .container h5, .mobile-menu .container h6 {
  color: #EB5D27;
}
.mobile-menu__nav {
  margin-top: 6.9vw;
}
@media (max-width: 1024px) {
  .mobile-menu__nav {
    margin-top: 130px;
  }
}
@media (max-width: 768px) {
  .mobile-menu__nav {
    margin-top: 120px;
  }
}
@media (max-width: 576px) {
  .mobile-menu__nav {
    margin-top: 80px;
  }
}
@media (max-width: 375px) {
  .mobile-menu__nav {
    margin-top: 80px;
  }
}
.mobile-menu__link {
  display: block;
}
.mobile-menu.-active {
  left: 0;
}
@media (max-width: 768px) {
  .mobile-menu {
    background-color: white;
  }
}
.mobile-menu--line1 {
  position: absolute;
  width: 1px;
  background-color: #4F1717;
  height: 60vh;
  top: 14.88vw;
  left: 50%;
}
@media (max-width: 768px) {
  .mobile-menu--line1 {
    display: none;
  }
}
@media (max-width: 768px) {
  .mobile-menu--line1 {
    left: 55%;
  }
}
.mobile-menu .container {
  height: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: scroll;
  padding: 0px !important;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.mobile-menu .container .part-9 {
  background-color: white;
  z-index: 9;
  height: 100vh;
  box-shadow: -15px 0px 23px -21px rgba(0, 0, 0, 0.75);
}
@media (max-width: 768px) {
  .mobile-menu .container .part-9 {
    height: unset;
  }
}
.mobile-menu .container::-webkit-scrollbar {
  display: none;
}
@media (max-width: 576px) {
  .mobile-menu .container {
    padding-left: 20px;
  }
}
.mobile-menu__nav {
  width: 100%;
  margin-top: 14.72vw;
  padding-left: 50px;
}
@media (max-width: 576px) {
  .mobile-menu__nav {
    margin-top: 168px;
    padding-right: 50px;
  }
}
.mobile-menu__item {
  display: block;
  width: fit-content;
  width: -moz-fit-content;
  color: #4F1717 !important;
}
.mobile-menu__item h4 {
  color: #4F1717 !important;
  transition: all 0.2s ease;
}
@media (max-width: 768px) {
  .mobile-menu__item.button {
    display: none !important;
  }
}
.mobile-menu__item + .mobile-menu__item {
  margin-top: 15px;
}
@media (max-width: 576px) {
  .mobile-menu__item + .mobile-menu__item {
    margin-top: 15px;
  }
}
.mobile-menu__item.-active:not(.button) {
  color: #EB5D27 !important;
}
.mobile-menu__item.-active:not(.button) h4 {
  color: #EB5D27 !important;
}
.mobile-menu__item:hover:not(.button) {
  color: #EB5D27 !important;
}
.mobile-menu__item:hover:not(.button) h4 {
  color: #EB5D27 !important;
}
.mobile-menu__item.-has-submenu {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.mobile-menu__item.-has-submenu h4 {
  transition: all 0.2s ease;
}
.mobile-menu__item.-has-submenu:hover h4 {
  color: #EB5D27 !important;
}
.mobile-menu__item.-has-submenu:hover .submenu {
  display: block;
  position: absolute;
  left: 22.86vw;
}
@media (min-width: 1280px) {
  .mobile-menu__item.-has-submenu:hover .submenu {
    left: 27.86vw;
  }
}
@media (max-width: 768px) {
  .mobile-menu__item.-has-submenu:hover .submenu {
    position: relative;
    left: unset;
    padding-left: 0px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mobile-menu__item.-has-submenu:hover .submenu .mobile-menu__item {
    border-top: 1px solid #4F1717;
    width: 100%;
    padding-left: 40px;
    margin-top: 0px !important;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .mobile-menu__item.-has-submenu:hover .submenu .mobile-menu__item {
    padding-left: 20px;
  }
}
@media (max-width: 768px) {
  .mobile-menu__item.-has-submenu:hover .submenu .mobile-menu__item:last-of-type {
    border-bottom: 1px solid #4F1717;
  }
}
.mobile-menu__item.-has-submenu:hover .submenu__icon {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .mobile-menu__item.-has-submenu {
    display: block;
  }
  .mobile-menu__item.-has-submenu .submenu {
    display: block;
    position: absolute;
    left: 22.86vw;
  }
}
@media (max-width: 768px) and (min-width: 1280px) {
  .mobile-menu__item.-has-submenu .submenu {
    left: 27.86vw;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .mobile-menu__item.-has-submenu .submenu {
    position: relative;
    left: unset;
    padding-left: 0px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mobile-menu__item.-has-submenu .submenu .mobile-menu__item {
    border-top: 1px solid #4F1717;
    width: 100%;
    padding-left: 40px;
    margin-top: 0px !important;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 768px) and (max-width: 768px) and (max-width: 768px) {
  .mobile-menu__item.-has-submenu .submenu .mobile-menu__item {
    padding-left: 20px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .mobile-menu__item.-has-submenu .submenu .mobile-menu__item:last-of-type {
    border-bottom: 1px solid #4F1717;
  }
}
@media (max-width: 768px) {
  .mobile-menu__item.-has-submenu .submenu__icon {
    transform: rotate(180deg);
  }
}
.mobile-menu__item.-open .submenu {
  display: block;
  position: absolute;
  left: 22.86vw;
}
@media (min-width: 1280px) {
  .mobile-menu__item.-open .submenu {
    left: 27.86vw;
  }
}
.mobile-menu .submenu {
  display: none;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.mobile-menu .submenu * {
  font-size: 32px;
}
@media (max-width: 768px) {
  .mobile-menu .submenu * {
    font-size: 25px;
  }
}
.mobile-menu .submenu .mobile-menu__item {
  font-family: "Inter";
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: 400;
  color: #4F1717;
}
@media (max-width: 1024px) {
  .mobile-menu .submenu .mobile-menu__item {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .mobile-menu .submenu .mobile-menu__item {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .mobile-menu .submenu .mobile-menu__item {
    font-size: 16px;
  }
}
.mobile-menu .submenu .mobile-menu__item + * {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .mobile-menu .submenu .mobile-menu__item + * {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .mobile-menu .submenu .mobile-menu__item + * {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  .mobile-menu .submenu .mobile-menu__item + * {
    margin-top: 60px;
  }
}
.mobile-menu .submenu .mobile-menu__item + .mobile-menu__item {
  margin-top: 10px;
}
.mobile-menu .submenu__icon {
  position: absolute;
  top: 10px;
  right: 0;
  pointer-events: none;
  transition: transform 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  width: 20px;
}

.hamburger {
  position: relative;
  display: none;
  width: 30px;
  height: 20px;
  cursor: pointer;
  display: block;
  background-color: #B8E1F5;
  margin-top: 0px;
  width: 50%;
}
@media (max-width: 1140px) {
  .hamburger {
    display: block;
  }
}
.hamburger span {
  position: absolute;
  right: 0;
  display: inline-block;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  width: 100%;
  height: 2px;
  margin: auto;
  background-color: #000;
}
.hamburger span:nth-of-type(1) {
  top: 0;
}
.hamburger span:nth-of-type(2) {
  top: 0;
  bottom: 0;
}
.hamburger span:nth-of-type(3) {
  top: calc(20px - 2px);
}
.hamburger span {
  left: 0;
  right: 0;
}
.hamburger span:nth-of-type(1), .hamburger span:nth-of-type(3) {
  transition: transform 250ms ease-in-out, top 250ms ease-in-out 250ms;
}
.hamburger span:nth-of-type(2) {
  transition: width 250ms 250ms;
}
.hamburger.-active span {
  background-color: #EB5D27;
}
.hamburger.-active span:nth-of-type(1) {
  top: calc(10px);
  transform: rotate(-45deg);
}
.hamburger.-active span:nth-of-type(2) {
  width: 0;
  transition: width 250ms;
}
.hamburger.-active span:nth-of-type(3) {
  top: calc(10px);
  transform: rotate(45deg);
}
.hamburger.-active span:nth-of-type(1), .hamburger.-active span:nth-of-type(3) {
  transition: top 250ms ease-in-out, transform 250ms ease-in-out 250ms;
}
@media (min-width: 1600px) {
  .hamburger {
    width: 35% !important;
  }
}
.hamburger.-active span {
  background-color: #000;
}
.hamburger__background {
  width: 3vw;
  height: 3vw;
  min-width: 36px;
  min-height: 36px;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.73vw;
  background-color: #B8E1F5;
  border-radius: 100vw;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .hamburger__background {
    width: 47px;
    height: 47px;
  }
}
.hamburger span:nth-of-type(1) {
  top: 2px;
}
.hamburger span:nth-of-type(3) {
  top: 16px;
}

body .header > .container .-has-submenu {
  display: flex;
}
body .header > .container .-has-submenu:hover .submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
body .header > .container .-has-submenu:hover .submenu__icon {
  transform: rotate(-180deg);
}
body .header > .container .submenu {
  position: absolute;
  top: 100px;
  min-width: 220px;
  padding: 30px 20px;
  transform: translateX(-20px);
  background-color: #EB5D27;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body .header > .container .submenu__item {
  display: block;
  height: 100%;
  white-space: nowrap;
  color: white;
}
body .header > .container .submenu__icon {
  margin-left: 10px;
  width: 10px;
  height: auto;
  fill: #EB5D27;
}
body .header > .container .submenu__icon {
  transition: transform 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  margin-top: 2px;
}
body .header > .container .submenu a.header__item {
  display: inline-block;
  color: white !important;
  white-space: nowrap;
  transition: background-size 0.6s ease-in-out;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  text-decoration: none;
  color: white;
  background-size: 0 1px;
}
body .header > .container .submenu a.header__item:hover, body .header > .container .submenu a.header__item:focus {
  background-size: 100% 1px;
}
body .header > .container .submenu a.header__item:hover, body .header > .container .submenu a.header__item.-active {
  color: white !important;
}
body .header > .container .submenu a.header__item.-active {
  background-size: 100% 1px;
}
body .header > .container .submenu a.header__item + a {
  margin-left: 0;
}

.faq__item {
  display: block;
}
.faq__item.-active .faq__answer {
  height: auto;
}
.faq__question {
  position: relative;
  cursor: pointer;
}
.faq__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: auto;
}
.faq__answer {
  overflow: hidden;
  height: 0;
  margin: 0;
  padding: 0;
}
.faq__question {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 20px 50px 20px 0px;
  border-top: 1px solid #4F1717;
}
.faq__question svg {
  margin-top: 0;
}
.faq__item:last-of-type {
  border-bottom: 1px solid #4F1717;
}
.faq__item.-active .faq__answer {
  padding: 20px;
  padding-left: 0px !important;
  height: auto;
}
.faq__item.-active .faq__icon {
  transform: rotate(180deg);
}
.faq__category + * {
  margin-top: 60px;
}
@media (max-width: 768px) {
  .faq__category {
    margin-bottom: 40px;
  }
}
.faq__icon {
  top: 22px;
  right: 0px;
  transition: transform 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  width: 36px;
  margin-top: 0;
}
@media (max-width: 1024px) {
  .faq__icon {
    top: 12px;
  }
}
.faq__answer p + p, .faq__answer p + ul, .faq__answer ul + p, .faq__answer ul + ul {
  margin-top: 20px;
}

.state {
  display: flex;
  align-items: center;
  margin-top: 0;
  color: #2CA71C;
}
.state__dot {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-right: 8px;
  background-color: #2CA71C;
}
.state.-available {
  color: #2CA71C;
}
.state.-in-option {
  color: #FFAB0B;
}
.state.-in-option .state__dot {
  background-color: #FFAB0B;
}
.state.-sold {
  color: #C60A0A;
}
.state.-sold .state__dot {
  background-color: #C60A0A;
}
.state--large {
  margin-top: 0;
  padding: 9px 20px;
  background-color: #2CA71C;
  color: white;
  font-weight: 700;
}
.state--large.-available {
  background-color: #2CA71C;
}
.state--large.-in-option {
  background-color: #FFAB0B;
}
.state--large.-sold {
  background-color: #C60A0A;
}

table {
  border-collapse: collapse;
  width: 100%;
}
table td, table th {
  padding: 20px 20px;
}
table thead tr th {
  text-align: left;
  background-color: #F2ECDE;
}
table tbody tr {
  cursor: pointer;
}
table tbody tr td {
  transition: background-color 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  background-color: white;
}
table tbody tr.-sold td {
  background-color: rgba(255, 239, 239, 0.3);
}
table tbody tr:nth-child(even) td {
  background-color: #F2ECDE;
}
table tbody tr:nth-child(even).-sold td {
  background-color: #FFEFEF;
}
table tbody tr:hover td {
  background-color: #0064A0;
}
table::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1024px) {
  table.pricelist td:nth-child(3),
  table.pricelist th:nth-child(3),
  table.pricelist td:nth-child(4),
  table.pricelist th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 576px) {
  table.pricelist td:nth-child(2),
  table.pricelist th:nth-child(2),
  table.pricelist td:nth-child(6),
  table.pricelist th:nth-child(6) {
    display: none;
  }
}

.block {
  background-color: #EB5D27;
  display: flex;
}
.block a:not(.button), .block span, .block li, .block p, .block h1, .block h2, .block h3, .block h4, .block h5, .block h6 {
  color: white;
}
.block h1, .block h2, .block h3, .block h4, .block h5, .block h6,
.block .heading-1,
.block .heading-2,
.block .heading-3,
.block .heading-4,
.block .heading-5,
.block .heading-6 {
  color: white;
}
@media (max-width: 1024px) {
  .block {
    flex-direction: column;
  }
}
.block__content {
  padding: 70px 40px;
  width: 60%;
}
@media (max-width: 1024px) {
  .block__content {
    padding: 70px 40px;
  }
}
@media (max-width: 768px) {
  .block__content {
    padding: 70px 40px;
  }
}
@media (max-width: 576px) {
  .block__content {
    padding: 40px 20px;
  }
}
@media (max-width: 1024px) {
  .block__content {
    width: 100%;
  }
}
.block__image {
  position: relative;
  width: 40%;
}
@media (max-width: 1024px) {
  .block__image {
    width: 100%;
    height: 55vw;
  }
}
.block__image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.image--cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.image--contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.image--full {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.image--side {
  position: relative;
  padding-top: 90vh;
}
@media (max-width: 1800px) {
  .image--side {
    width: calc(100% - 70px);
  }
}
@media (max-width: 1280px) {
  .image--side {
    padding-top: 90vw;
  }
}
@media (max-width: 576px) {
  .image--side {
    width: 100%;
  }
}
.image--side img, .image--side .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  width: calc(100% + (100vw - unset) / 2 + 50px);
  max-width: unset;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: calc(unset)) {
  .image--side img, .image--side .background {
    width: calc(100% + 50px);
  }
}
@media (max-width: 768px) {
  .image--side img, .image--side .background {
    width: calc(100% + 20px);
  }
}
.image--side.-right img, .image--side.-right .background {
  left: 0;
  right: unset;
  border-bottom-right-radius: 0;
}
.image--side .background {
  background-color: white;
}
.image--logo {
  width: 123px;
  margin-top: 0px;
}
.image--logo + p {
  margin-top: 35px;
}
.image--footerlogo {
  width: 150px;
  margin-top: 55px;
}
.image--footerlogo + p {
  margin-top: 35px;
}
.image--small {
  width: 68px;
}
.image--small + p {
  margin-top: 35px;
}

.section.-right .image--side img, .section.-right .image--side .background {
  border-bottom-right-radius: 0;
}

.--small-image img {
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: auto;
  max-height: 100%;
  padding-right: 6.9vw;
  padding-top: 120px;
  padding-bottom: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1024px) {
  .--small-image img {
    padding-right: 130px;
  }
}
@media (max-width: 768px) {
  .--small-image img {
    padding-right: 120px;
  }
}
@media (max-width: 576px) {
  .--small-image img {
    padding-right: 80px;
  }
}
@media (max-width: 375px) {
  .--small-image img {
    padding-right: 80px;
  }
}
@media (max-width: 1024px) {
  .--small-image img {
    padding-top: 60px;
  }
}
@media (max-width: 768px) {
  .--small-image img {
    padding-top: 60px;
  }
}
@media (max-width: 576px) {
  .--small-image img {
    padding-top: 60px;
  }
}
@media (max-width: 375px) {
  .--small-image img {
    padding-top: 60px;
  }
}
@media (max-width: 1024px) {
  .--small-image img {
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .--small-image img {
    padding-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .--small-image img {
    padding-bottom: 60px;
  }
}
@media (max-width: 375px) {
  .--small-image img {
    padding-bottom: 60px;
  }
}

.section .container [class*=part] {
  position: relative;
}
.section .container [class*=part].-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 576px) {
  .section .container [class*=part].-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 576px) {
  .section .container [class*=part].-title .link {
    margin-top: 30px;
  }
}
.section .container [class*=part].-color-light {
  background-color: #F2ECDE;
}
.section .container .part__block {
  padding: 120px 7%;
  background-color: #F2ECDE;
}
@media (max-width: 1024px) {
  .section .container .part__block {
    padding: 60px 0;
  }
}
@media (max-width: 576px) {
  .section .container .part__block {
    padding: 40px 0;
  }
}

.splide.carousel .splide__track {
  overflow: visible;
}
.splide.carousel .splide__slide {
  position: relative;
  padding-top: 35%;
}
.splide.carousel .splide__slide img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.location__inner {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.location__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.location__text {
  position: absolute;
  bottom: 15px;
  left: 20px;
  font-weight: 800;
  text-transform: uppercase;
  color: white;
}

.link {
  display: flex !important;
  align-items: center;
  color: #000000 !important;
}
.link img {
  margin-left: 10px;
  margin-top: 2px;
  width: 12px;
  transition: transform 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
}
.link:hover img {
  transform: translateX(5px);
}
.link.-back img {
  margin-right: 10px;
  margin-left: 0;
}
.link.-down:hover img {
  transform: translateY(5px);
}
.link.-color-1 {
  color: #EB5D27 !important;
  font-family: "spirits-sharp", serif;
  font-size: 0.9vw;
  font-weight: 400;
}
.link.-color-1 svg {
  margin-left: 0.69vw;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 0 60px;
  background-color: rgba(242, 236, 222, 0.9);
  display: none;
}
.modal.-active {
  display: flex;
}
.modal .modal__content {
  margin: auto;
  max-width: 800px;
  background-color: white;
  padding: 50px;
}
.modal .modal__content > .message {
  font-family: "filmotype-lacrosse", sans-serif;
  font-size: 6.38vw;
  font-weight: 400;
  line-height: 0.56;
  color: #4F1717;
}
@media (max-width: 1024px) {
  .modal .modal__content > .message {
    font-size: 6.38vw;
  }
}
@media (max-width: 768px) {
  .modal .modal__content > .message {
    font-size: 6.38vw;
  }
}
@media (max-width: 576px) {
  .modal .modal__content > .message {
    font-size: 6.38vw;
  }
}
.modal .modal__content > .message + * {
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .modal .modal__content > .message + * {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .modal .modal__content > .message + * {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .modal .modal__content > .message + * {
    margin-top: 20px;
  }
}
.modal .modal__content > .move-on {
  margin-top: 40px;
}
.modal__container {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 900px;
  background: white;
}
.modal__text {
  padding: 40px;
  width: 500px;
}
.modal__image {
  position: relative;
  width: 400px;
  background-color: #0064A0;
}
.modal__image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal__cross {
  position: absolute;
  right: -15px;
  top: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #EB5D27;
  cursor: pointer;
}
.modal__cross span {
  position: absolute;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  transform: rotate(-45deg);
  display: block;
  width: 16px;
  height: 1px;
  background-color: white;
}
.modal__cross span + span {
  transform: rotate(45deg);
}
.modal__cross:hover span {
  transform: rotate(0);
}

.selector {
  position: relative;
  padding-top: 88vw;
  height: 0;
}
@media (max-width: 1024px) {
  .selector {
    padding-top: 132vw;
  }
}
.selector img, .selector svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .selector img, .selector svg {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.selector .text {
  fill: #4F1717 !important;
  fill-opacity: 1 !important;
  z-index: 99 !important;
}
.selector__lines {
  z-index: 9;
  width: 68.32% !important;
  left: 20% !important;
  top: 4.4% !important;
}
.selector .svg-group:hover path {
  fill: #EB5D27 !important;
  fill-opacity: 0.8 !important;
}
.selector .ignore-path {
  pointer-events: none;
}
.selector .--basisschool:hover,
.selector .--kerk:hover {
  fill: #EB5D27 !important;
  fill-opacity: 0.8 !important;
}
.selector path:not(.ignored-path) {
  transition: fill 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  fill: transparent;
  fill-opacity: 0.5;
  cursor: pointer;
  cursor: pointer;
}
.selector path:not(.ignored-path):hover, .selector path:not(.ignored-path).-active {
  fill: #2CA71C;
  fill-opacity: 0.5;
}
.selector path:not(.ignored-path).-sold:hover, .selector path:not(.ignored-path).-sold.-active {
  fill: #C60A0A;
  fill-opacity: 0.5;
}
.selector__images {
  opacity: 0;
  position: absolute !important;
  pointer-events: none;
}
.selector__images.-show {
  opacity: 1;
  pointer-events: all;
  position: relative !important;
}
.selector__actions {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: unset;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-start;
}
.selector__actions .part-1:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.selector__actions .part-1.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
}
.selector__actions .part-2:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.selector__actions .part-2.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
}
.selector__actions .part-3:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.selector__actions .part-3.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
}
.selector__actions .part-4:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.selector__actions .part-4.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
}
.selector__actions .part-5:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.selector__actions .part-5.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
}
.selector__actions .part-6:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.selector__actions .part-6.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
}
.selector__actions .part-7:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.selector__actions .part-7.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
}
.selector__actions .part-8:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.selector__actions .part-8.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
}
.selector__actions .part-9:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.selector__actions .part-9.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
}
.selector__actions .part-10:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.selector__actions .part-10.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
}
.selector__actions .part-11:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.selector__actions .part-11.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
}
.selector__actions .part-12:not(.no-gutter) {
  width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.selector__actions .part-12.no-gutter {
  width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
}
@media (max-width: 1280px) {
  .selector__actions .part-xl-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-xl-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .selector__actions .part-xl-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-xl-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .selector__actions .part-xl-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-xl-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .selector__actions .part-xl-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-xl-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .selector__actions .part-xl-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-xl-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .selector__actions .part-xl-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-xl-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .selector__actions .part-xl-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-xl-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .selector__actions .part-xl-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-xl-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .selector__actions .part-xl-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-xl-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .selector__actions .part-xl-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-xl-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .selector__actions .part-xl-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-xl-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .selector__actions .part-xl-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-xl-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 1024px) {
  .selector__actions .part-l-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-l-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .selector__actions .part-l-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-l-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .selector__actions .part-l-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-l-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .selector__actions .part-l-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-l-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .selector__actions .part-l-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-l-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .selector__actions .part-l-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-l-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .selector__actions .part-l-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-l-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .selector__actions .part-l-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-l-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .selector__actions .part-l-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-l-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .selector__actions .part-l-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-l-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .selector__actions .part-l-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-l-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .selector__actions .part-l-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-l-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 768px) {
  .selector__actions .part-m-1:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-m-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .selector__actions .part-m-2:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-m-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .selector__actions .part-m-3:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-m-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .selector__actions .part-m-4:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-m-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .selector__actions .part-m-5:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-m-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .selector__actions .part-m-6:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-m-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .selector__actions .part-m-7:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-m-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .selector__actions .part-m-8:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-m-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .selector__actions .part-m-9:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-m-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .selector__actions .part-m-10:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-m-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .selector__actions .part-m-11:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-m-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .selector__actions .part-m-12:not(.no-gutter) {
    width: calc((100% - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-m-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 576px) {
  .selector__actions .part-s-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .selector__actions .part-s-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .selector__actions .part-s-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .selector__actions .part-s-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .selector__actions .part-s-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .selector__actions .part-s-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .selector__actions .part-s-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .selector__actions .part-s-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .selector__actions .part-s-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .selector__actions .part-s-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .selector__actions .part-s-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .selector__actions .part-s-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .selector__actions .part-s-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .selector__actions .part-s-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .selector__actions .part-s-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .selector__actions .part-s-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .selector__actions .part-s-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .selector__actions .part-s-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .selector__actions .part-s-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .selector__actions .part-s-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .selector__actions .part-s-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .selector__actions .part-s-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .selector__actions .part-s-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .selector__actions .part-s-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
@media (max-width: 375px) {
  .selector__actions .part-xs-1:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 1 + 10px * (1 - 1));
  }
  .selector__actions .part-xs-1.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 1 + 0px * (1 - 1));
  }
  .selector__actions .part-xs-2:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 2 + 10px * (2 - 1));
  }
  .selector__actions .part-xs-2.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 2 + 0px * (2 - 1));
  }
  .selector__actions .part-xs-3:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 3 + 10px * (3 - 1));
  }
  .selector__actions .part-xs-3.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 3 + 0px * (3 - 1));
  }
  .selector__actions .part-xs-4:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 4 + 10px * (4 - 1));
  }
  .selector__actions .part-xs-4.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 4 + 0px * (4 - 1));
  }
  .selector__actions .part-xs-5:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 5 + 10px * (5 - 1));
  }
  .selector__actions .part-xs-5.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 5 + 0px * (5 - 1));
  }
  .selector__actions .part-xs-6:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 6 + 10px * (6 - 1));
  }
  .selector__actions .part-xs-6.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 6 + 0px * (6 - 1));
  }
  .selector__actions .part-xs-7:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 7 + 10px * (7 - 1));
  }
  .selector__actions .part-xs-7.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 7 + 0px * (7 - 1));
  }
  .selector__actions .part-xs-8:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 8 + 10px * (8 - 1));
  }
  .selector__actions .part-xs-8.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 8 + 0px * (8 - 1));
  }
  .selector__actions .part-xs-9:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 9 + 10px * (9 - 1));
  }
  .selector__actions .part-xs-9.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 9 + 0px * (9 - 1));
  }
  .selector__actions .part-xs-10:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 10 + 10px * (10 - 1));
  }
  .selector__actions .part-xs-10.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 10 + 0px * (10 - 1));
  }
  .selector__actions .part-xs-11:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 11 + 10px * (11 - 1));
  }
  .selector__actions .part-xs-11.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 11 + 0px * (11 - 1));
  }
  .selector__actions .part-xs-12:not(.no-gutter) {
    width: calc((100% - 10px * (12 - 1)) / 12 * 12 + 10px * (12 - 1));
  }
  .selector__actions .part-xs-12.no-gutter {
    width: calc((100% - 0px * (12 - 1)) / 12 * 12 + 0px * (12 - 1));
  }
}
.selector__actions .part-top-0 {
  margin-top: 0px;
}
.selector__actions .part-left-0 {
  margin-left: 0px;
}
.selector__actions .part-right-0 {
  margin-right: 0px;
}
.selector__actions .part-bottom-0 {
  margin-bottom: calc(0px + 80px);
}
.selector__actions .part-top-1 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.selector__actions .part-left-1 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.selector__actions .part-right-1 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
}
.selector__actions .part-bottom-1 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 80px);
}
.selector__actions .part-top-2 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.selector__actions .part-left-2 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.selector__actions .part-right-2 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
}
.selector__actions .part-bottom-2 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 80px);
}
.selector__actions .part-top-3 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.selector__actions .part-left-3 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.selector__actions .part-right-3 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
}
.selector__actions .part-bottom-3 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 80px);
}
.selector__actions .part-top-4 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.selector__actions .part-left-4 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.selector__actions .part-right-4 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
}
.selector__actions .part-bottom-4 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 80px);
}
.selector__actions .part-top-5 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.selector__actions .part-left-5 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.selector__actions .part-right-5 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
}
.selector__actions .part-bottom-5 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 80px);
}
.selector__actions .part-top-6 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.selector__actions .part-left-6 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.selector__actions .part-right-6 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
}
.selector__actions .part-bottom-6 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 80px);
}
.selector__actions .part-top-7 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.selector__actions .part-left-7 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.selector__actions .part-right-7 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
}
.selector__actions .part-bottom-7 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 80px);
}
.selector__actions .part-top-8 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.selector__actions .part-left-8 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.selector__actions .part-right-8 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
}
.selector__actions .part-bottom-8 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 80px);
}
.selector__actions .part-top-9 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.selector__actions .part-left-9 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.selector__actions .part-right-9 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
}
.selector__actions .part-bottom-9 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 80px);
}
.selector__actions .part-top-10 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.selector__actions .part-left-10 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.selector__actions .part-right-10 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
}
.selector__actions .part-bottom-10 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 80px);
}
.selector__actions .part-top-11 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.selector__actions .part-left-11 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.selector__actions .part-right-11 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
}
.selector__actions .part-bottom-11 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 80px);
}
.selector__actions .part-top-12 {
  margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.selector__actions .part-left-12 {
  margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.selector__actions .part-right-12 {
  margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
}
.selector__actions .part-bottom-12 {
  margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 80px);
}
@media (max-width: 1024px) {
  .selector__actions .part-top-l-0 {
    margin-top: 0px;
  }
  .selector__actions .part-left-l-0 {
    margin-left: 0px;
  }
  .selector__actions .part-right-l-0 {
    margin-right: 0px;
  }
  .selector__actions .part-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .selector__actions .part-top-l-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-left-l-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-right-l-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-bottom-l-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .selector__actions .part-top-l-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-left-l-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-right-l-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-bottom-l-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .selector__actions .part-top-l-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-left-l-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-right-l-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-bottom-l-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .selector__actions .part-top-l-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-left-l-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-right-l-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-bottom-l-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .selector__actions .part-top-l-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-left-l-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-right-l-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-bottom-l-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .selector__actions .part-top-l-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-left-l-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-right-l-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-bottom-l-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .selector__actions .part-top-l-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-left-l-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-right-l-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-bottom-l-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .selector__actions .part-top-l-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-left-l-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-right-l-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-bottom-l-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .selector__actions .part-top-l-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-left-l-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-right-l-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-bottom-l-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .selector__actions .part-top-l-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-left-l-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-right-l-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-bottom-l-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .selector__actions .part-top-l-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-left-l-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-right-l-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-bottom-l-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .selector__actions .part-top-l-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-left-l-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-right-l-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-bottom-l-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 768px) {
  .selector__actions .part-top-m-0 {
    margin-top: 0px;
  }
  .selector__actions .part-left-m-0 {
    margin-left: 0px;
  }
  .selector__actions .part-right-m-0 {
    margin-right: 0px;
  }
  .selector__actions .part-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .selector__actions .part-top-m-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-left-m-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-right-m-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-bottom-m-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 60px);
  }
  .selector__actions .part-top-m-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-left-m-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-right-m-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-bottom-m-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 60px);
  }
  .selector__actions .part-top-m-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-left-m-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-right-m-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-bottom-m-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 60px);
  }
  .selector__actions .part-top-m-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-left-m-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-right-m-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-bottom-m-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 60px);
  }
  .selector__actions .part-top-m-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-left-m-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-right-m-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-bottom-m-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 60px);
  }
  .selector__actions .part-top-m-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-left-m-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-right-m-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-bottom-m-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 60px);
  }
  .selector__actions .part-top-m-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-left-m-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-right-m-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-bottom-m-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 60px);
  }
  .selector__actions .part-top-m-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-left-m-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-right-m-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-bottom-m-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 60px);
  }
  .selector__actions .part-top-m-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-left-m-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-right-m-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-bottom-m-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 60px);
  }
  .selector__actions .part-top-m-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-left-m-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-right-m-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-bottom-m-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 60px);
  }
  .selector__actions .part-top-m-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-left-m-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-right-m-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-bottom-m-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 60px);
  }
  .selector__actions .part-top-m-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-left-m-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-right-m-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-bottom-m-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 60px);
  }
}
@media (max-width: 576px) {
  .selector__actions .part-top-s-0 {
    margin-top: 0px;
  }
  .selector__actions .part-left-s-0 {
    margin-left: 0px;
  }
  .selector__actions .part-right-s-0 {
    margin-right: 0px;
  }
  .selector__actions .part-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .selector__actions .part-top-s-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-left-s-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-right-s-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-bottom-s-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .selector__actions .part-top-s-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-left-s-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-right-s-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-bottom-s-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .selector__actions .part-top-s-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-left-s-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-right-s-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-bottom-s-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .selector__actions .part-top-s-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-left-s-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-right-s-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-bottom-s-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .selector__actions .part-top-s-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-left-s-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-right-s-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-bottom-s-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .selector__actions .part-top-s-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-left-s-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-right-s-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-bottom-s-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .selector__actions .part-top-s-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-left-s-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-right-s-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-bottom-s-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .selector__actions .part-top-s-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-left-s-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-right-s-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-bottom-s-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .selector__actions .part-top-s-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-left-s-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-right-s-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-bottom-s-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .selector__actions .part-top-s-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-left-s-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-right-s-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-bottom-s-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .selector__actions .part-top-s-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-left-s-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-right-s-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-bottom-s-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .selector__actions .part-top-s-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-left-s-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-right-s-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-bottom-s-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .selector__actions .part-top-xs-0 {
    margin-top: 0px;
  }
  .selector__actions .part-left-xs-0 {
    margin-left: 0px;
  }
  .selector__actions .part-right-xs-0 {
    margin-right: 0px;
  }
  .selector__actions .part-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .selector__actions .part-top-xs-1 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-left-xs-1 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-right-xs-1 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1));
  }
  .selector__actions .part-bottom-xs-1 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 1 + 16px * (1 - 1)) + 40px);
  }
  .selector__actions .part-top-xs-2 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-left-xs-2 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-right-xs-2 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1));
  }
  .selector__actions .part-bottom-xs-2 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 2 + 16px * (2 - 1)) + 40px);
  }
  .selector__actions .part-top-xs-3 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-left-xs-3 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-right-xs-3 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1));
  }
  .selector__actions .part-bottom-xs-3 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 3 + 16px * (3 - 1)) + 40px);
  }
  .selector__actions .part-top-xs-4 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-left-xs-4 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-right-xs-4 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1));
  }
  .selector__actions .part-bottom-xs-4 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 4 + 16px * (4 - 1)) + 40px);
  }
  .selector__actions .part-top-xs-5 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-left-xs-5 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-right-xs-5 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1));
  }
  .selector__actions .part-bottom-xs-5 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 5 + 16px * (5 - 1)) + 40px);
  }
  .selector__actions .part-top-xs-6 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-left-xs-6 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-right-xs-6 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1));
  }
  .selector__actions .part-bottom-xs-6 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 6 + 16px * (6 - 1)) + 40px);
  }
  .selector__actions .part-top-xs-7 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-left-xs-7 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-right-xs-7 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1));
  }
  .selector__actions .part-bottom-xs-7 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 7 + 16px * (7 - 1)) + 40px);
  }
  .selector__actions .part-top-xs-8 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-left-xs-8 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-right-xs-8 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1));
  }
  .selector__actions .part-bottom-xs-8 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 8 + 16px * (8 - 1)) + 40px);
  }
  .selector__actions .part-top-xs-9 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-left-xs-9 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-right-xs-9 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1));
  }
  .selector__actions .part-bottom-xs-9 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 9 + 16px * (9 - 1)) + 40px);
  }
  .selector__actions .part-top-xs-10 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-left-xs-10 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-right-xs-10 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1));
  }
  .selector__actions .part-bottom-xs-10 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 10 + 16px * (10 - 1)) + 40px);
  }
  .selector__actions .part-top-xs-11 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-left-xs-11 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-right-xs-11 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1));
  }
  .selector__actions .part-bottom-xs-11 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 11 + 16px * (11 - 1)) + 40px);
  }
  .selector__actions .part-top-xs-12 {
    margin-top: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-left-xs-12 {
    margin-left: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-right-xs-12 {
    margin-right: calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1));
  }
  .selector__actions .part-bottom-xs-12 {
    margin-bottom: calc(calc((unset - 16px * (12 - 1)) / 12 * 12 + 16px * (12 - 1)) + 40px);
  }
}
@media (max-width: 375px) {
  .selector__actions .part-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .selector__actions .part-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .selector__actions .part-m-0 {
    display: none;
  }
}
@media (max-width: 1024px) {
  .selector__actions .part-l-0 {
    display: none;
  }
}
@media (max-width: 1280px) {
  .selector__actions .part-xl-0 {
    display: none;
  }
}
.selector__actions [class*=part].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.selector__actions [class*=part].-justify-center {
  display: flex;
  justify-content: center;
}
.selector__actions [class*=part].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.selector__actions [class*=part].-align-start {
  display: flex;
  align-items: flex-start;
}
.selector__actions [class*=part].-align-center {
  display: flex;
  align-items: center;
}
.selector__actions [class*=part].-align-end {
  display: flex;
  align-items: flex-end;
}
.selector__actions [class*=part].-text-left {
  text-align: left;
}
.selector__actions [class*=part].-text-center {
  text-align: center;
}
.selector__actions [class*=part].-text-right {
  text-align: right;
}
@media (max-width: 768px) {
  .selector__actions {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.selector__action {
  padding: 10px 20px;
  border: 1px solid #EB5D27;
  transition: background-color 0.35s cubic-bezier(0.8, 0.25, 0.25, 1), color 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  background-color: white;
  cursor: pointer;
  color: #EB5D27;
  text-transform: uppercase;
}
.selector__action.-active, .selector__action:hover {
  background-color: #EB5D27;
  color: white;
}
.selector__informatie {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 90%;
}
.selector__informatie p {
  text-align: center;
  margin-top: 50px !important;
}
.selector__informatie h2 {
  font-size: 2.97vw;
}
.selector__informatie.-hidden {
  display: none;
}
.selector__block {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  transform: translateX(-50%);
  transition: top 0.35s cubic-bezier(0.8, 0.25, 0.25, 1), left 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  padding: 20px 30px 30px;
  width: 20.83vw;
  background-color: #4F1717;
}
@media (max-width: 1024px) {
  .selector__block {
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px;
  }
}
@media (max-width: 576px) {
  .selector__block {
    padding: 7px;
  }
}
.selector__block .row {
  display: flex;
  flex-direction: column;
}
.selector__block .row span {
  font-size: 1.25vw !important;
  color: #F2ECDE;
}
.selector__block .title {
  align-items: flex-end;
}
.selector__block .title h4 {
  font-size: 2.43vw !important;
}
.selector__block .title h1, .selector__block .title h2, .selector__block .title h3, .selector__block .title h4, .selector__block .title h5, .selector__block .title h6,
.selector__block .title .heading-1,
.selector__block .title .heading-2,
.selector__block .title .heading-3,
.selector__block .title .heading-4,
.selector__block .title .heading-5,
.selector__block .title .heading-6 {
  color: #F2ECDE;
}
.selector__block::before {
  content: "";
  position: absolute;
  background-color: #4F1717;
  rotate: 45deg;
  top: -3px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 20px;
  height: 20px;
}
@media (max-width: 576px) {
  .selector__block::before {
    left: 50% !important;
    width: 15px !important;
    height: 15px !important;
    top: 1px !important;
    transform: translate(-50%, 0);
  }
}
.selector__hover {
  cursor: pointer;
}
.selector__hover.-nohover:hover path {
  fill: #EB5D27;
  fill-opacity: unset !important;
  stroke: #F9BE8B !important;
}
.selector__hover.-nohover:hover path.-text {
  fill: white !important;
  stroke: none !important;
}
.selector__hover:hover path {
  fill: #4F1717 !important;
  stroke: #EB5D27;
}
.selector__hover:hover path.-text {
  fill: white !important;
  stroke: none !important;
}
.selector__points {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.selector__points path {
  transition: fill 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
}
.selector__points .selected {
  fill: #EB5D27;
  stroke: #F9BE8B;
}
.selector__points .selected__text {
  fill: white;
}
.selector__points rect,
.selector__points rect + path {
  pointer-events: none;
}
.selector__info {
  position: relative;
  min-width: 17vw;
  height: 100%;
}
.selector__info::after {
  content: "";
  position: absolute;
  top: -2vw;
  left: 45%;
  right: 65%;
  display: block;
  width: 15%;
  height: 2vw;
}
.selector__info .availability-bar {
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
  font-weight: 600;
}
.selector__info .availability-bar.-available {
  background-color: #D5DE69;
}
.selector__info .availability-bar.-in-option {
  background-color: #F9BE8B;
}
.selector__info .availability-bar.-sold {
  background-color: #f30707;
}
.selector__info table {
  margin-bottom: 0 !important;
  margin-top: 1.04vw !important;
}
@media (max-width: 1280px) {
  .selector__info table th, .selector__info table td {
    font-size: 10px !important;
  }
}
.selector__info .link {
  margin-top: 1.04vw;
}
.selector__info .houses__content {
  padding: 1.04vw;
  height: 100%;
}
.selector__info .houses__content .-available {
  color: #2CA71C;
}
.selector__info .houses__content .-in-option {
  color: #FFAB0B;
}
.selector__info .houses__content .-sold {
  color: #C60A0A;
}

.section.selector {
  margin-top: 100px !important;
}
@media (max-width: 1140px) {
  .section.selector {
    margin-top: 0px !important;
  }
}

.swiperSelector {
  position: relative;
}

.lines {
  width: 69% !important;
  left: 20% !important;
  top: 4.5% !important;
}

.details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: -30px;
}
@media (max-width: 1024px) {
  .details {
    margin-bottom: -30px;
  }
}
@media (max-width: 768px) {
  .details {
    margin-bottom: -30px;
  }
}
@media (max-width: 576px) {
  .details {
    margin-bottom: -15px;
  }
}
.details > * {
  margin-top: 0;
  margin-bottom: 30px;
  margin-right: 30px;
}
@media (max-width: 1024px) {
  .details > * {
    margin-bottom: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 768px) {
  .details > * {
    margin-bottom: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 576px) {
  .details > * {
    margin-bottom: 15px;
    margin-right: 15px;
  }
}

.--heroPages {
  position: relative;
}
.--heroPages .hero__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.--heroPages .hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.--heroPages .hero--text {
  color: white;
  text-align: center;
}

.loader {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.loader__icon {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.loader__icon div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  margin: 2px;
  border: 2px solid #000000;
  border-radius: 50%;
  animation: loader__icon 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #000000 transparent transparent transparent;
}
.loader__icon div:nth-child(1) {
  animation-delay: -0.45s;
}
.loader__icon div:nth-child(2) {
  animation-delay: -0.3s;
}
.loader__icon div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loader__icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.steps__menu {
  display: flex;
}
.steps__menu + * {
  margin-top: 40px;
}
.steps__item {
  transition: background-color 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  padding: 12px 20px;
  margin-top: 0;
  border-radius: 100px;
  background-color: transparent;
  cursor: pointer;
  color: #0064A0;
}
.steps__item.-active {
  background-color: #F2ECDE;
  color: #000000;
}
.steps__item.-error {
  color: #D00000;
}
.steps__item:hover {
  background-color: #F2ECDE;
}
.steps__item + .steps__item {
  margin-left: 10px;
}

.choices {
  position: relative;
}
.choices::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 100px;
  width: 100%;
  background: linear-gradient(to top, #F2ECDE, transparent);
  pointer-events: none;
}
.choices__container {
  overflow: scroll;
  max-height: 480px;
  padding-bottom: 50px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.choices__container::-webkit-scrollbar {
  display: none;
}
.choices__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  padding: 10px 30px 10px 10px;
}
.choices__item:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.67);
}
.choices__item .state {
  font-size: 14px;
}
.choices__item + .choices__item {
  margin-top: 5px;
}
.choices__content {
  display: flex;
  align-items: center;
}
.choices__content .-small {
  font-size: 14px;
}
.choices__image {
  width: 100px;
  height: 80px;
  margin-right: 15px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #0064A0;
}
.choices__actions {
  display: flex;
}
.choices__actions .action {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: #EB5D27;
  cursor: pointer;
}
.choices__actions .action img {
  width: 14px;
}
.choices__actions .action.-see {
  background-color: #0064A0;
}
.choices__actions .action.-see:hover {
  background-color: #EB5D27;
}
.choices__actions .action.-add span {
  position: absolute;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  display: block;
  width: 12px;
  height: 1px;
  background-color: white;
}
.choices__actions .action.-add span + span {
  transform: rotate(90deg);
}
.choices__actions .action.-add:hover {
  background-color: #16C100;
}
.choices__actions .action.-add.-active {
  background-color: #16C100;
}
.choices__actions .action.-add.-active span:first-child {
  transform: rotate(-45deg);
  left: 13px;
}
.choices__actions .action.-add.-active span:last-of-type {
  transform: rotate(45deg);
  top: 19px;
  left: 10px;
  width: 6px;
}
.choices__actions .action.-add.-max:not(.-active) {
  pointer-events: none;
  opacity: 0.2;
}
.choices__actions .action + .action {
  margin-left: 10px;
}

.favorites {
  padding: 20px;
  margin-top: 40px;
  background-color: rgba(255, 255, 255, 0.67);
}
.favorites__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.favorites__item + .favorites__item {
  margin-top: 15px;
}
.favorites__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: 10px;
  background-color: #F2ECDE;
  font-size: 14px;
  font-weight: 600;
}
.favorites__content {
  display: flex;
}
.favorites__actions {
  display: flex;
}
.favorites__actions .action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  margin-left: 10px;
  cursor: pointer;
  background-color: #F2ECDE;
}
.favorites__actions .action img {
  width: 40%;
}
.favorites__actions .action.-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.favorites + .choices {
  margin-top: 40px;
}

.fruits__appel {
  position: absolute;
}
.fruits__appel.--1 {
  width: min(320px, 22.22vw);
  left: 0;
  top: 0;
  transform: rotate(20deg) translate(-70%, -70%);
  transform-origin: left top;
  transition: 0.6s ease-in-out;
  min-width: 155px;
  z-index: 9;
}
@media (max-width: 576px) {
  .fruits__appel.--1 {
    z-index: 9;
  }
}
.fruits__appel.--2 {
  width: min(292px, 20.27vw);
  left: 0;
  top: 0;
  transform: rotate(20deg) translate(-55%, -57%);
  transform-origin: left top;
  transition: 0.6s ease-in-out;
  min-width: 174px;
}
@media (max-width: 576px) {
  .fruits__appel.--2 {
    transform: translateY(0px) !important;
  }
}
.fruits__appel.--3 {
  width: min(452px, 31.38vw);
  right: 0;
  bottom: 0;
  transform: rotate(-20deg) translate(55%, 57%);
  transform-origin: right bottom;
  transition: 0.6s ease-in-out;
  min-width: 144px;
}
@media (max-width: 576px) {
  .fruits__appel.--3 {
    transform: translateY(0px) !important;
  }
}
.fruits__braam {
  position: absolute;
}
.fruits__braam.--1 {
  width: min(365px, 22.22vw);
  left: 0;
  top: 0;
  min-width: 155px;
  z-index: 9;
}
@media (max-width: 576px) {
  .fruits__braam.--1 {
    z-index: 9;
  }
}
.fruits__kersen {
  position: absolute;
}
.fruits__kersen.--1 {
  width: min(475px, 32.98vw);
  left: 0;
  top: 0;
  transform: rotate(20deg) translate(-55%, -57%);
  transform-origin: left top;
  transition: 0.6s ease-in-out;
  min-width: 210px;
  z-index: 9;
}
.fruits__kersen.--2 {
  width: min(325px, 8.56vw);
  right: 0px;
  bottom: 0;
  z-index: 9;
  transform: rotate(-20deg) translate(55%, 57%);
  transform-origin: right bottom;
  transition: 0.6s ease-in-out;
  min-width: 144px;
}

.animate .fruits__appel.--2 {
  animation-name: toptobottom;
  animation-delay: 1s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timeline: scroll(block nearest);
}
@media (max-width: 576px) {
  .animate .fruits__appel.--2 {
    animation: none !important;
  }
}
.animate .fruits__appel.--3 {
  animation-name: bottomtotop;
  animation-delay: 2s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@media (max-width: 576px) {
  .animate .fruits__appel.--3 {
    animation: none !important;
  }
}

.-into-view .fruits__kersen.--1,
.-into-view .fruits__kersen.--2,
.-into-view .fruits__appel.--1,
.-into-view .fruits__appel.--2,
.-into-view .fruits__appel.--3 {
  transform: rotate(0) translate(0, 0) !important;
}

@keyframes toptobottom {
  0% {
    transform: translateY(-300px);
  }
  100% {
    transform: translateY(300px);
  }
}
@keyframes bottomtotop {
  0% {
    transform: translateY(400px);
  }
  100% {
    transform: translateY(0px);
  }
}
.--news-preview .swiper {
  width: 100%;
  height: 100%;
  padding-left: 7.6vw !important;
  padding-right: 7.6vw !important;
}
@media (max-width: 768px) {
  .--news-preview .swiper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.--news-preview .swiper-wrapper {
  margin-top: 3.47vw;
  margin-bottom: 6.94vw;
  height: auto !important;
}
.--news-preview .swiper-slide {
  align-items: center;
  display: flex !important;
  flex-direction: column;
}
@media (max-width: 576px) {
  .--news-preview .swiper-slide {
    margin-right: 0;
  }
}
.--news-preview .swiper-slide h4 {
  word-wrap: break-word;
  padding-left: 1.38vw;
  padding-right: 1.38vw;
  margin-top: 50px;
  color: #F2ECDE;
}
.--news-preview [class*=part] {
  overflow: hidden;
}
.--news-preview .swiper-buttons {
  display: flex;
  margin-bottom: 3.47vw;
}
@media (max-width: 576px) {
  .--news-preview .swiper-buttons {
    margin-bottom: 40px;
  }
}
.--news-preview .swiper-button-disabled {
  opacity: 0.5;
}

.--timeline {
  background-color: #B8E1F5;
  margin-bottom: -10.41vw;
}
.--timeline .container {
  padding-right: 0px;
  padding-bottom: 13.88vw;
  padding-top: 6.94vw;
}
@media (max-width: 576px) {
  .--timeline .container {
    padding-bottom: 80px;
  }
}
.--timeline .swiper_timeline {
  width: 100%;
  height: auto;
  margin-top: 6.94vw;
  overflow: visible;
}
@media (max-width: 576px) {
  .--timeline .swiper_timeline {
    margin-top: 80px;
  }
}
.--timeline .swiper_buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 37px;
  padding-right: 50px;
}
@media (max-width: 576px) {
  .--timeline .swiper_buttons {
    padding-right: 20px;
  }
}
.--timeline .swiper-slide {
  border-top: 5px solid #4F1717;
  height: auto;
  padding-top: 37px;
}
.--timeline .swiper-wrapper {
  height: auto;
}
.--timeline .swiper-slide::before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #4F1717;
  display: block;
  position: absolute;
  border-radius: 100vw;
  top: -15px;
}
.--timeline .swiper-button-disabled {
  opacity: 0.5;
}
.--timeline .swiper-pagination {
  position: relative;
  margin-bottom: 39px;
}
.--timeline .swiper-pagination-bullet {
  width: unset;
  background-color: transparent;
  opacity: 1 !important;
  font-size: 1.38vw;
  font-family: "spirits-sharp", serif;
  padding: 5px 22px;
}
@media (max-width: 768px) {
  .--timeline .swiper-pagination-bullet:nth-child(2) {
    display: none;
  }
  .--timeline .swiper-pagination-bullet:nth-child(3) {
    display: none;
  }
  .--timeline .swiper-pagination-bullet:nth-child(4) {
    display: none;
  }
  .--timeline .swiper-pagination-bullet:nth-child(5) {
    display: none;
  }
  .--timeline .swiper-pagination-bullet:nth-child(7) {
    display: none;
  }
  .--timeline .swiper-pagination-bullet:nth-child(8) {
    display: none;
  }
}
@media (max-width: 768px) and (max-width: 576px) {
  .--timeline .swiper-pagination-bullet {
    font-size: 18px;
  }
}
.--timeline .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #F2ECDE;
  border-radius: 70px;
  height: 100%;
}

.event-dot {
  width: 24px;
  height: 24px;
  background-color: #4F1717; /* bruine kleur */
  border-radius: 50%;
  display: block;
  margin: 0 auto 10px; /* center bovenaan met afstand naar content */
  position: absolute;
  top: -52px;
}

.--news-detail-preview {
  background-color: #F9BE8B;
}
.--news-detail-preview .container {
  justify-content: start;
}
.--news-detail-preview .-justify-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 576px) {
  .--news-detail-preview .-justify-between {
    flex-direction: column;
    align-items: start;
  }
}
.--news-detail-preview .-justify-between p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
}
.--news-detail-preview .-justify-between p svg {
  margin-left: 10px;
}

.swiper-buttons.--home {
  position: absolute;
  bottom: 40px;
  z-index: 9;
  right: 100px;
  flex-direction: row;
  display: flex;
  gap: 10px;
  cursor: pointer;
}
@media (max-width: 576px) {
  .swiper-buttons.--home {
    right: 37px;
    bottom: 8px;
  }
}
.swiper-buttons.--home .Homebutton__next svg {
  width: 32px !important;
  height: 32px !important;
}
@media (max-width: 576px) {
  .swiper-buttons.--home .Homebutton__next svg {
    width: 24px !important;
    height: 24px !important;
  }
}
.swiper-buttons.--home .Homebutton__next svg circle {
  fill: #F2ECDE;
}
.swiper-buttons.--home .Homebutton__prev svg {
  width: 32px !important;
  height: 32px !important;
}
@media (max-width: 576px) {
  .swiper-buttons.--home .Homebutton__prev svg {
    width: 24px !important;
    height: 24px !important;
  }
}
.swiper-buttons.--home .Homebutton__prev svg circle {
  fill: #F2ECDE;
}
.swiper-buttons.--home .swiper-button-disabled {
  opacity: 0.5;
}

.swiperTypeBottom .swiper-pagination .swiper-pagination-bullet-active {
  background-color: white;
}
.swiperTypeBottom .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.houses.-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .houses.-mobile {
    display: block;
  }
}
.houses .part-4:has(.-sold) .houses__image, .houses .part-4:has(.-sold) .houses__content {
  opacity: 0.6;
}
.houses__availability {
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: 600;
  font-size: 16px;
  font-size: clamp(16px, 1vw, 1vw);
}
.houses__availability.-available {
  background-color: #D5DE69;
}
.houses__availability.-last-one {
  background-color: #F9BE8B;
}
.houses__availability.-sold {
  background-color: #EB5D27;
}
.houses__content {
  background-color: white;
  padding: 35px 25px 50px 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 30px !important;
}
.houses__content--title {
  text-align: center;
  color: #4F1717 !important;
  margin-top: 30px;
}
@media screen and (max-width: 1600px) {
  .houses__content--title {
    margin-top: 8px;
  }
}
@media (max-width: 1024px) {
  .houses__content--title {
    font-size: 43px !important;
  }
}
@media (max-width: 1280px) {
  .houses__content--title {
    margin-top: 0px !important;
  }
}
.houses__content .button {
  font-size: clamp(11px, 1.2vw, 20px) !important;
}
.houses__content table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 25px;
}
.houses__content table th, .houses__content table td {
  padding: 8px 0px 8px 0px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
}
.houses__content table tr:hover td {
  background-color: white !important;
}
.houses__content table tr:nth-child(even) td {
  background-color: white !important;
}
.houses__content table tr th:last-child, .houses__content table tr td:last-child {
  text-align: right;
}
.houses__content table tr th {
  color: #EB5D27 !important;
  border-color: #EB5D27 !important;
  border-width: 2px !important;
}
.houses__content table tr td {
  border-color: black !important;
}

.house-header .slider__bottom {
  justify-content: end;
}
.house-header .slider__bottom .splide__arrow {
  background-color: #F2ECDE !important;
  width: 35px !important;
  height: 35px !important;
}
@media (max-width: 576px) {
  .house-header .slider__bottom .splide__arrow {
    width: 24px !important;
    height: 24px !important;
  }
}
.house-header .slider__bottom .splide__arrow--prev {
  background-image: url("/img/icons/arrow-left-brown.svg") !important;
}
.house-header .slider__bottom .splide__arrow--next {
  background-image: url("/img/icons/arrow-right-brown.svg") !important;
  margin-left: 10px !important;
}

.swiperHouses {
  overflow: hidden;
}
.swiperHouses .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #F2ECDE !important;
  opacity: 0.5 !important;
}
.swiperHouses .swiper-pagination .swiper-pagination-bullet-active {
  background-color: white !important;
  opacity: 1 !important;
}

.--housesSlider {
  top: 50% !important;
  transform: translate(0, -50%);
  width: 100%;
  justify-content: space-between;
  right: unset !important;
  bottom: unset !important;
  padding-left: 10px;
  padding-right: 10px;
}

.houses__image {
  position: relative;
}

.pricelist, .--pricelist {
  background-color: #F9BE8B;
  padding-top: 6.9vw;
  padding-bottom: 6.9vw;
}
@media (max-width: 1024px) {
  .pricelist, .--pricelist {
    padding-top: 130px;
  }
}
@media (max-width: 768px) {
  .pricelist, .--pricelist {
    padding-top: 120px;
  }
}
@media (max-width: 576px) {
  .pricelist, .--pricelist {
    padding-top: 80px;
  }
}
@media (max-width: 375px) {
  .pricelist, .--pricelist {
    padding-top: 80px;
  }
}
@media (max-width: 1024px) {
  .pricelist, .--pricelist {
    padding-bottom: 130px;
  }
}
@media (max-width: 768px) {
  .pricelist, .--pricelist {
    padding-bottom: 120px;
  }
}
@media (max-width: 576px) {
  .pricelist, .--pricelist {
    padding-bottom: 80px;
  }
}
@media (max-width: 375px) {
  .pricelist, .--pricelist {
    padding-bottom: 80px;
  }
}
.pricelist table, .--pricelist table {
  z-index: 9;
  position: relative;
}
.pricelist table tr th, .--pricelist table tr th {
  background-color: #4F1717 !important;
  color: #F2ECDE;
  font-family: "spirits-sharp", serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
}
@media (max-width: 576px) {
  .pricelist table tr th, .--pricelist table tr th {
    font-size: 14px !important;
  }
}
.pricelist table tr td, .--pricelist table tr td {
  font-size: 18px;
}
@media (max-width: 576px) {
  .pricelist table tr td, .--pricelist table tr td {
    font-size: 10px !important;
  }
}
.pricelist table tr td svg, .--pricelist table tr td svg {
  float: right;
}
.pricelist table tr, .--pricelist table tr {
  border-bottom: 1px solid #F2ECDE;
}
.pricelist table tr:last-child, .--pricelist table tr:last-child {
  border-bottom: none;
}
.pricelist table tr:hover td, .--pricelist table tr:hover td {
  background-color: white !important;
}
.pricelist table tr:nth-child(even) td, .--pricelist table tr:nth-child(even) td {
  background-color: white !important;
}
.pricelist table tr.-sold td, .--pricelist table tr.-sold td {
  background-color: white !important;
}
@media (max-width: 1280px) {
  .pricelist table .--parkeren, .--pricelist table .--parkeren {
    display: none;
  }
}
@media (max-width: 1024px) {
  .pricelist table .--slaapkamers, .--pricelist table .--slaapkamers {
    display: none;
  }
}
@media (max-width: 1280px) {
  .pricelist table .--balkon, .--pricelist table .--balkon {
    display: none;
  }
}
@media (max-width: 768px) {
  .pricelist table .--type, .--pricelist table .--type {
    display: none;
  }
}
@media (max-width: 576px) {
  .pricelist table .--oppervlakte, .--pricelist table .--oppervlakte {
    display: none;
  }
}
@media (max-width: 576px) {
  .pricelist table .--arrow, .--pricelist table .--arrow {
    display: none;
  }
}

.typeData {
  background-color: white;
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
@media (max-width: 1024px) {
  .typeData {
    margin-top: 60px !important;
  }
}
@media (max-width: 576px) {
  .typeData {
    margin-top: 40px !important;
  }
}
.typeData .container {
  padding-right: 0px !important;
}
.typeData .container [class*=part] {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .typeData .container {
    padding-left: 0px !important;
  }
}
.typeData__data {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 1024px) {
  .typeData__data {
    padding-right: 50px;
  }
}
@media (max-width: 768px) {
  .typeData__data {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.typeData__image {
  background-image: url("/img/dataImage-2.jpg");
  background-size: cover;
  background-position: center;
}
@media (max-width: 768px) {
  .typeData__image {
    height: 100vw;
  }
}
.typeData__kavel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.typeData__kavel p {
  font-size: 14px;
  margin-top: 0px !important;
  width: 50%;
}
.typeData__kavel p b {
  color: #EB5D27 !important;
}
.typeData h4 {
  color: #4F1717 !important;
}
@media (max-width: 1280px) {
  .typeData h4 {
    font-size: 43px !important;
  }
}
.typeData table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 50px !important;
}
.typeData table th, .typeData table td {
  padding: 8px 0px 8px 0px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
}
.typeData table tr:hover td {
  background-color: white !important;
}
.typeData table tr:nth-child(even) td {
  background-color: white !important;
}
.typeData table tr th:last-child, .typeData table tr td:last-child {
  text-align: right;
}
.typeData table tr th {
  color: #EB5D27 !important;
  border-color: #EB5D27 !important;
  border-width: 2px !important;
}
.typeData table tr td {
  border-color: black !important;
}

.downloads {
  margin-top: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.downloads h4 {
  margin-top: 10.41vw;
}
@media (max-width: 1280px) {
  .downloads h4 {
    font-size: 43px !important;
  }
}
.downloads h4, .downloads p {
  color: #4F1717 !important;
  text-align: center;
}
.downloads__line {
  border-top: 1px solid #4F1717;
}
.downloads .buttons {
  margin-bottom: 10.41vw;
}
.downloads .buttons a {
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid #4F1717;
  border-radius: 0px;
  font-family: "Inter";
  justify-content: space-between;
  color: #4F1717;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.downloads .buttons a:first-child {
  border-top: 1px solid #4F1717;
}
.downloads__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #4F1717;
  padding: 10px 0px;
}
.downloads__item:first-child {
  border-top: 1px solid #4F1717;
}
.downloads__item .button {
  margin-top: 0px;
  font-size: 20px;
  background-color: white !important;
  color: #4F1717 !important;
  padding-right: 20px !important;
}
.downloads__section {
  padding-top: 100px;
  margin-top: 80px !important;
}
@media (max-width: 1024px) {
  .downloads__section {
    margin-top: 60px !important;
  }
}
@media (max-width: 576px) {
  .downloads__section {
    margin-top: 40px !important;
  }
}
.downloads__section:first-child, .downloads__section.-algemeen {
  background-color: #F9BE8B;
}
.downloads__section .container [class*=part] {
  margin-bottom: 100px !important;
}
@media (max-width: 768px) {
  .downloads__section .container [class*=part] {
    margin-bottom: 50px !important;
  }
}
.downloads__section .container h4 {
  color: #4F1717 !important;
  margin-top: -20px;
}

.locations {
  visibility: visible;
  padding: 6.94vw 5.55vw;
  background-color: white;
}
@media (max-width: 576px) {
  .locations {
    padding: 30px 30px 100px;
    height: 75vh !important;
  }
  .locations:has(.singular__image) {
    height: auto !important;
  }
}
.locations__headings {
  display: flex;
  justify-content: center;
  grid-gap: 3.45vw;
  margin-bottom: 6.9vw;
}
@media (max-width: 576px) {
  .locations__headings {
    grid-gap: 0px 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.locations__heading {
  margin-top: 0 !important;
  transition: 0.35s cubic-bezier(0.8, 0.25, 0.25, 1);
  font-family: "spirits-sharp", serif;
  font-size: 2.98vw;
  font-weight: 400;
  line-height: 1.5;
  color: #0064A0;
  color: #4F1717;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .locations__heading {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .locations__heading {
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  .locations__heading {
    font-size: 23px;
  }
}
.locations__heading + * {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .locations__heading + * {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .locations__heading + * {
    margin-top: 30px;
  }
}
@media (max-width: 576px) {
  .locations__heading + * {
    margin-top: 30px;
  }
}
.locations__heading.-singular {
  cursor: unset;
}
@media (max-width: 576px) {
  .locations__heading {
    font-size: 12px !important;
  }
}
.locations__heading:hover:not(.-singular), .locations__heading.-active:not(.-singular) {
  color: #B8E1F5 !important;
}
.locations .splide__track, .locations .singular__image {
  width: 64%;
  margin: auto;
}
@media (max-width: 576px) {
  .locations .splide__track, .locations .singular__image {
    width: 100%;
    margin-top: 60px;
  }
}
.locations .splide__slide {
  margin-right: 0px !important;
}
.locations .splide__arrows {
  position: absolute;
  transform: none !important;
  top: 0;
  left: 5.2vw;
  right: 5.2vw;
}
@media (max-width: 576px) {
  .locations .splide__arrows {
    top: unset;
    bottom: 100px;
    left: 37%;
    right: 37%;
  }
}
.locations .splide__arrow {
  transform: none !important;
  top: 7.9vw;
  width: 2.5vw;
  height: 2.5vw;
  opacity: 1 !important;
  background-color: #B8E1F5;
  background-image: url("/img/icons/arrow-right-brown.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40%;
}
@media (max-width: 576px) {
  .locations .splide__arrow {
    width: 24px;
    height: 24px;
  }
}
.locations .splide__arrow svg {
  display: none !important;
}
.locations .splide__arrow.splide__arrow--prev {
  background-image: url("/img/icons/arrow-left-brown.svg");
}
.popup {
  background-color: #4F1717;
  width: -moz-fit-content;
  width: fit-content;
  position: fixed;
  bottom: 20px;
  right: 40px;
  display: flex;
  justify-content: center;
  padding-top: 53px;
  padding-bottom: 40px;
  padding-left: 75px;
  padding-right: 75px;
  z-index: 999;
}
@media (max-width: 768px) {
  .popup {
    left: 40px;
    width: unset;
    padding-top: 27px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 45px;
  }
}
.popup__content {
  max-width: 500px;
}
.popup__title {
  color: #F2ECDE;
  text-align: center;
  font-size: 38px;
}
.popup__description {
  color: #F2ECDE;
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
}
.popup__text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup .button {
  font-size: 20px;
}
.popup__close {
  cursor: pointer;
}
.popup__close svg {
  position: absolute;
  right: 20px;
  top: 20px;
}

.prices {
  padding-top: 10px;
  padding-bottom: 10px;
}
.prices.-border {
  border-left: 1px solid #4F1717;
  border-right: 1px solid #4F1717;
}
@media (max-width: 1024px) {
  .prices.-border {
    border-left: 0;
    border-right: 0;
  }
}
.prices__policy p {
  text-align: center;
  font-size: 0.72vw;
}
@media (max-width: 1024px) {
  .prices__policy p {
    font-size: 14px;
  }
}
.prices__item h2, .prices__item p {
  text-align: center;
}
.prices__item p {
  margin-top: 0px !important;
}
.prices__dataOverview {
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .prices__dataOverview {
    flex-direction: column;
    align-items: anchor-center;
  }
}
.prices__data {
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #4F1717;
}
.prices__data:last-child {
  border-right: 0;
}
@media (max-width: 1024px) {
  .prices__data {
    border-right: 0;
  }
}

.-mobile-b {
  display: none;
}
@media (max-width: 1024px) {
  .-mobile-b {
    display: block;
  }
}

.woningselector-fase-a .part-3.no-gutter {
  overflow: hidden;
}
.woningselector-fase-a .selector__wrapper:hover path:not(.-text) {
  fill: #4F1717 !important;
}
.woningselector-fase-a .selector__wrapper:hover path.-text {
  fill: #fff;
}
.woningselector-fase-a .selector__hover path.selected {
  fill: #4F1717;
  stroke: #4F1717;
}
.woningselector-fase-a .selector__hover path.-available:not(.-text, .selected) {
  fill: #D5DE69;
  stroke: #4F1717;
}
.woningselector-fase-a .selector__hover path.-in-option:not(.-text, .selected) {
  fill: #F9BE8B;
  stroke: #4F1717;
}
.woningselector-fase-a .selector__hover path.-sold:not(.-text, .selected) {
  fill: #f30707;
  stroke: #4F1717;
}

@media (max-width: 768px) {
  .woningselector-fase-b {
    margin-top: 60px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .woningselector-fase-b .part-3 {
    display: none;
  }
}
@media (max-width: 768px) {
  .woningselector-fase-b svg.selector__points.-south {
    transform: scale(0.92) translate(-2.8vw, -0.5vw) !important;
  }
}
@media (max-width: 768px) {
  .woningselector-fase-b svg.selector__points.-north {
    transform: scale(0.8) translate(7vw, -3.8vw) !important;
  }
}
@media (max-width: 1024px) {
  .woningselector-fase-b .selector__info .houses__content .wrapper {
    overflow-y: auto;
  }
}
.woningselector-fase-b .selector__info .houses__content.-social p {
  margin-top: 20px;
  font-size: 14px;
}
.woningselector-fase-b .mobile__selector {
  display: none;
  min-height: 255px;
  width: 100%;
  background-color: #fff;
}
@media (max-width: 768px) {
  .woningselector-fase-b .mobile__selector {
    display: block;
  }
}
.woningselector-fase-b .mobile__selector .selector__informatie {
  padding-top: 70px;
}
.woningselector-fase-b .mobile__selector .selector__informatie h2 {
  font-size: 35px;
}
.woningselector-fase-b .mobile__selector .selector__informatie p {
  margin-top: 25px !important;
}
.woningselector-fase-b .mobile__selector .houses__content .houses__content--title {
  font-size: 35px !important;
}
.woningselector-fase-b .mobile__selector .houses__content .wrapper {
  display: flex;
  flex-direction: column;
  width: 90%;
}
.woningselector-fase-b .mobile__selector .button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  font-size: 18px !important;
}
.woningselector-fase-b.-hide-on-l {
  display: block !important;
}
@media (max-width: 768px) {
  .woningselector-fase-b .container {
    padding-left: 0;
    padding-right: 0;
  }
  .woningselector-fase-b .container .part-10 {
    width: 100% !important;
  }
}
.woningselector-fase-b .selector-navigation {
  position: absolute;
  right: 10%;
  top: 5%;
  z-index: 1;
  display: flex;
}
@media (max-width: 768px) {
  .woningselector-fase-b .selector-navigation {
    left: 2%;
    top: 4%;
  }
}
.woningselector-fase-b .selector-navigation .south {
  background-color: #F2ECDE;
  color: #4F1717;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  padding: 11px 24px 11px 30px;
  font-size: 18px;
  font-family: "spirits-sharp", serif;
  cursor: pointer;
}
@media (max-width: 768px) {
  .woningselector-fase-b .selector-navigation .south {
    font-size: 11px;
    padding: 8px 11px 8px 15px;
  }
}
.woningselector-fase-b .selector-navigation .south.selected {
  background-color: #4F1717;
  color: #F2ECDE;
}
.woningselector-fase-b .selector-navigation .north {
  background-color: #F2ECDE;
  color: #4F1717;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  padding: 11px 30px 11px 24px;
  font-size: 18px;
  font-family: "spirits-sharp", serif;
  cursor: pointer;
}
@media (max-width: 768px) {
  .woningselector-fase-b .selector-navigation .north {
    font-size: 11px;
    padding: 8px 15px 8px 11px;
  }
}
.woningselector-fase-b .selector-navigation .north.selected {
  background-color: #4F1717;
  color: #F2ECDE;
}
.woningselector-fase-b path {
  fill: rgba(184, 225, 245, 0.3137254902);
}
.woningselector-fase-b .selected {
  fill: none;
  stroke: #fff;
}
.woningselector-fase-b .selector__hover:hover path {
  fill: transparent !important;
  stroke: #fff;
}