/* ibizz 2025 restyle/improvements */

html {
  --themecolor: #919B95;
  --border: #D9DFE2;
  --xlgrey: #F5F6F7;
  --lgrey: #7F7F7F;

  --orange: #f08446;
  --red: #cc1341;
  --green: #7b9573;

  a.more {
    font-size:15px !important; font-weight:700;
    background:black; color:white !important;
    padding:10px 35px 12px 35px; border-radius:100px;
    transition:0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  a.more:hover {
    background:var(--themecolor); color:white !important;
  }
}

span.spacer {
  display:block;
  padding-bottom:140px;
}

p { font-size:16px !important; }
p#breadcrumbs {
  margin-top:5px;
}

div.eigenlijn {
  position:relative;
  span.tooltip {
    display:none;
    color:#7F7F7F !important;
    position: absolute;
    width: 320px;
    font-size: 14px;
    right: 0;
    top: -100px;
    background: white;
    padding: 10px;
    border: 1px solid black;

    a { font-size:14px !important; text-decoration:underline !important; }
  }
  span.tooltip.active { display:block; }
}

@media all and (min-width:1024px) {
  .ibizz-flex > div { justify-content:space-between; }
}

span.custom-label, span.onsale {
  font-family: "Neue Montreal", sans-serif; font-weight:400 !important;
  line-height:2 !important;
  font-size:12px !important; text-transform:uppercase;
  padding:2px 15px 1px 15px !important; letter-spacing: 1px;
  position:absolute; left:10px !important; top:10px !important;
  color:white !important; z-index:9;
  border-radius:5px !important; min-height:0 !important; min-width:0 !important;
  margin:0 !important;
}
span.custom-label.orange { background-color:var(--orange); }
span.custom-label.red { background-color:var(--red); }
span.custom-label.green { background-color:var(--green); }

span.onsale {
  background:var(--green) !important;
  right:10px !important; left:auto !important;
}

._form {
  max-width:760px !important; padding:0 !important;
}

@media all and (min-width:1200px) {
  .custom-menu-container, .hoofdmenu .elementor-nav-menu__container {
    > ul {
      list-style:none; padding:0; margin:0;
      display:flex; gap:40px; justify-content:center;

      li a {
        font-size:14px; font-weight:500; color:black;
      }

      li ul { display:none !important; }
      li { position:relative; }
      li.menu-item-has-children::after {
        content:""; margin-left:5px;
        background:url('/wp-content/themes/bottlex/assets/img/arrow-left.svg') no-repeat;
        background-size:contain; filter:grayscale(1) brightness(0);
        transform:rotate(-90deg); display:inline-flex;
        width:3.5px; height:7px; border:0 !important;
      }
    }
  }

  .hoofdmenu .elementor-nav-menu__container {
    > ul {
      li.menu-item-has-children::after {
        content:""; margin-left:10px !important;
      }
    }
  }

  .ibizz-submenu {
    display: flex; /* Always present but hidden */
    position: fixed;
    top: 130px;
    left: 0;
    padding-left: 60px;
    padding-right: 60px;
    width: 100%;
    z-index: 99;

    /* Smooth fade effect */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;

    > .left { width:55%; }
    > .right {
      width:45%;
      align-self:stretch;

      .inner {
        background:var(--xlgrey);
        display:flex; height:100%;

        nav {
          margin:0; padding:0; border:0; margin-top:0px;
          flex-direction:column; gap:0; justify-content:flex-start; align-items:flex-start;

          .h6 {
            font-size:12px; color:black
          }
          a {
            font-size:14px; color:var(--lgrey);
          }
          a:hover { color:black; }
        }
        > div { display:flex; margin-top:73px; flex-wrap:wrap; }
        nav { margin-left:30px; margin-right:20px; }
        nav:last-child { margin-right:0; }
      }


      img, video {
        width:200px; height:295px;
        min-width:200px; min-height:295px;
        object-fit:cover;
      }
    }
  }

  .ibizz-submenu.active {
    opacity: 1;
    visibility: visible;
  }

  .ibizz-submenu .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 122px;
    background: rgba(0, 0, 0, 0.15);
    pointer-events:none !important;
    z-index: -1;

    /* Fade effect for overlay */
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .ibizz-submenu.active .overlay {
    opacity: 1;
  }

  .ibizz-submenu .inner {
    position: relative;
    max-width: 1760px;
    background: white;
    margin-left: auto;
    margin-right: auto;
    padding:40px 30px;
    z-index: 5;

    /* Subtle fade-up effect */
    transform: translateY(-10px);
    transition: transform 0.3s ease;

    .h5 {
      font-size:26px; color:black; font-weight:500;
      margin-bottom:30px;
    }

    nav {
      margin-top:30px; padding-top:30px;
      border-top:1px solid var(--border);
      display:flex; justify-content:space-between; align-items:center;
      font-size:14px; font-weight:500; color:black;
      a { margin-top:0; }
    }
  }

  .ibizz-submenu.active .inner {
    transform: translateY(0);
  }

  .ibizz-submenu .inner ul {
    list-style:none; margin:0; padding:0;
    display:flex; gap:20px; flex-wrap:nowrap;

    li a {
      font-size:16px; font-weight:500; color:black;
    }
    li:hover a { color:var(--themecolor); }

  }

  .ibizz-submenu .inner ul li a { display:flex; flex-direction:column; }
  .ibizz-submenu .inner ul li img,
  .ibizz-submenu .inner ul li video { width:200px; height:289px; object-fit:cover; margin-bottom:10px; }
}

.payment_box.payment_method_mollie_wc_gateway_ideal { display:none !important; }

@media all and (min-width:768px) {
  .wpml-ls-flag { display:none !important; }
}

@media all and (min-width:1400px) {
  .infoline.odd {
    background:url('/wp-content/themes/bottlex/assets/img/infoline-odd.svg') no-repeat;
    margin: 0 auto;
    background-position: center;
    background-size: contain;
  }

  .infoline.even {
    background:url('/wp-content/themes/bottlex/assets/img/infoline-even.svg') no-repeat;
    margin: 0 auto; margin-left:2px;
    background-position: center;
    background-size: contain;
  }

  .info-right {
    position:relative;
    > div::before {
      content:"";
      position:absolute; top:40%; left:-21.5%;
      width:50%; height:1px;
      background:#919B95;
    }
    > div::after {
      content:"";
      position:absolute; top:calc(40% - 6px); left:-22.2%;
      width:12px; height:12px;
      background:#919B95; border-radius:100%;
    }
  }
  .info-right::before {
    content:"";
    position:absolute; top:calc(40% - 30px); left:-26.8%;
    width:59px; height:59px;
    background:#000; border-radius:100%;
    opacity:0.06;
  }

  .info-left {
    position:relative;
    > div::before {
      content:"";
      position:absolute; top:40%; right:-21.5%;
      width:160px; height:1px;
      background:#919B95;
    }
    > div::after {
      content:"";
      position:absolute; top:calc(40% - 6px); right:-22.2%;
      width:12px; height:12px;
      background:#919B95; border-radius:100%;
    }
  }
  .info-left::before {
    content:"";
    position:absolute; top:calc(40% - 30px); right:-26.8%;
    width:59px; height:59px;
    background:#000; border-radius:100%;
    opacity:0.06;
  }

  section.nomargin { margin-top:0 !important; }
  section.timeline {
    max-width:1400px !important; margin:0 auto;
  }

  section.timeline.first {
    position:relative;
    .infoline::before {
      content:""; position:absolute; top:-12px; left:calc(50% + 7px); right:0;
      width:25px; height:25px; background:#919B95; border-radius:100%;
    }
  }

  section.timeline.last {
    margin-bottom:140px !important;
    .infoline::before {
      content:""; position:absolute; right:0; bottom:0;
      width:100%; height:60%;
      background:white;
    }
  }
}

.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button {
  padding:0 !important;
  border:0 !important;
}
.elementor-location-header .elementor-widget:not(:last-child) { margin-block-end:0 !important; }

.header__right .elementor-widget-wrap { align-items:center; }
.header__right .elementor-widget-wrap > .elementor-widget-button { width:auto !important; }
.header__right .elementor-widget-wrap > .elementor-widget-button .elementor-button {
  background:transparent !important;
}
.header__right .elementor-widget-wrap > .elementor-widget-button .elementor-button:hover {
  background:black !important;
}

.elementor-element .productline .elementor-widget-heading {
  margin-bottom:10px !important;
}

.productline .elementor-widget:nth-child(2) {
  margin-bottom:30px !important;
}

.elementor-kit-108206 .elementor-button:focus { color:inherit !important; border-color: inherit !important;}

.elementor-element-5456995 a { display:block !important; }
.elementor-element-2606604 { min-height:65px !important; }

.elementor-113461 .elementor-element.elementor-element-57a1fb4 .elementor-heading-title {
  line-height:normal !important;
}

.elementor-widget-video { min-height:290x !important; }
.elementor-element-9720737 .elementor-widget-container p { font-size:17px !important; }

.single-post {
  .elementor hr { margin:40px 0 !important; }
}

@font-face {
  font-family: "Neue Montreal";
  src: url("https://bottle-x.com/wp-content/themes/bottlex/assets/fonts/PPNeueMontreal-Regular.ttf");
}
@font-face {
  font-family: "Neue Montreal Medium";
  src: url("https://bottle-x.com/wp-content/themes/bottlex/assets/fonts/NeueMontreal-Medium.otf");
}
h1, .heading-1 {
  font-family: "Neue Montreal", sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.05;
  color: #000;
}
@media (max-width: 922px) {
  h1, .heading-1 {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  h1, .heading-1 {
    font-size: 32px;
  }
}
@media (max-width: 576px) {
  h1, .heading-1 {
    font-size: 28px;
  }
}
h1 + *, .heading-1 + * {
  margin-top: 20px;
}
@media (max-width: 922px) {
  h1 + *, .heading-1 + * {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  h1 + *, .heading-1 + * {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  h1 + *, .heading-1 + * {
    margin-top: 20px;
  }
}

h2, .heading-2 {
  font-family: "Neue Montreal", sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.05;
  color: #000;
}
@media (max-width: 922px) {
  h2, .heading-2 {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  h2, .heading-2 {
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  h2, .heading-2 {
    font-size: 24px;
  }
}
h2 + *, .heading-2 + * {
  margin-top: 20px;
}
@media (max-width: 922px) {
  h2 + *, .heading-2 + * {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  h2 + *, .heading-2 + * {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  h2 + *, .heading-2 + * {
    margin-top: 20px;
  }
}

h3, .heading-3 {
  font-family: "Neue Montreal", sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.22;
  color: #000;
}
@media (max-width: 922px) {
  h3, .heading-3 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  h3, .heading-3 {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  h3, .heading-3 {
    font-size: 20px;
  }
}
h3 + *, .heading-3 + * {
  margin-top: 20px;
}
@media (max-width: 922px) {
  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: "Neue Montreal", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  color: #000;
}
@media (max-width: 922px) {
  h4, .heading-4 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  h4, .heading-4 {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  h4, .heading-4 {
    font-size: 24px;
  }
}
h4 + *, .heading-4 + * {
  margin-top: 20px;
}
@media (max-width: 922px) {
  h4 + *, .heading-4 + * {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  h4 + *, .heading-4 + * {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  h4 + *, .heading-4 + * {
    margin-top: 20px;
  }
}

h5, .heading-5 {
  font-family: "Neue Montreal", sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.32;
  color: #000;
}
@media (max-width: 922px) {
  h5, .heading-5 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  h5, .heading-5 {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  h5, .heading-5 {
    font-size: 22px;
  }
}
h5 + *, .heading-5 + * {
  margin-top: 20px;
}
@media (max-width: 922px) {
  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: "Neue Montreal Medium", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.25;
  color: #000;
}
@media (max-width: 922px) {
  h6, .heading-6 {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  h6, .heading-6 {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  h6, .heading-6 {
    font-size: 20px;
  }
}
h6 + *, .heading-6 + * {
  margin-top: 15px;
}
@media (max-width: 922px) {
  h6 + *, .heading-6 + * {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  h6 + *, .heading-6 + * {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  h6 + *, .heading-6 + * {
    margin-top: 20px;
  }
}

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

p {
  font-family: "Neue Montreal", sans-serif;
  line-height: 1.66;
  font-size: 15px;
  font-weight: 500;
}
@media (max-width: 922px) {
  p {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  p {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  p {
    font-size: 16px;
  }
}
p + * {
  margin-top: 60px;
}
@media (max-width: 922px) {
  p + * {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  p + * {
    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  p + * {
    margin-top: 15px;
  }
}
@media (min-width: 922px) and (max-width: 1480px) {
  p {
    font-size: 18px;
  }
}
p + p {
  margin-top: 30px;
}
p + .clear {
  margin-top: 20px;
}
p + ul, p + ol, p + table {
  margin-top: 20px;
}
p.-less-space + * {
  margin-top: 5px;
}



.woocommerce-product-details__short-description {
  font-family: "Neue Montreal", sans-serif;
  line-height: 1.66;
  font-size: 20px;
  font-weight: 400;
  color: #7F7F7F;
  color: #000;
}
@media (max-width: 922px) {
  .woocommerce-product-details__short-description {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .woocommerce-product-details__short-description {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .woocommerce-product-details__short-description {
    font-size: 16px;
  }
}
.woocommerce-product-details__short-description + * {
  margin-top: 60px;
}
@media (max-width: 922px) {
  .woocommerce-product-details__short-description + * {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .woocommerce-product-details__short-description + * {
    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  .woocommerce-product-details__short-description + * {
    margin-top: 15px;
  }
}
.woocommerce-product-details__short-description ul {
  padding-left: 15px;
}
.woocommerce-product-details__short-description ul li {
  position: relative;
  list-style: none;
}
.woocommerce-product-details__short-description ul li::before {
  content: "-";
  position: absolute;
  left: -15px;
}
.woocommerce-product-details__short-description ol {
  padding-left: 25px;
}

.elementor-widget-text-editor ul {
  padding-left: 15px;
}
.elementor-widget-text-editor ul li {
  position: relative;
  list-style: none;
}
.elementor-widget-text-editor ul li::before {
  content: "-";
  position: absolute;
  left: -15px;
}
.elementor-widget-text-editor ul li {
  padding-left: 40px;
  font-family: "Neue Montreal", sans-serif;
  line-height: 1;
  font-size: 15px;
  font-weight: 400;
}
@media (max-width: 922px) {
  .elementor-widget-text-editor ul li {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .elementor-widget-text-editor ul li {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .elementor-widget-text-editor ul li {
    font-size: 16px;
  }
}
.elementor-widget-text-editor ul li + * {
  margin-top: 60px;
}
@media (max-width: 922px) {
  .elementor-widget-text-editor ul li + * {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .elementor-widget-text-editor ul li + * {
    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  .elementor-widget-text-editor ul li + * {
    margin-top: 15px;
  }
}
@media (min-width: 922px) and (max-width: 1480px) {
  .elementor-widget-text-editor ul li {
    font-size: 18px;
    padding-left: 30px;
  }
}
.elementor-widget-text-editor ul li::before {
  content: "";
  top: 2px;
  width: 25px;
  height: 28px;
  background-image: url("/wp-content/uploads/2024/02/arrow-right.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 922px) and (max-width: 1480px) {
  .elementor-widget-text-editor ul li::before {
    left: -20px;
    width: 22px;
    top: 1px;
  }
}
.elementor-widget-text-editor ul li + li {
  margin-top: 10px;
}
@media (min-width: 922px) and (max-width: 1480px) {
  .elementor-widget-text-editor ul li + li {
    margin-top: 5px;
  }
}

@media all and (min-width:1200px) {
  .elementor-container:not(.elementor-location-footer .elementor-container):not(.elementor-location-header .elementor-container) ul,
  .elementor-container:not(.elementor-location-footer .elementor-container):not(.elementor-location-header .elementor-container) ol {
    padding-left: 25px;
  }
}
.elementor-icon-list-items { padding-left:0 !important; }

.quote {
  display: flex;
  font-family: "Times";
  line-height: 1.2;
  font-size: 46px;
  font-weight: 400;
  color: #000;
}
.quote + * {
  margin-top: 20px;
}
@media (max-width: 922px) {
  .quote {
    font-size: 42px;
  }
}
@media (max-width: 768px) {
  .quote {
    font-size: 38px;
  }
}
@media (max-width: 576px) {
  .quote {
    font-size: 34px;
  }
}

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: #D9DFE2;
}
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: #A87352;
}
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: #8E9FAC;
}
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: #000;
}
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: #D9DFE2;
}
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: #A87352;
}
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: #8E9FAC;
}
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: #000;
}
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;
}

.check-list li::before {
  background-image: url("/wp-content/uploads/2024/02/check.svg") !important;
}

.elementor-icon-list--layout-traditional a span {
  font-size: 14px;
  color: #7F7F7F !important;
}
.elementor-icon-list--layout-traditional a span:hover {
  color: #000 !important;
}

#wfacp-e-form .wfacp_main_form.woocommerce .wfacp_section_title {
  font-family: "Neue Montreal", sans-serif !important;
  margin-bottom: 20px !important;
}

.text-columns {
  column-count: 2;
  column-gap: 60px;
}

.ywdpd-table-discounts-label {
  font-size: 22px !important;
  color: #000 !important;
}
.ywdpd-table-discounts-label strong {
  font-weight:500 !important;
}

@media screen and (max-width: 768px) {
  #ywdpd-quantity-table {
    width: 100%;
    border-collapse: collapse;
  }

  #ywdpd-quantity-table .quantity_row th {
    display: none; /* Hide the "Aantal" heading */
  }

  #ywdpd-quantity-table.horizontal tr.quantity_row > td { border-bottom: 1px solid #ddd !important; }

  #ywdpd-quantity-table .qty-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
  }

  #ywdpd-quantity-table .mobile-price {
    font-weight: normal;
    color: #555;
  }
}

.related.products ul li .eigenlijn { display:none !important; }


@keyframes backgroundPosition {
  0%, 99% {
    background-position: 0 100%;
  }
  100% {
    background-position: 100% 100%;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

#app {
  padding-top: 70px;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: "Neue Montreal", sans-serif;
  line-height: 1.66;
  font-size: 20px;
  font-weight: 400;
  color: #7F7F7F;
}
@media (max-width: 922px) {
  body {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  body {
    font-size: 16px;
  }
}
body + * {
  margin-top: 60px;
}
@media (max-width: 922px) {
  body + * {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  body + * {
    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  body + * {
    margin-top: 15px;
  }
}
body:not(.elementor-page) .post {
  padding-top: 80px;
  max-width:1760px;
  margin-left: auto;
  margin-right: auto;
}
body main {
  flex: 1 0 auto;
  padding-top: 70px;
}
body footer {
  flex-shrink: 0;
}

.header__right {
  min-width: 150px !important;
}

.elementor-location-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 0;
}
.elementor-location-header .elementor-element-populated:not(.elementor-element-populated .elementor-element-populated) {
  padding-left: 0 !important;
}
.elementor-location-header .size-full {
  width: 95px !important;
}
.elementor-location-header .elementor-container {
  flex-wrap: nowrap !important;
}
.elementor-location-header .elementor-item {
  font-family: "Neue Montreal Medium", sans-serif !important;
  font-size: 14px !important;
  color: #000 !important;
}
.elementor-location-header .menu-item {
  height: 30px;
}
.elementor-location-header .menu-item:hover a {
  color: #D9DFE2;
}
.elementor-location-header .menu-item .elementor-item {
  margin-left: 40px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.elementor-location-header .menu-item .elementor-item-active,
.elementor-location-header .menu-item .elementor-item:hover {
  border-bottom: 1px solid #000;
}
.elementor-location-header .elementor-menu-toggle {
  width: 40px;
  height: 40px;
  background-color: #D9DFE2;
  border-radius: 100%;
  margin-right: 0 !important;
}
.elementor-location-header .elementor-menu-toggle::before {
  color: #A87352;
}
.elementor-location-header .elementor-nav-menu--dropdown {
  position: absolute;
  top: 100%;
  right: -40px;
  padding-bottom: 30px;
  width: 100%;
  padding-right: 20px;
}
.elementor-location-header .elementor-nav-menu--dropdown .elementor-item {
  display: block;
  text-align: right;
}
.elementor-location-header .elementor-nav-menu--dropdown .elementor-item:hover {
  background-color: transparent !important;
  color: #A87352 !important;
}

.elementor-location-header .elementor-button-text { font-weight:500 !important; }

.elementor-location-footer {
  border-top: 1px solid #D9DFE2;

  div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    padding:13px 20px !important; border-radius:50px !important;
  }
  .wpforms-form {
    display:flex; align-items:center; gap:10px;

    .wpforms-submit-container { padding:0 !important; margin-top:30px; }
  }
}
.elementor-location-footer .menu-item {
  padding: 0;
}
.elementor-location-footer p {
  font-size: 14px;
}
.elementor-location-footer .elementor-section:last-child p {
  color: #7F7F7F !important;
  font-weight: 500;
  margin: 0 !important;
}
@media (max-width: 922px) {
  .elementor-location-footer .elementor-nav-menu a {
    padding: 10px 0 0 !important;
  }
  .elementor-location-footer .elementor-widget:not(:last-child) {
    margin-bottom: 0;
  }
}

.section .container {
  margin-bottom: -60px;
  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: 60px;
  padding-left: 60px;
  max-width: 1800px;
}
@media (max-width: 922px) {
  .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*=col] {
  margin-bottom: 60px;
}
@media (max-width: 922px) {
  .section .container [class*=col] {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .section .container [class*=col] {
    margin-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .section .container [class*=col] {
    margin-bottom: 40px;
  }
}
@media (max-width: 375px) {
  .section .container [class*=col] {
    margin-bottom: 40px;
  }
}
.section .container .col-1:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .col-1.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
}
.section .container .col-2:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .col-2.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
}
.section .container .col-3:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .col-3.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
}
.section .container .col-4:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .col-4.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
}
.section .container .col-5:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .col-5.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
}
.section .container .col-6:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .col-6.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
}
.section .container .col-7:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .col-7.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
}
.section .container .col-8:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .col-8.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
}
.section .container .col-9:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .col-9.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
}
.section .container .col-10:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .col-10.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
}
.section .container .col-11:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .col-11.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
}
.section .container .col-12:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .col-12.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
}
@media (max-width: 1200px) {
  .section .container .col-xl-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-xl-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section .container .col-xl-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-xl-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section .container .col-xl-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-xl-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section .container .col-xl-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-xl-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section .container .col-xl-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-xl-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section .container .col-xl-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-xl-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section .container .col-xl-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-xl-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section .container .col-xl-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-xl-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section .container .col-xl-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-xl-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section .container .col-xl-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-xl-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section .container .col-xl-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-xl-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section .container .col-xl-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-xl-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 922px) {
  .section .container .col-l-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-l-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section .container .col-l-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-l-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section .container .col-l-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-l-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section .container .col-l-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-l-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section .container .col-l-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-l-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section .container .col-l-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-l-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section .container .col-l-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-l-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section .container .col-l-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-l-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section .container .col-l-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-l-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section .container .col-l-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-l-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section .container .col-l-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-l-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section .container .col-l-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-l-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 768px) {
  .section .container .col-m-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-m-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section .container .col-m-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-m-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section .container .col-m-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-m-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section .container .col-m-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-m-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section .container .col-m-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-m-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section .container .col-m-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-m-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section .container .col-m-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-m-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section .container .col-m-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-m-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section .container .col-m-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-m-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section .container .col-m-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-m-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section .container .col-m-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-m-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section .container .col-m-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-m-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 576px) {
  .section .container .col-s-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .section .container .col-s-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .section .container .col-s-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .section .container .col-s-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .section .container .col-s-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .section .container .col-s-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .section .container .col-s-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .section .container .col-s-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
@media (max-width: 375px) {
  .section .container .col-xs-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .section .container .col-xs-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .section .container .col-xs-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .section .container .col-xs-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .section .container .col-xs-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .section .container .col-xs-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .section .container .col-xs-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .section .container .col-xs-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
.section .container .col-top-0 {
  margin-top: 0px;
}
.section .container .col-left-0 {
  margin-left: 0px;
}
.section .container .col-right-0 {
  margin-right: 0px;
}
.section .container .col-bottom-0 {
  margin-bottom: calc(0px + 60px);
}
.section .container .col-top-1 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .col-left-1 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .col-right-1 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .col-bottom-1 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
}
.section .container .col-top-2 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .col-left-2 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .col-right-2 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .col-bottom-2 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
}
.section .container .col-top-3 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .col-left-3 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .col-right-3 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .col-bottom-3 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
}
.section .container .col-top-4 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .col-left-4 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .col-right-4 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .col-bottom-4 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
}
.section .container .col-top-5 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .col-left-5 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .col-right-5 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .col-bottom-5 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
}
.section .container .col-top-6 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .col-left-6 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .col-right-6 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .col-bottom-6 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
}
.section .container .col-top-7 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .col-left-7 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .col-right-7 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .col-bottom-7 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
}
.section .container .col-top-8 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .col-left-8 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .col-right-8 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .col-bottom-8 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
}
.section .container .col-top-9 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .col-left-9 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .col-right-9 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .col-bottom-9 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
}
.section .container .col-top-10 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .col-left-10 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .col-right-10 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .col-bottom-10 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
}
.section .container .col-top-11 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .col-left-11 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .col-right-11 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .col-bottom-11 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
}
.section .container .col-top-12 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .col-left-12 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .col-right-12 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .col-bottom-12 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
}
@media (max-width: 922px) {
  .section .container .col-top-l-0 {
    margin-top: 0px;
  }
  .section .container .col-left-l-0 {
    margin-left: 0px;
  }
  .section .container .col-right-l-0 {
    margin-right: 0px;
  }
  .section .container .col-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .col-top-l-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-left-l-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-right-l-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-bottom-l-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .section .container .col-top-l-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-left-l-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-right-l-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-bottom-l-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .section .container .col-top-l-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-left-l-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-right-l-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-bottom-l-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .section .container .col-top-l-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-left-l-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-right-l-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-bottom-l-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .section .container .col-top-l-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-left-l-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-right-l-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-bottom-l-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .section .container .col-top-l-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-left-l-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-right-l-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-bottom-l-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .section .container .col-top-l-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-left-l-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-right-l-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-bottom-l-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .section .container .col-top-l-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-left-l-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-right-l-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-bottom-l-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .section .container .col-top-l-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-left-l-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-right-l-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-bottom-l-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .section .container .col-top-l-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-left-l-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-right-l-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-bottom-l-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .section .container .col-top-l-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-left-l-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-right-l-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-bottom-l-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .section .container .col-top-l-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-left-l-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-right-l-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-bottom-l-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 768px) {
  .section .container .col-top-m-0 {
    margin-top: 0px;
  }
  .section .container .col-left-m-0 {
    margin-left: 0px;
  }
  .section .container .col-right-m-0 {
    margin-right: 0px;
  }
  .section .container .col-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .col-top-m-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-left-m-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-right-m-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-bottom-m-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .section .container .col-top-m-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-left-m-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-right-m-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-bottom-m-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .section .container .col-top-m-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-left-m-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-right-m-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-bottom-m-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .section .container .col-top-m-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-left-m-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-right-m-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-bottom-m-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .section .container .col-top-m-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-left-m-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-right-m-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-bottom-m-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .section .container .col-top-m-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-left-m-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-right-m-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-bottom-m-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .section .container .col-top-m-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-left-m-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-right-m-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-bottom-m-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .section .container .col-top-m-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-left-m-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-right-m-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-bottom-m-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .section .container .col-top-m-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-left-m-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-right-m-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-bottom-m-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .section .container .col-top-m-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-left-m-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-right-m-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-bottom-m-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .section .container .col-top-m-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-left-m-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-right-m-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-bottom-m-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .section .container .col-top-m-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-left-m-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-right-m-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-bottom-m-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 576px) {
  .section .container .col-top-s-0 {
    margin-top: 0px;
  }
  .section .container .col-left-s-0 {
    margin-left: 0px;
  }
  .section .container .col-right-s-0 {
    margin-right: 0px;
  }
  .section .container .col-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .col-top-s-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-left-s-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-right-s-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-bottom-s-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .section .container .col-top-s-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-left-s-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-right-s-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-bottom-s-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .section .container .col-top-s-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-left-s-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-right-s-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-bottom-s-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .section .container .col-top-s-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-left-s-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-right-s-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-bottom-s-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .section .container .col-top-s-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-left-s-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-right-s-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-bottom-s-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .section .container .col-top-s-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-left-s-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-right-s-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-bottom-s-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .section .container .col-top-s-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-left-s-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-right-s-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-bottom-s-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .section .container .col-top-s-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-left-s-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-right-s-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-bottom-s-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .section .container .col-top-s-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-left-s-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-right-s-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-bottom-s-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .section .container .col-top-s-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-left-s-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-right-s-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-bottom-s-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .section .container .col-top-s-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-left-s-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-right-s-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-bottom-s-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .section .container .col-top-s-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-left-s-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-right-s-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-bottom-s-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .col-top-xs-0 {
    margin-top: 0px;
  }
  .section .container .col-left-xs-0 {
    margin-left: 0px;
  }
  .section .container .col-right-xs-0 {
    margin-right: 0px;
  }
  .section .container .col-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .col-top-xs-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-left-xs-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-right-xs-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-bottom-xs-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .section .container .col-top-xs-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-left-xs-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-right-xs-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-bottom-xs-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .section .container .col-top-xs-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-left-xs-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-right-xs-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-bottom-xs-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .section .container .col-top-xs-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-left-xs-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-right-xs-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-bottom-xs-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .section .container .col-top-xs-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-left-xs-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-right-xs-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-bottom-xs-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .section .container .col-top-xs-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-left-xs-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-right-xs-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-bottom-xs-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .section .container .col-top-xs-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-left-xs-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-right-xs-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-bottom-xs-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .section .container .col-top-xs-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-left-xs-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-right-xs-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-bottom-xs-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .section .container .col-top-xs-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-left-xs-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-right-xs-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-bottom-xs-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .section .container .col-top-xs-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-left-xs-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-right-xs-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-bottom-xs-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .section .container .col-top-xs-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-left-xs-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-right-xs-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-bottom-xs-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .section .container .col-top-xs-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-left-xs-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-right-xs-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-bottom-xs-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .col-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .section .container .col-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .section .container .col-m-0 {
    display: none;
  }
}
@media (max-width: 922px) {
  .section .container .col-l-0 {
    display: none;
  }
}
@media (max-width: 1200px) {
  .section .container .col-xl-0 {
    display: none;
  }
}
.section .container [class*=col].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.section .container [class*=col].-justify-center {
  display: flex;
  justify-content: center;
}
.section .container [class*=col].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.section .container [class*=col].-align-start {
  display: flex;
  align-items: flex-start;
}
.section .container [class*=col].-align-center {
  display: flex;
  align-items: center;
}
.section .container [class*=col].-align-end {
  display: flex;
  align-items: flex-end;
}
.section .container [class*=col].-text-left {
  text-align: left;
}
.section .container [class*=col].-text-center {
  text-align: center;
}
.section .container [class*=col].-text-right {
  text-align: right;
}
.section .container .col-1:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .col-1.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
}
.section .container .col-2:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .col-2.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
}
.section .container .col-3:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .col-3.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
}
.section .container .col-4:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .col-4.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
}
.section .container .col-5:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .col-5.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
}
.section .container .col-6:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .col-6.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
}
.section .container .col-7:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .col-7.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
}
.section .container .col-8:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .col-8.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
}
.section .container .col-9:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .col-9.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
}
.section .container .col-10:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .col-10.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
}
.section .container .col-11:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .col-11.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
}
.section .container .col-12:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .col-12.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
}
@media (max-width: 1200px) {
  .section .container .col-xl-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-xl-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section .container .col-xl-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-xl-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section .container .col-xl-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-xl-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section .container .col-xl-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-xl-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section .container .col-xl-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-xl-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section .container .col-xl-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-xl-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section .container .col-xl-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-xl-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section .container .col-xl-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-xl-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section .container .col-xl-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-xl-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section .container .col-xl-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-xl-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section .container .col-xl-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-xl-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section .container .col-xl-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-xl-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 922px) {
  .section .container .col-l-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-l-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section .container .col-l-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-l-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section .container .col-l-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-l-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section .container .col-l-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-l-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section .container .col-l-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-l-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section .container .col-l-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-l-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section .container .col-l-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-l-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section .container .col-l-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-l-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section .container .col-l-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-l-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section .container .col-l-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-l-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section .container .col-l-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-l-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section .container .col-l-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-l-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 768px) {
  .section .container .col-m-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-m-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section .container .col-m-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-m-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section .container .col-m-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-m-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section .container .col-m-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-m-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section .container .col-m-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-m-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section .container .col-m-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-m-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section .container .col-m-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-m-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section .container .col-m-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-m-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section .container .col-m-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-m-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section .container .col-m-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-m-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section .container .col-m-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-m-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section .container .col-m-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-m-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 576px) {
  .section .container .col-s-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .section .container .col-s-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .section .container .col-s-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .section .container .col-s-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .section .container .col-s-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .section .container .col-s-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .section .container .col-s-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .section .container .col-s-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
@media (max-width: 375px) {
  .section .container .col-xs-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .section .container .col-xs-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .section .container .col-xs-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .section .container .col-xs-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .section .container .col-xs-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .section .container .col-xs-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .section .container .col-xs-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .section .container .col-xs-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
.section .container .col-top-0 {
  margin-top: 0px;
}
.section .container .col-left-0 {
  margin-left: 0px;
}
.section .container .col-right-0 {
  margin-right: 0px;
}
.section .container .col-bottom-0 {
  margin-bottom: calc(0px + 60px);
}
.section .container .col-top-1 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .col-left-1 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .col-right-1 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .col-bottom-1 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
}
.section .container .col-top-2 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .col-left-2 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .col-right-2 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .col-bottom-2 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
}
.section .container .col-top-3 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .col-left-3 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .col-right-3 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .col-bottom-3 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
}
.section .container .col-top-4 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .col-left-4 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .col-right-4 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .col-bottom-4 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
}
.section .container .col-top-5 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .col-left-5 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .col-right-5 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .col-bottom-5 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
}
.section .container .col-top-6 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .col-left-6 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .col-right-6 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .col-bottom-6 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
}
.section .container .col-top-7 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .col-left-7 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .col-right-7 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .col-bottom-7 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
}
.section .container .col-top-8 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .col-left-8 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .col-right-8 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .col-bottom-8 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
}
.section .container .col-top-9 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .col-left-9 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .col-right-9 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .col-bottom-9 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
}
.section .container .col-top-10 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .col-left-10 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .col-right-10 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .col-bottom-10 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
}
.section .container .col-top-11 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .col-left-11 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .col-right-11 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .col-bottom-11 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
}
.section .container .col-top-12 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .col-left-12 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .col-right-12 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .col-bottom-12 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
}
@media (max-width: 922px) {
  .section .container .col-top-l-0 {
    margin-top: 0px;
  }
  .section .container .col-left-l-0 {
    margin-left: 0px;
  }
  .section .container .col-right-l-0 {
    margin-right: 0px;
  }
  .section .container .col-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .col-top-l-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-left-l-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-right-l-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-bottom-l-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .section .container .col-top-l-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-left-l-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-right-l-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-bottom-l-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .section .container .col-top-l-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-left-l-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-right-l-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-bottom-l-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .section .container .col-top-l-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-left-l-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-right-l-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-bottom-l-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .section .container .col-top-l-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-left-l-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-right-l-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-bottom-l-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .section .container .col-top-l-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-left-l-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-right-l-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-bottom-l-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .section .container .col-top-l-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-left-l-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-right-l-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-bottom-l-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .section .container .col-top-l-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-left-l-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-right-l-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-bottom-l-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .section .container .col-top-l-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-left-l-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-right-l-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-bottom-l-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .section .container .col-top-l-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-left-l-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-right-l-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-bottom-l-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .section .container .col-top-l-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-left-l-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-right-l-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-bottom-l-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .section .container .col-top-l-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-left-l-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-right-l-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-bottom-l-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 768px) {
  .section .container .col-top-m-0 {
    margin-top: 0px;
  }
  .section .container .col-left-m-0 {
    margin-left: 0px;
  }
  .section .container .col-right-m-0 {
    margin-right: 0px;
  }
  .section .container .col-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .col-top-m-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-left-m-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-right-m-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-bottom-m-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .section .container .col-top-m-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-left-m-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-right-m-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-bottom-m-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .section .container .col-top-m-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-left-m-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-right-m-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-bottom-m-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .section .container .col-top-m-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-left-m-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-right-m-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-bottom-m-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .section .container .col-top-m-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-left-m-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-right-m-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-bottom-m-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .section .container .col-top-m-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-left-m-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-right-m-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-bottom-m-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .section .container .col-top-m-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-left-m-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-right-m-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-bottom-m-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .section .container .col-top-m-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-left-m-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-right-m-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-bottom-m-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .section .container .col-top-m-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-left-m-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-right-m-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-bottom-m-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .section .container .col-top-m-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-left-m-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-right-m-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-bottom-m-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .section .container .col-top-m-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-left-m-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-right-m-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-bottom-m-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .section .container .col-top-m-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-left-m-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-right-m-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-bottom-m-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 576px) {
  .section .container .col-top-s-0 {
    margin-top: 0px;
  }
  .section .container .col-left-s-0 {
    margin-left: 0px;
  }
  .section .container .col-right-s-0 {
    margin-right: 0px;
  }
  .section .container .col-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .col-top-s-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-left-s-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-right-s-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-bottom-s-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .section .container .col-top-s-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-left-s-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-right-s-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-bottom-s-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .section .container .col-top-s-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-left-s-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-right-s-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-bottom-s-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .section .container .col-top-s-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-left-s-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-right-s-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-bottom-s-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .section .container .col-top-s-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-left-s-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-right-s-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-bottom-s-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .section .container .col-top-s-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-left-s-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-right-s-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-bottom-s-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .section .container .col-top-s-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-left-s-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-right-s-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-bottom-s-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .section .container .col-top-s-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-left-s-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-right-s-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-bottom-s-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .section .container .col-top-s-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-left-s-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-right-s-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-bottom-s-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .section .container .col-top-s-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-left-s-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-right-s-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-bottom-s-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .section .container .col-top-s-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-left-s-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-right-s-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-bottom-s-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .section .container .col-top-s-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-left-s-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-right-s-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-bottom-s-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .col-top-xs-0 {
    margin-top: 0px;
  }
  .section .container .col-left-xs-0 {
    margin-left: 0px;
  }
  .section .container .col-right-xs-0 {
    margin-right: 0px;
  }
  .section .container .col-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .col-top-xs-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-left-xs-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-right-xs-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .col-bottom-xs-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .section .container .col-top-xs-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-left-xs-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-right-xs-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .col-bottom-xs-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .section .container .col-top-xs-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-left-xs-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-right-xs-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .col-bottom-xs-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .section .container .col-top-xs-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-left-xs-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-right-xs-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .col-bottom-xs-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .section .container .col-top-xs-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-left-xs-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-right-xs-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .col-bottom-xs-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .section .container .col-top-xs-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-left-xs-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-right-xs-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .col-bottom-xs-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .section .container .col-top-xs-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-left-xs-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-right-xs-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .col-bottom-xs-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .section .container .col-top-xs-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-left-xs-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-right-xs-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .col-bottom-xs-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .section .container .col-top-xs-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-left-xs-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-right-xs-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .col-bottom-xs-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .section .container .col-top-xs-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-left-xs-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-right-xs-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .col-bottom-xs-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .section .container .col-top-xs-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-left-xs-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-right-xs-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .col-bottom-xs-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .section .container .col-top-xs-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-left-xs-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-right-xs-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .col-bottom-xs-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .col-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .section .container .col-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .section .container .col-m-0 {
    display: none;
  }
}
@media (max-width: 922px) {
  .section .container .col-l-0 {
    display: none;
  }
}
@media (max-width: 1200px) {
  .section .container .col-xl-0 {
    display: none;
  }
}
.section .container [class*=col].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.section .container [class*=col].-justify-center {
  display: flex;
  justify-content: center;
}
.section .container [class*=col].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.section .container [class*=col].-align-start {
  display: flex;
  align-items: flex-start;
}
.section .container [class*=col].-align-center {
  display: flex;
  align-items: center;
}
.section .container [class*=col].-align-end {
  display: flex;
  align-items: flex-end;
}
.section .container [class*=col].-text-left {
  text-align: left;
}
.section .container [class*=col].-text-center {
  text-align: center;
}
.section .container [class*=col].-text-right {
  text-align: right;
}
@media (max-width: 768px) {
  .section .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.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: 140px;
  padding-left: 140px;
  max-width: unset;
  padding-right: 0;
  padding-left: 0;
}
.section .container .container .col-1:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .container .col-1.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
}
.section .container .container .col-2:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .container .col-2.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
}
.section .container .container .col-3:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .container .col-3.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
}
.section .container .container .col-4:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .container .col-4.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
}
.section .container .container .col-5:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .container .col-5.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
}
.section .container .container .col-6:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .container .col-6.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
}
.section .container .container .col-7:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .container .col-7.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
}
.section .container .container .col-8:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .container .col-8.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
}
.section .container .container .col-9:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .container .col-9.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
}
.section .container .container .col-10:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .container .col-10.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
}
.section .container .container .col-11:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .container .col-11.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
}
.section .container .container .col-12:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .container .col-12.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
}
@media (max-width: 1200px) {
  .section .container .container .col-xl-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-xl-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section .container .container .col-xl-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-xl-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section .container .container .col-xl-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-xl-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section .container .container .col-xl-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-xl-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section .container .container .col-xl-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-xl-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section .container .container .col-xl-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-xl-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section .container .container .col-xl-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-xl-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section .container .container .col-xl-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-xl-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section .container .container .col-xl-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-xl-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section .container .container .col-xl-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-xl-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section .container .container .col-xl-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-xl-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section .container .container .col-xl-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-xl-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 922px) {
  .section .container .container .col-l-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-l-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section .container .container .col-l-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-l-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section .container .container .col-l-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-l-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section .container .container .col-l-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-l-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section .container .container .col-l-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-l-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section .container .container .col-l-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-l-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section .container .container .col-l-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-l-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section .container .container .col-l-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-l-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section .container .container .col-l-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-l-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section .container .container .col-l-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-l-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section .container .container .col-l-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-l-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section .container .container .col-l-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-l-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 768px) {
  .section .container .container .col-m-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-m-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section .container .container .col-m-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-m-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section .container .container .col-m-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-m-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section .container .container .col-m-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-m-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section .container .container .col-m-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-m-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section .container .container .col-m-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-m-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section .container .container .col-m-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-m-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section .container .container .col-m-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-m-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section .container .container .col-m-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-m-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section .container .container .col-m-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-m-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section .container .container .col-m-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-m-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section .container .container .col-m-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-m-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 576px) {
  .section .container .container .col-s-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .section .container .container .col-s-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .section .container .container .col-s-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .section .container .container .col-s-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .section .container .container .col-s-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .section .container .container .col-s-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .section .container .container .col-s-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .section .container .container .col-s-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
@media (max-width: 375px) {
  .section .container .container .col-xs-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .section .container .container .col-xs-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .section .container .container .col-xs-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .section .container .container .col-xs-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .section .container .container .col-xs-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .section .container .container .col-xs-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .section .container .container .col-xs-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .section .container .container .col-xs-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
.section .container .container .col-top-0 {
  margin-top: 0px;
}
.section .container .container .col-left-0 {
  margin-left: 0px;
}
.section .container .container .col-right-0 {
  margin-right: 0px;
}
.section .container .container .col-bottom-0 {
  margin-bottom: calc(0px + 60px);
}
.section .container .container .col-top-1 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .container .col-left-1 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .container .col-right-1 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section .container .container .col-bottom-1 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
}
.section .container .container .col-top-2 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .container .col-left-2 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .container .col-right-2 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section .container .container .col-bottom-2 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
}
.section .container .container .col-top-3 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .container .col-left-3 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .container .col-right-3 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section .container .container .col-bottom-3 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
}
.section .container .container .col-top-4 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .container .col-left-4 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .container .col-right-4 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section .container .container .col-bottom-4 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
}
.section .container .container .col-top-5 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .container .col-left-5 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .container .col-right-5 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section .container .container .col-bottom-5 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
}
.section .container .container .col-top-6 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .container .col-left-6 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .container .col-right-6 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section .container .container .col-bottom-6 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
}
.section .container .container .col-top-7 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .container .col-left-7 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .container .col-right-7 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section .container .container .col-bottom-7 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
}
.section .container .container .col-top-8 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .container .col-left-8 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .container .col-right-8 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section .container .container .col-bottom-8 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
}
.section .container .container .col-top-9 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .container .col-left-9 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .container .col-right-9 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section .container .container .col-bottom-9 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
}
.section .container .container .col-top-10 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .container .col-left-10 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .container .col-right-10 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section .container .container .col-bottom-10 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
}
.section .container .container .col-top-11 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .container .col-left-11 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .container .col-right-11 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section .container .container .col-bottom-11 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
}
.section .container .container .col-top-12 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .container .col-left-12 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .container .col-right-12 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section .container .container .col-bottom-12 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
}
@media (max-width: 922px) {
  .section .container .container .col-top-l-0 {
    margin-top: 0px;
  }
  .section .container .container .col-left-l-0 {
    margin-left: 0px;
  }
  .section .container .container .col-right-l-0 {
    margin-right: 0px;
  }
  .section .container .container .col-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .container .col-top-l-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-left-l-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-right-l-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-bottom-l-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .section .container .container .col-top-l-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-left-l-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-right-l-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-bottom-l-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .section .container .container .col-top-l-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-left-l-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-right-l-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-bottom-l-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .section .container .container .col-top-l-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-left-l-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-right-l-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-bottom-l-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .section .container .container .col-top-l-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-left-l-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-right-l-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-bottom-l-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .section .container .container .col-top-l-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-left-l-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-right-l-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-bottom-l-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .section .container .container .col-top-l-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-left-l-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-right-l-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-bottom-l-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .section .container .container .col-top-l-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-left-l-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-right-l-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-bottom-l-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .section .container .container .col-top-l-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-left-l-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-right-l-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-bottom-l-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .section .container .container .col-top-l-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-left-l-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-right-l-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-bottom-l-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .section .container .container .col-top-l-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-left-l-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-right-l-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-bottom-l-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .section .container .container .col-top-l-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-left-l-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-right-l-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-bottom-l-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 768px) {
  .section .container .container .col-top-m-0 {
    margin-top: 0px;
  }
  .section .container .container .col-left-m-0 {
    margin-left: 0px;
  }
  .section .container .container .col-right-m-0 {
    margin-right: 0px;
  }
  .section .container .container .col-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section .container .container .col-top-m-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-left-m-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-right-m-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-bottom-m-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .section .container .container .col-top-m-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-left-m-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-right-m-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-bottom-m-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .section .container .container .col-top-m-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-left-m-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-right-m-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-bottom-m-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .section .container .container .col-top-m-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-left-m-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-right-m-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-bottom-m-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .section .container .container .col-top-m-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-left-m-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-right-m-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-bottom-m-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .section .container .container .col-top-m-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-left-m-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-right-m-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-bottom-m-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .section .container .container .col-top-m-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-left-m-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-right-m-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-bottom-m-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .section .container .container .col-top-m-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-left-m-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-right-m-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-bottom-m-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .section .container .container .col-top-m-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-left-m-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-right-m-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-bottom-m-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .section .container .container .col-top-m-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-left-m-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-right-m-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-bottom-m-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .section .container .container .col-top-m-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-left-m-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-right-m-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-bottom-m-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .section .container .container .col-top-m-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-left-m-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-right-m-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-bottom-m-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 576px) {
  .section .container .container .col-top-s-0 {
    margin-top: 0px;
  }
  .section .container .container .col-left-s-0 {
    margin-left: 0px;
  }
  .section .container .container .col-right-s-0 {
    margin-right: 0px;
  }
  .section .container .container .col-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .container .col-top-s-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-left-s-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-right-s-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-bottom-s-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .section .container .container .col-top-s-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-left-s-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-right-s-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-bottom-s-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .section .container .container .col-top-s-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-left-s-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-right-s-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-bottom-s-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .section .container .container .col-top-s-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-left-s-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-right-s-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-bottom-s-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .section .container .container .col-top-s-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-left-s-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-right-s-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-bottom-s-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .section .container .container .col-top-s-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-left-s-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-right-s-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-bottom-s-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .section .container .container .col-top-s-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-left-s-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-right-s-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-bottom-s-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .section .container .container .col-top-s-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-left-s-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-right-s-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-bottom-s-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .section .container .container .col-top-s-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-left-s-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-right-s-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-bottom-s-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .section .container .container .col-top-s-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-left-s-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-right-s-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-bottom-s-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .section .container .container .col-top-s-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-left-s-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-right-s-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-bottom-s-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .section .container .container .col-top-s-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-left-s-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-right-s-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-bottom-s-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .container .col-top-xs-0 {
    margin-top: 0px;
  }
  .section .container .container .col-left-xs-0 {
    margin-left: 0px;
  }
  .section .container .container .col-right-xs-0 {
    margin-right: 0px;
  }
  .section .container .container .col-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section .container .container .col-top-xs-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-left-xs-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-right-xs-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section .container .container .col-bottom-xs-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .section .container .container .col-top-xs-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-left-xs-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-right-xs-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section .container .container .col-bottom-xs-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .section .container .container .col-top-xs-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-left-xs-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-right-xs-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section .container .container .col-bottom-xs-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .section .container .container .col-top-xs-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-left-xs-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-right-xs-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section .container .container .col-bottom-xs-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .section .container .container .col-top-xs-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-left-xs-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-right-xs-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section .container .container .col-bottom-xs-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .section .container .container .col-top-xs-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-left-xs-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-right-xs-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section .container .container .col-bottom-xs-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .section .container .container .col-top-xs-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-left-xs-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-right-xs-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section .container .container .col-bottom-xs-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .section .container .container .col-top-xs-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-left-xs-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-right-xs-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section .container .container .col-bottom-xs-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .section .container .container .col-top-xs-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-left-xs-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-right-xs-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section .container .container .col-bottom-xs-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .section .container .container .col-top-xs-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-left-xs-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-right-xs-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section .container .container .col-bottom-xs-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .section .container .container .col-top-xs-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-left-xs-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-right-xs-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section .container .container .col-bottom-xs-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .section .container .container .col-top-xs-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-left-xs-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-right-xs-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section .container .container .col-bottom-xs-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .section .container .container .col-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .section .container .container .col-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .section .container .container .col-m-0 {
    display: none;
  }
}
@media (max-width: 922px) {
  .section .container .container .col-l-0 {
    display: none;
  }
}
@media (max-width: 1200px) {
  .section .container .container .col-xl-0 {
    display: none;
  }
}
.section .container .container [class*=col].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.section .container .container [class*=col].-justify-center {
  display: flex;
  justify-content: center;
}
.section .container .container [class*=col].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.section .container .container [class*=col].-align-start {
  display: flex;
  align-items: flex-start;
}
.section .container .container [class*=col].-align-center {
  display: flex;
  align-items: center;
}
.section .container .container [class*=col].-align-end {
  display: flex;
  align-items: flex-end;
}
.section .container .container [class*=col].-text-left {
  text-align: left;
}
.section .container .container [class*=col].-text-center {
  text-align: center;
}
.section .container .container [class*=col].-text-right {
  text-align: right;
}
.section + .section {
  margin-top: 140px;
}
@media (max-width: 922px) {
  .section + .section {
    margin-top: 100px;
  }
}
@media (max-width: 768px) {
  .section + .section {
    margin-top: 80px;
  }
}
@media (max-width: 576px) {
  .section + .section {
    margin-top: 60px;
  }
}
@media (max-width: 375px) {
  .section + .section {
    margin-top: 60px;
  }
}
.section:first-of-type:not(.--colored) {
  margin-top: 190px;
}
@media (max-width: 922px) {
  .section:first-of-type:not(.--colored) {
    margin-top: 135px;
  }
}
@media (max-width: 768px) {
  .section:first-of-type:not(.--colored) {
    margin-top: 135px;
  }
}
@media (max-width: 576px) {
  .section:first-of-type:not(.--colored) {
    margin-top: 115px;
  }
}
@media (max-width: 375px) {
  .section:first-of-type:not(.--colored) {
    margin-top: 115px;
  }
}
.section:last-of-type:not(.--colored) {
  margin-bottom: 140px;
}
@media (max-width: 922px) {
  .section:last-of-type:not(.--colored) {
    margin-bottom: 100px;
  }
}
@media (max-width: 768px) {
  .section:last-of-type:not(.--colored) {
    margin-bottom: 80px;
  }
}
@media (max-width: 576px) {
  .section:last-of-type:not(.--colored) {
    margin-bottom: 60px;
  }
}
@media (max-width: 375px) {
  .section:last-of-type:not(.--colored) {
    margin-bottom: 60px;
  }
}
.section.--small .container {
  max-width: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.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: 140px;
  padding-left: 140px;
  max-width: 550px;
}
.section.--extra-small .col-1:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section.--extra-small .col-1.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
}
.section.--extra-small .col-2:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section.--extra-small .col-2.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
}
.section.--extra-small .col-3:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section.--extra-small .col-3.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
}
.section.--extra-small .col-4:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section.--extra-small .col-4.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
}
.section.--extra-small .col-5:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section.--extra-small .col-5.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
}
.section.--extra-small .col-6:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section.--extra-small .col-6.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
}
.section.--extra-small .col-7:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section.--extra-small .col-7.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
}
.section.--extra-small .col-8:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section.--extra-small .col-8.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
}
.section.--extra-small .col-9:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section.--extra-small .col-9.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
}
.section.--extra-small .col-10:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section.--extra-small .col-10.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
}
.section.--extra-small .col-11:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section.--extra-small .col-11.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
}
.section.--extra-small .col-12:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section.--extra-small .col-12.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
}
@media (max-width: 1200px) {
  .section.--extra-small .col-xl-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-xl-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section.--extra-small .col-xl-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-xl-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section.--extra-small .col-xl-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-xl-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section.--extra-small .col-xl-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-xl-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section.--extra-small .col-xl-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-xl-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section.--extra-small .col-xl-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-xl-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section.--extra-small .col-xl-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-xl-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section.--extra-small .col-xl-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-xl-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section.--extra-small .col-xl-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-xl-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section.--extra-small .col-xl-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-xl-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section.--extra-small .col-xl-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-xl-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section.--extra-small .col-xl-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-xl-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 922px) {
  .section.--extra-small .col-l-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-l-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section.--extra-small .col-l-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-l-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section.--extra-small .col-l-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-l-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section.--extra-small .col-l-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-l-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section.--extra-small .col-l-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-l-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section.--extra-small .col-l-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-l-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section.--extra-small .col-l-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-l-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section.--extra-small .col-l-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-l-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section.--extra-small .col-l-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-l-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section.--extra-small .col-l-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-l-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section.--extra-small .col-l-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-l-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section.--extra-small .col-l-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-l-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 768px) {
  .section.--extra-small .col-m-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-m-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section.--extra-small .col-m-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-m-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section.--extra-small .col-m-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-m-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section.--extra-small .col-m-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-m-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section.--extra-small .col-m-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-m-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section.--extra-small .col-m-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-m-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section.--extra-small .col-m-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-m-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section.--extra-small .col-m-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-m-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section.--extra-small .col-m-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-m-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section.--extra-small .col-m-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-m-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section.--extra-small .col-m-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-m-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section.--extra-small .col-m-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-m-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 576px) {
  .section.--extra-small .col-s-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .section.--extra-small .col-s-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .section.--extra-small .col-s-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .section.--extra-small .col-s-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .section.--extra-small .col-s-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .section.--extra-small .col-s-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .section.--extra-small .col-s-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .section.--extra-small .col-s-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
@media (max-width: 375px) {
  .section.--extra-small .col-xs-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .section.--extra-small .col-xs-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .section.--extra-small .col-xs-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .section.--extra-small .col-xs-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .section.--extra-small .col-xs-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .section.--extra-small .col-xs-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .section.--extra-small .col-xs-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .section.--extra-small .col-xs-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
.section.--extra-small .col-top-0 {
  margin-top: 0px;
}
.section.--extra-small .col-left-0 {
  margin-left: 0px;
}
.section.--extra-small .col-right-0 {
  margin-right: 0px;
}
.section.--extra-small .col-bottom-0 {
  margin-bottom: calc(0px + 60px);
}
.section.--extra-small .col-top-1 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section.--extra-small .col-left-1 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section.--extra-small .col-right-1 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section.--extra-small .col-bottom-1 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
}
.section.--extra-small .col-top-2 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section.--extra-small .col-left-2 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section.--extra-small .col-right-2 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section.--extra-small .col-bottom-2 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
}
.section.--extra-small .col-top-3 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section.--extra-small .col-left-3 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section.--extra-small .col-right-3 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section.--extra-small .col-bottom-3 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
}
.section.--extra-small .col-top-4 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section.--extra-small .col-left-4 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section.--extra-small .col-right-4 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section.--extra-small .col-bottom-4 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
}
.section.--extra-small .col-top-5 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section.--extra-small .col-left-5 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section.--extra-small .col-right-5 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section.--extra-small .col-bottom-5 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
}
.section.--extra-small .col-top-6 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section.--extra-small .col-left-6 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section.--extra-small .col-right-6 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section.--extra-small .col-bottom-6 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
}
.section.--extra-small .col-top-7 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section.--extra-small .col-left-7 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section.--extra-small .col-right-7 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section.--extra-small .col-bottom-7 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
}
.section.--extra-small .col-top-8 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section.--extra-small .col-left-8 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section.--extra-small .col-right-8 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section.--extra-small .col-bottom-8 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
}
.section.--extra-small .col-top-9 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section.--extra-small .col-left-9 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section.--extra-small .col-right-9 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section.--extra-small .col-bottom-9 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
}
.section.--extra-small .col-top-10 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section.--extra-small .col-left-10 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section.--extra-small .col-right-10 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section.--extra-small .col-bottom-10 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
}
.section.--extra-small .col-top-11 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section.--extra-small .col-left-11 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section.--extra-small .col-right-11 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section.--extra-small .col-bottom-11 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
}
.section.--extra-small .col-top-12 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section.--extra-small .col-left-12 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section.--extra-small .col-right-12 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section.--extra-small .col-bottom-12 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
}
@media (max-width: 922px) {
  .section.--extra-small .col-top-l-0 {
    margin-top: 0px;
  }
  .section.--extra-small .col-left-l-0 {
    margin-left: 0px;
  }
  .section.--extra-small .col-right-l-0 {
    margin-right: 0px;
  }
  .section.--extra-small .col-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section.--extra-small .col-top-l-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-left-l-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-right-l-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-bottom-l-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .section.--extra-small .col-top-l-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-left-l-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-right-l-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-bottom-l-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .section.--extra-small .col-top-l-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-left-l-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-right-l-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-bottom-l-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .section.--extra-small .col-top-l-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-left-l-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-right-l-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-bottom-l-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .section.--extra-small .col-top-l-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-left-l-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-right-l-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-bottom-l-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .section.--extra-small .col-top-l-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-left-l-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-right-l-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-bottom-l-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .section.--extra-small .col-top-l-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-left-l-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-right-l-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-bottom-l-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .section.--extra-small .col-top-l-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-left-l-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-right-l-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-bottom-l-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .section.--extra-small .col-top-l-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-left-l-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-right-l-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-bottom-l-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .section.--extra-small .col-top-l-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-left-l-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-right-l-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-bottom-l-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .section.--extra-small .col-top-l-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-left-l-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-right-l-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-bottom-l-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .section.--extra-small .col-top-l-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-left-l-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-right-l-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-bottom-l-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 768px) {
  .section.--extra-small .col-top-m-0 {
    margin-top: 0px;
  }
  .section.--extra-small .col-left-m-0 {
    margin-left: 0px;
  }
  .section.--extra-small .col-right-m-0 {
    margin-right: 0px;
  }
  .section.--extra-small .col-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section.--extra-small .col-top-m-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-left-m-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-right-m-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-bottom-m-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .section.--extra-small .col-top-m-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-left-m-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-right-m-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-bottom-m-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .section.--extra-small .col-top-m-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-left-m-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-right-m-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-bottom-m-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .section.--extra-small .col-top-m-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-left-m-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-right-m-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-bottom-m-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .section.--extra-small .col-top-m-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-left-m-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-right-m-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-bottom-m-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .section.--extra-small .col-top-m-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-left-m-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-right-m-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-bottom-m-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .section.--extra-small .col-top-m-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-left-m-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-right-m-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-bottom-m-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .section.--extra-small .col-top-m-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-left-m-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-right-m-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-bottom-m-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .section.--extra-small .col-top-m-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-left-m-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-right-m-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-bottom-m-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .section.--extra-small .col-top-m-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-left-m-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-right-m-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-bottom-m-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .section.--extra-small .col-top-m-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-left-m-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-right-m-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-bottom-m-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .section.--extra-small .col-top-m-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-left-m-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-right-m-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-bottom-m-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 576px) {
  .section.--extra-small .col-top-s-0 {
    margin-top: 0px;
  }
  .section.--extra-small .col-left-s-0 {
    margin-left: 0px;
  }
  .section.--extra-small .col-right-s-0 {
    margin-right: 0px;
  }
  .section.--extra-small .col-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section.--extra-small .col-top-s-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-left-s-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-right-s-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-bottom-s-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .section.--extra-small .col-top-s-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-left-s-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-right-s-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-bottom-s-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .section.--extra-small .col-top-s-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-left-s-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-right-s-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-bottom-s-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .section.--extra-small .col-top-s-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-left-s-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-right-s-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-bottom-s-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .section.--extra-small .col-top-s-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-left-s-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-right-s-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-bottom-s-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .section.--extra-small .col-top-s-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-left-s-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-right-s-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-bottom-s-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .section.--extra-small .col-top-s-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-left-s-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-right-s-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-bottom-s-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .section.--extra-small .col-top-s-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-left-s-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-right-s-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-bottom-s-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .section.--extra-small .col-top-s-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-left-s-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-right-s-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-bottom-s-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .section.--extra-small .col-top-s-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-left-s-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-right-s-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-bottom-s-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .section.--extra-small .col-top-s-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-left-s-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-right-s-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-bottom-s-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .section.--extra-small .col-top-s-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-left-s-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-right-s-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-bottom-s-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .section.--extra-small .col-top-xs-0 {
    margin-top: 0px;
  }
  .section.--extra-small .col-left-xs-0 {
    margin-left: 0px;
  }
  .section.--extra-small .col-right-xs-0 {
    margin-right: 0px;
  }
  .section.--extra-small .col-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section.--extra-small .col-top-xs-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-left-xs-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-right-xs-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--extra-small .col-bottom-xs-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .section.--extra-small .col-top-xs-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-left-xs-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-right-xs-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--extra-small .col-bottom-xs-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .section.--extra-small .col-top-xs-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-left-xs-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-right-xs-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--extra-small .col-bottom-xs-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .section.--extra-small .col-top-xs-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-left-xs-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-right-xs-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--extra-small .col-bottom-xs-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .section.--extra-small .col-top-xs-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-left-xs-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-right-xs-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--extra-small .col-bottom-xs-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .section.--extra-small .col-top-xs-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-left-xs-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-right-xs-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--extra-small .col-bottom-xs-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .section.--extra-small .col-top-xs-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-left-xs-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-right-xs-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--extra-small .col-bottom-xs-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .section.--extra-small .col-top-xs-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-left-xs-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-right-xs-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--extra-small .col-bottom-xs-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .section.--extra-small .col-top-xs-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-left-xs-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-right-xs-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--extra-small .col-bottom-xs-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .section.--extra-small .col-top-xs-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-left-xs-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-right-xs-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--extra-small .col-bottom-xs-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .section.--extra-small .col-top-xs-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-left-xs-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-right-xs-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--extra-small .col-bottom-xs-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .section.--extra-small .col-top-xs-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-left-xs-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-right-xs-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--extra-small .col-bottom-xs-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .section.--extra-small .col-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .section.--extra-small .col-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .section.--extra-small .col-m-0 {
    display: none;
  }
}
@media (max-width: 922px) {
  .section.--extra-small .col-l-0 {
    display: none;
  }
}
@media (max-width: 1200px) {
  .section.--extra-small .col-xl-0 {
    display: none;
  }
}
.section.--extra-small [class*=col].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.section.--extra-small [class*=col].-justify-center {
  display: flex;
  justify-content: center;
}
.section.--extra-small [class*=col].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.section.--extra-small [class*=col].-align-start {
  display: flex;
  align-items: flex-start;
}
.section.--extra-small [class*=col].-align-center {
  display: flex;
  align-items: center;
}
.section.--extra-small [class*=col].-align-end {
  display: flex;
  align-items: flex-end;
}
.section.--extra-small [class*=col].-text-left {
  text-align: left;
}
.section.--extra-small [class*=col].-text-center {
  text-align: center;
}
.section.--extra-small [class*=col].-text-right {
  text-align: right;
}
@media (max-width: 768px) {
  .section.--extra-small {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.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: 140px;
  padding-left: 140px;
  max-width: unset;
  padding-right: 0;
  padding-left: 0;
}
.section.--full-width .col-1:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section.--full-width .col-1.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
}
.section.--full-width .col-2:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section.--full-width .col-2.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
}
.section.--full-width .col-3:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section.--full-width .col-3.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
}
.section.--full-width .col-4:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section.--full-width .col-4.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
}
.section.--full-width .col-5:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section.--full-width .col-5.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
}
.section.--full-width .col-6:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section.--full-width .col-6.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
}
.section.--full-width .col-7:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section.--full-width .col-7.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
}
.section.--full-width .col-8:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section.--full-width .col-8.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
}
.section.--full-width .col-9:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section.--full-width .col-9.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
}
.section.--full-width .col-10:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section.--full-width .col-10.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
}
.section.--full-width .col-11:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section.--full-width .col-11.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
}
.section.--full-width .col-12:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section.--full-width .col-12.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
}
@media (max-width: 1200px) {
  .section.--full-width .col-xl-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-xl-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section.--full-width .col-xl-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-xl-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section.--full-width .col-xl-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-xl-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section.--full-width .col-xl-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-xl-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section.--full-width .col-xl-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-xl-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section.--full-width .col-xl-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-xl-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section.--full-width .col-xl-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-xl-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section.--full-width .col-xl-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-xl-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section.--full-width .col-xl-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-xl-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section.--full-width .col-xl-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-xl-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section.--full-width .col-xl-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-xl-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section.--full-width .col-xl-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-xl-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 922px) {
  .section.--full-width .col-l-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-l-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section.--full-width .col-l-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-l-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section.--full-width .col-l-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-l-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section.--full-width .col-l-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-l-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section.--full-width .col-l-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-l-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section.--full-width .col-l-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-l-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section.--full-width .col-l-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-l-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section.--full-width .col-l-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-l-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section.--full-width .col-l-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-l-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section.--full-width .col-l-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-l-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section.--full-width .col-l-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-l-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section.--full-width .col-l-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-l-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 768px) {
  .section.--full-width .col-m-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-m-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .section.--full-width .col-m-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-m-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .section.--full-width .col-m-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-m-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .section.--full-width .col-m-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-m-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .section.--full-width .col-m-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-m-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .section.--full-width .col-m-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-m-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .section.--full-width .col-m-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-m-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .section.--full-width .col-m-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-m-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .section.--full-width .col-m-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-m-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .section.--full-width .col-m-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-m-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .section.--full-width .col-m-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-m-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .section.--full-width .col-m-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-m-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 576px) {
  .section.--full-width .col-s-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .section.--full-width .col-s-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .section.--full-width .col-s-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .section.--full-width .col-s-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .section.--full-width .col-s-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .section.--full-width .col-s-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .section.--full-width .col-s-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .section.--full-width .col-s-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
@media (max-width: 375px) {
  .section.--full-width .col-xs-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .section.--full-width .col-xs-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .section.--full-width .col-xs-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .section.--full-width .col-xs-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .section.--full-width .col-xs-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .section.--full-width .col-xs-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .section.--full-width .col-xs-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .section.--full-width .col-xs-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
.section.--full-width .col-top-0 {
  margin-top: 0px;
}
.section.--full-width .col-left-0 {
  margin-left: 0px;
}
.section.--full-width .col-right-0 {
  margin-right: 0px;
}
.section.--full-width .col-bottom-0 {
  margin-bottom: calc(0px + 60px);
}
.section.--full-width .col-top-1 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section.--full-width .col-left-1 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section.--full-width .col-right-1 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.section.--full-width .col-bottom-1 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
}
.section.--full-width .col-top-2 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section.--full-width .col-left-2 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section.--full-width .col-right-2 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.section.--full-width .col-bottom-2 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
}
.section.--full-width .col-top-3 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section.--full-width .col-left-3 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section.--full-width .col-right-3 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.section.--full-width .col-bottom-3 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
}
.section.--full-width .col-top-4 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section.--full-width .col-left-4 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section.--full-width .col-right-4 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.section.--full-width .col-bottom-4 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
}
.section.--full-width .col-top-5 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section.--full-width .col-left-5 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section.--full-width .col-right-5 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.section.--full-width .col-bottom-5 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
}
.section.--full-width .col-top-6 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section.--full-width .col-left-6 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section.--full-width .col-right-6 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.section.--full-width .col-bottom-6 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
}
.section.--full-width .col-top-7 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section.--full-width .col-left-7 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section.--full-width .col-right-7 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.section.--full-width .col-bottom-7 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
}
.section.--full-width .col-top-8 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section.--full-width .col-left-8 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section.--full-width .col-right-8 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.section.--full-width .col-bottom-8 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
}
.section.--full-width .col-top-9 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section.--full-width .col-left-9 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section.--full-width .col-right-9 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.section.--full-width .col-bottom-9 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
}
.section.--full-width .col-top-10 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section.--full-width .col-left-10 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section.--full-width .col-right-10 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.section.--full-width .col-bottom-10 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
}
.section.--full-width .col-top-11 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section.--full-width .col-left-11 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section.--full-width .col-right-11 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.section.--full-width .col-bottom-11 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
}
.section.--full-width .col-top-12 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section.--full-width .col-left-12 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section.--full-width .col-right-12 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.section.--full-width .col-bottom-12 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
}
@media (max-width: 922px) {
  .section.--full-width .col-top-l-0 {
    margin-top: 0px;
  }
  .section.--full-width .col-left-l-0 {
    margin-left: 0px;
  }
  .section.--full-width .col-right-l-0 {
    margin-right: 0px;
  }
  .section.--full-width .col-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section.--full-width .col-top-l-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-left-l-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-right-l-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-bottom-l-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .section.--full-width .col-top-l-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-left-l-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-right-l-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-bottom-l-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .section.--full-width .col-top-l-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-left-l-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-right-l-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-bottom-l-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .section.--full-width .col-top-l-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-left-l-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-right-l-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-bottom-l-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .section.--full-width .col-top-l-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-left-l-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-right-l-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-bottom-l-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .section.--full-width .col-top-l-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-left-l-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-right-l-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-bottom-l-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .section.--full-width .col-top-l-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-left-l-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-right-l-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-bottom-l-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .section.--full-width .col-top-l-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-left-l-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-right-l-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-bottom-l-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .section.--full-width .col-top-l-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-left-l-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-right-l-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-bottom-l-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .section.--full-width .col-top-l-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-left-l-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-right-l-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-bottom-l-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .section.--full-width .col-top-l-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-left-l-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-right-l-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-bottom-l-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .section.--full-width .col-top-l-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-left-l-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-right-l-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-bottom-l-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 768px) {
  .section.--full-width .col-top-m-0 {
    margin-top: 0px;
  }
  .section.--full-width .col-left-m-0 {
    margin-left: 0px;
  }
  .section.--full-width .col-right-m-0 {
    margin-right: 0px;
  }
  .section.--full-width .col-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .section.--full-width .col-top-m-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-left-m-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-right-m-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-bottom-m-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .section.--full-width .col-top-m-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-left-m-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-right-m-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-bottom-m-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .section.--full-width .col-top-m-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-left-m-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-right-m-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-bottom-m-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .section.--full-width .col-top-m-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-left-m-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-right-m-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-bottom-m-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .section.--full-width .col-top-m-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-left-m-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-right-m-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-bottom-m-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .section.--full-width .col-top-m-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-left-m-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-right-m-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-bottom-m-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .section.--full-width .col-top-m-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-left-m-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-right-m-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-bottom-m-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .section.--full-width .col-top-m-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-left-m-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-right-m-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-bottom-m-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .section.--full-width .col-top-m-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-left-m-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-right-m-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-bottom-m-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .section.--full-width .col-top-m-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-left-m-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-right-m-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-bottom-m-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .section.--full-width .col-top-m-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-left-m-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-right-m-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-bottom-m-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .section.--full-width .col-top-m-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-left-m-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-right-m-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-bottom-m-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 576px) {
  .section.--full-width .col-top-s-0 {
    margin-top: 0px;
  }
  .section.--full-width .col-left-s-0 {
    margin-left: 0px;
  }
  .section.--full-width .col-right-s-0 {
    margin-right: 0px;
  }
  .section.--full-width .col-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section.--full-width .col-top-s-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-left-s-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-right-s-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-bottom-s-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .section.--full-width .col-top-s-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-left-s-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-right-s-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-bottom-s-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .section.--full-width .col-top-s-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-left-s-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-right-s-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-bottom-s-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .section.--full-width .col-top-s-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-left-s-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-right-s-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-bottom-s-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .section.--full-width .col-top-s-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-left-s-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-right-s-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-bottom-s-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .section.--full-width .col-top-s-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-left-s-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-right-s-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-bottom-s-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .section.--full-width .col-top-s-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-left-s-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-right-s-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-bottom-s-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .section.--full-width .col-top-s-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-left-s-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-right-s-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-bottom-s-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .section.--full-width .col-top-s-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-left-s-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-right-s-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-bottom-s-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .section.--full-width .col-top-s-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-left-s-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-right-s-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-bottom-s-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .section.--full-width .col-top-s-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-left-s-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-right-s-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-bottom-s-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .section.--full-width .col-top-s-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-left-s-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-right-s-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-bottom-s-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .section.--full-width .col-top-xs-0 {
    margin-top: 0px;
  }
  .section.--full-width .col-left-xs-0 {
    margin-left: 0px;
  }
  .section.--full-width .col-right-xs-0 {
    margin-right: 0px;
  }
  .section.--full-width .col-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .section.--full-width .col-top-xs-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-left-xs-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-right-xs-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .section.--full-width .col-bottom-xs-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .section.--full-width .col-top-xs-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-left-xs-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-right-xs-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .section.--full-width .col-bottom-xs-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .section.--full-width .col-top-xs-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-left-xs-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-right-xs-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .section.--full-width .col-bottom-xs-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .section.--full-width .col-top-xs-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-left-xs-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-right-xs-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .section.--full-width .col-bottom-xs-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .section.--full-width .col-top-xs-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-left-xs-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-right-xs-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .section.--full-width .col-bottom-xs-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .section.--full-width .col-top-xs-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-left-xs-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-right-xs-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .section.--full-width .col-bottom-xs-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .section.--full-width .col-top-xs-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-left-xs-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-right-xs-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .section.--full-width .col-bottom-xs-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .section.--full-width .col-top-xs-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-left-xs-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-right-xs-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .section.--full-width .col-bottom-xs-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .section.--full-width .col-top-xs-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-left-xs-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-right-xs-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .section.--full-width .col-bottom-xs-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .section.--full-width .col-top-xs-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-left-xs-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-right-xs-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .section.--full-width .col-bottom-xs-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .section.--full-width .col-top-xs-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-left-xs-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-right-xs-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .section.--full-width .col-bottom-xs-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .section.--full-width .col-top-xs-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-left-xs-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-right-xs-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .section.--full-width .col-bottom-xs-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .section.--full-width .col-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .section.--full-width .col-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .section.--full-width .col-m-0 {
    display: none;
  }
}
@media (max-width: 922px) {
  .section.--full-width .col-l-0 {
    display: none;
  }
}
@media (max-width: 1200px) {
  .section.--full-width .col-xl-0 {
    display: none;
  }
}
.section.--full-width [class*=col].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.section.--full-width [class*=col].-justify-center {
  display: flex;
  justify-content: center;
}
.section.--full-width [class*=col].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.section.--full-width [class*=col].-align-start {
  display: flex;
  align-items: flex-start;
}
.section.--full-width [class*=col].-align-center {
  display: flex;
  align-items: center;
}
.section.--full-width [class*=col].-align-end {
  display: flex;
  align-items: flex-end;
}
.section.--full-width [class*=col].-text-left {
  text-align: left;
}
.section.--full-width [class*=col].-text-center {
  text-align: center;
}
.section.--full-width [class*=col].-text-right {
  text-align: right;
}
.section.--colored {
  position: relative;
  padding-top: 140px;
  padding-bottom: 140px;
  background-color: #EEF2F1;
}
@media (max-width: 922px) {
  .section.--colored {
    padding-top: 100px;
  }
}
@media (max-width: 768px) {
  .section.--colored {
    padding-top: 80px;
  }
}
@media (max-width: 576px) {
  .section.--colored {
    padding-top: 60px;
  }
}
@media (max-width: 375px) {
  .section.--colored {
    padding-top: 60px;
  }
}
@media (max-width: 922px) {
  .section.--colored {
    padding-bottom: 100px;
  }
}
@media (max-width: 768px) {
  .section.--colored {
    padding-bottom: 80px;
  }
}
@media (max-width: 576px) {
  .section.--colored {
    padding-bottom: 60px;
  }
}
@media (max-width: 375px) {
  .section.--colored {
    padding-bottom: 60px;
  }
}
.section.--colored.-color-1 {
  background-color: #D9DFE2;
}
.section.--colored.-color-2 {
  background-color: #A87352;
}
.section.--colored.-color-3 {
  background-color: #8E9FAC;
}
.section.--colored.-white {
  background-color: white;
}
.section.--colored.-black {
  background-color: #000;
}

.wpforms-submit,
.woocommerce-button,
.wfacp-order-place-btn-wrap .button,
.woocommerce-Button,
.woocommerce .button {
  border-radius: 100px !important;
  border: none !important;
  padding: 12px 30px !important;
  background-color: #000 !important;
  color: white !important;
  font-size: 16px !important;
}
.wpforms-submit.-bordered,
.woocommerce-button.-bordered,
.wfacp-order-place-btn-wrap .button.-bordered,
.woocommerce-Button.-bordered,
.woocommerce .button.-bordered {
  border: 1px solid currentColor !important;
  background: transparent !important;
  color: #7F7F7F !important;
}
.wpforms-submit.-bordered:hover,
.woocommerce-button.-bordered:hover,
.wfacp-order-place-btn-wrap .button.-bordered:hover,
.woocommerce-Button.-bordered:hover,
.woocommerce .button.-bordered:hover {
  background-color: #000 !important;
  color: white !important;
}
.wpforms-submit.-full-width,
.woocommerce-button.-full-width,
.wfacp-order-place-btn-wrap .button.-full-width,
.woocommerce-Button.-full-width,
.woocommerce .button.-full-width {
  justify-content: center;
  width: 100% !important;
  text-align: center;
}
.wpforms-submit + .button.-bordered.-full-width,
.woocommerce-button + .button.-bordered.-full-width,
.wfacp-order-place-btn-wrap .button + .button.-bordered.-full-width,
.woocommerce-Button + .button.-bordered.-full-width,
.woocommerce .button + .button.-bordered.-full-width {
  margin-top: 10px;
  font-size:12px !important;
}

.hamburger {
  position: relative;
  display: none;
  width: 20px;
  height: 15px;
  margin-top: 8px;
  margin-left: 10px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .hamburger {
    display: block;
  }
}
.hamburger span {
  position: absolute;
  display: inline-block;
  transition: 0.3s cubic-bezier(0.25, 0.8, 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(15px - 2px);
}
.hamburger.-active span {
  background-color: #000;
}
.hamburger.-active span:nth-of-type(1) {
  top: calc(7.5px);
  transform: rotate(-45deg);
}
.hamburger.-active span:nth-of-type(2) {
  opacity: 0;
}
.hamburger.-active span:nth-of-type(3) {
  top: calc(7.5px);
  transform: rotate(45deg);
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  left: 100%;
  width: 100%;
  height: 100vh;
  margin-top: 0 !important;
  background-color: white;
}
@media (max-width: 768px) {
  .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: 140px;
  padding-left: 140px;
  max-width: 1530px;
}
.mobile-menu .container .col-1:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.mobile-menu .container .col-1.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
}
.mobile-menu .container .col-2:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.mobile-menu .container .col-2.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
}
.mobile-menu .container .col-3:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.mobile-menu .container .col-3.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
}
.mobile-menu .container .col-4:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.mobile-menu .container .col-4.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
}
.mobile-menu .container .col-5:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.mobile-menu .container .col-5.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
}
.mobile-menu .container .col-6:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.mobile-menu .container .col-6.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
}
.mobile-menu .container .col-7:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.mobile-menu .container .col-7.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
}
.mobile-menu .container .col-8:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.mobile-menu .container .col-8.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
}
.mobile-menu .container .col-9:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.mobile-menu .container .col-9.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
}
.mobile-menu .container .col-10:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.mobile-menu .container .col-10.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
}
.mobile-menu .container .col-11:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.mobile-menu .container .col-11.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
}
.mobile-menu .container .col-12:not(.no-gutter) {
  width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.mobile-menu .container .col-12.no-gutter {
  width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
}
@media (max-width: 1200px) {
  .mobile-menu .container .col-xl-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-xl-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .mobile-menu .container .col-xl-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-xl-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .mobile-menu .container .col-xl-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-xl-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .mobile-menu .container .col-xl-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-xl-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .mobile-menu .container .col-xl-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-xl-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .mobile-menu .container .col-xl-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-xl-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .mobile-menu .container .col-xl-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-xl-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .mobile-menu .container .col-xl-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-xl-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .mobile-menu .container .col-xl-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-xl-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .mobile-menu .container .col-xl-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-xl-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .mobile-menu .container .col-xl-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-xl-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .mobile-menu .container .col-xl-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-xl-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 922px) {
  .mobile-menu .container .col-l-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-l-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .mobile-menu .container .col-l-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-l-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .mobile-menu .container .col-l-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-l-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .mobile-menu .container .col-l-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-l-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .mobile-menu .container .col-l-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-l-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .mobile-menu .container .col-l-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-l-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .mobile-menu .container .col-l-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-l-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .mobile-menu .container .col-l-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-l-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .mobile-menu .container .col-l-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-l-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .mobile-menu .container .col-l-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-l-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .mobile-menu .container .col-l-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-l-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .mobile-menu .container .col-l-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-l-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 768px) {
  .mobile-menu .container .col-m-1:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-m-1.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 1 + (0px * (1 - 1)));
  }
  .mobile-menu .container .col-m-2:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-m-2.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 2 + (0px * (2 - 1)));
  }
  .mobile-menu .container .col-m-3:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-m-3.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 3 + (0px * (3 - 1)));
  }
  .mobile-menu .container .col-m-4:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-m-4.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 4 + (0px * (4 - 1)));
  }
  .mobile-menu .container .col-m-5:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-m-5.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 5 + (0px * (5 - 1)));
  }
  .mobile-menu .container .col-m-6:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-m-6.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 6 + (0px * (6 - 1)));
  }
  .mobile-menu .container .col-m-7:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-m-7.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 7 + (0px * (7 - 1)));
  }
  .mobile-menu .container .col-m-8:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-m-8.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 8 + (0px * (8 - 1)));
  }
  .mobile-menu .container .col-m-9:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-m-9.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 9 + (0px * (9 - 1)));
  }
  .mobile-menu .container .col-m-10:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-m-10.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 10 + (0px * (10 - 1)));
  }
  .mobile-menu .container .col-m-11:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-m-11.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 11 + (0px * (11 - 1)));
  }
  .mobile-menu .container .col-m-12:not(.no-gutter) {
    width: calc(((100% - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-m-12.no-gutter {
    width: calc(((100% - (0px * (12 - 1))) / 12) * 12 + (0px * (12 - 1)));
  }
}
@media (max-width: 576px) {
  .mobile-menu .container .col-s-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .mobile-menu .container .col-s-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .mobile-menu .container .col-s-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .mobile-menu .container .col-s-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .mobile-menu .container .col-s-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .mobile-menu .container .col-s-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .mobile-menu .container .col-s-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .mobile-menu .container .col-s-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
@media (max-width: 375px) {
  .mobile-menu .container .col-xs-1:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 1 + (3.2% * (1 - 1)));
  }
  .mobile-menu .container .col-xs-1.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 1 + (0px * (1 - 1)));
  }
  .mobile-menu .container .col-xs-2:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 2 + (3.2% * (2 - 1)));
  }
  .mobile-menu .container .col-xs-2.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 2 + (0px * (2 - 1)));
  }
  .mobile-menu .container .col-xs-3:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 3 + (3.2% * (3 - 1)));
  }
  .mobile-menu .container .col-xs-3.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 3 + (0px * (3 - 1)));
  }
  .mobile-menu .container .col-xs-4:not(.no-gutter) {
    width: calc(((100% - (3.2% * (4 - 1))) / 4) * 4 + (3.2% * (4 - 1)));
  }
  .mobile-menu .container .col-xs-4.no-gutter {
    width: calc(((100% - (0px * (4 - 1))) / 4) * 4 + (0px * (4 - 1)));
  }
}
.mobile-menu .container .col-top-0 {
  margin-top: 0px;
}
.mobile-menu .container .col-left-0 {
  margin-left: 0px;
}
.mobile-menu .container .col-right-0 {
  margin-right: 0px;
}
.mobile-menu .container .col-bottom-0 {
  margin-bottom: calc(0px + 60px);
}
.mobile-menu .container .col-top-1 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.mobile-menu .container .col-left-1 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.mobile-menu .container .col-right-1 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
}
.mobile-menu .container .col-bottom-1 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
}
.mobile-menu .container .col-top-2 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.mobile-menu .container .col-left-2 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.mobile-menu .container .col-right-2 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
}
.mobile-menu .container .col-bottom-2 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
}
.mobile-menu .container .col-top-3 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.mobile-menu .container .col-left-3 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.mobile-menu .container .col-right-3 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
}
.mobile-menu .container .col-bottom-3 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
}
.mobile-menu .container .col-top-4 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.mobile-menu .container .col-left-4 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.mobile-menu .container .col-right-4 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
}
.mobile-menu .container .col-bottom-4 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
}
.mobile-menu .container .col-top-5 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.mobile-menu .container .col-left-5 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.mobile-menu .container .col-right-5 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
}
.mobile-menu .container .col-bottom-5 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
}
.mobile-menu .container .col-top-6 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.mobile-menu .container .col-left-6 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.mobile-menu .container .col-right-6 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
}
.mobile-menu .container .col-bottom-6 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
}
.mobile-menu .container .col-top-7 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.mobile-menu .container .col-left-7 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.mobile-menu .container .col-right-7 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
}
.mobile-menu .container .col-bottom-7 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
}
.mobile-menu .container .col-top-8 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.mobile-menu .container .col-left-8 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.mobile-menu .container .col-right-8 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
}
.mobile-menu .container .col-bottom-8 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
}
.mobile-menu .container .col-top-9 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.mobile-menu .container .col-left-9 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.mobile-menu .container .col-right-9 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
}
.mobile-menu .container .col-bottom-9 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
}
.mobile-menu .container .col-top-10 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.mobile-menu .container .col-left-10 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.mobile-menu .container .col-right-10 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
}
.mobile-menu .container .col-bottom-10 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
}
.mobile-menu .container .col-top-11 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.mobile-menu .container .col-left-11 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.mobile-menu .container .col-right-11 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
}
.mobile-menu .container .col-bottom-11 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
}
.mobile-menu .container .col-top-12 {
  margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.mobile-menu .container .col-left-12 {
  margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.mobile-menu .container .col-right-12 {
  margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
}
.mobile-menu .container .col-bottom-12 {
  margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
}
@media (max-width: 922px) {
  .mobile-menu .container .col-top-l-0 {
    margin-top: 0px;
  }
  .mobile-menu .container .col-left-l-0 {
    margin-left: 0px;
  }
  .mobile-menu .container .col-right-l-0 {
    margin-right: 0px;
  }
  .mobile-menu .container .col-bottom-l-0 {
    margin-bottom: calc(0px + 60px);
  }
  .mobile-menu .container .col-top-l-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-left-l-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-right-l-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-bottom-l-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-l-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-left-l-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-right-l-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-bottom-l-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-l-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-left-l-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-right-l-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-bottom-l-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-l-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-left-l-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-right-l-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-bottom-l-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-l-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-left-l-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-right-l-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-bottom-l-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-l-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-left-l-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-right-l-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-bottom-l-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-l-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-left-l-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-right-l-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-bottom-l-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-l-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-left-l-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-right-l-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-bottom-l-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-l-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-left-l-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-right-l-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-bottom-l-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-l-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-left-l-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-right-l-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-bottom-l-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-l-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-left-l-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-right-l-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-bottom-l-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-l-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-left-l-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-right-l-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-bottom-l-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 768px) {
  .mobile-menu .container .col-top-m-0 {
    margin-top: 0px;
  }
  .mobile-menu .container .col-left-m-0 {
    margin-left: 0px;
  }
  .mobile-menu .container .col-right-m-0 {
    margin-right: 0px;
  }
  .mobile-menu .container .col-bottom-m-0 {
    margin-bottom: calc(0px + 60px);
  }
  .mobile-menu .container .col-top-m-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-left-m-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-right-m-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-bottom-m-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-m-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-left-m-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-right-m-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-bottom-m-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-m-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-left-m-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-right-m-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-bottom-m-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-m-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-left-m-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-right-m-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-bottom-m-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-m-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-left-m-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-right-m-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-bottom-m-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-m-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-left-m-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-right-m-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-bottom-m-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-m-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-left-m-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-right-m-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-bottom-m-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-m-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-left-m-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-right-m-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-bottom-m-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-m-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-left-m-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-right-m-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-bottom-m-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-m-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-left-m-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-right-m-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-bottom-m-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-m-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-left-m-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-right-m-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-bottom-m-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 60px);
  }
  .mobile-menu .container .col-top-m-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-left-m-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-right-m-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-bottom-m-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 60px);
  }
}
@media (max-width: 576px) {
  .mobile-menu .container .col-top-s-0 {
    margin-top: 0px;
  }
  .mobile-menu .container .col-left-s-0 {
    margin-left: 0px;
  }
  .mobile-menu .container .col-right-s-0 {
    margin-right: 0px;
  }
  .mobile-menu .container .col-bottom-s-0 {
    margin-bottom: calc(0px + 40px);
  }
  .mobile-menu .container .col-top-s-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-left-s-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-right-s-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-bottom-s-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-s-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-left-s-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-right-s-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-bottom-s-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-s-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-left-s-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-right-s-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-bottom-s-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-s-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-left-s-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-right-s-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-bottom-s-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-s-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-left-s-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-right-s-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-bottom-s-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-s-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-left-s-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-right-s-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-bottom-s-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-s-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-left-s-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-right-s-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-bottom-s-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-s-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-left-s-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-right-s-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-bottom-s-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-s-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-left-s-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-right-s-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-bottom-s-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-s-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-left-s-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-right-s-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-bottom-s-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-s-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-left-s-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-right-s-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-bottom-s-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-s-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-left-s-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-right-s-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-bottom-s-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .mobile-menu .container .col-top-xs-0 {
    margin-top: 0px;
  }
  .mobile-menu .container .col-left-xs-0 {
    margin-left: 0px;
  }
  .mobile-menu .container .col-right-xs-0 {
    margin-right: 0px;
  }
  .mobile-menu .container .col-bottom-xs-0 {
    margin-bottom: calc(0px + 40px);
  }
  .mobile-menu .container .col-top-xs-1 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-left-xs-1 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-right-xs-1 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-1 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 1 + (4.5% * (1 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-xs-2 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-left-xs-2 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-right-xs-2 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-2 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 2 + (4.5% * (2 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-xs-3 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-left-xs-3 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-right-xs-3 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-3 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 3 + (4.5% * (3 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-xs-4 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-left-xs-4 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-right-xs-4 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-4 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 4 + (4.5% * (4 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-xs-5 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-left-xs-5 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-right-xs-5 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-5 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 5 + (4.5% * (5 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-xs-6 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-left-xs-6 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-right-xs-6 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-6 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 6 + (4.5% * (6 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-xs-7 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-left-xs-7 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-right-xs-7 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-7 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 7 + (4.5% * (7 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-xs-8 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-left-xs-8 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-right-xs-8 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-8 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 8 + (4.5% * (8 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-xs-9 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-left-xs-9 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-right-xs-9 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-9 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 9 + (4.5% * (9 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-xs-10 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-left-xs-10 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-right-xs-10 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-10 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 10 + (4.5% * (10 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-xs-11 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-left-xs-11 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-right-xs-11 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-11 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 11 + (4.5% * (11 - 1))) + 40px);
  }
  .mobile-menu .container .col-top-xs-12 {
    margin-top: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-left-xs-12 {
    margin-left: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-right-xs-12 {
    margin-right: calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1)));
  }
  .mobile-menu .container .col-bottom-xs-12 {
    margin-bottom: calc(calc(((1530px - (4.5% * (12 - 1))) / 12) * 12 + (4.5% * (12 - 1))) + 40px);
  }
}
@media (max-width: 375px) {
  .mobile-menu .container .col-xs-0 {
    display: none;
  }
}
@media (max-width: 576px) {
  .mobile-menu .container .col-s-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  .mobile-menu .container .col-m-0 {
    display: none;
  }
}
@media (max-width: 922px) {
  .mobile-menu .container .col-l-0 {
    display: none;
  }
}
@media (max-width: 1200px) {
  .mobile-menu .container .col-xl-0 {
    display: none;
  }
}
.mobile-menu .container [class*=col].-justify-start {
  display: flex;
  justify-content: flex-start;
}
.mobile-menu .container [class*=col].-justify-center {
  display: flex;
  justify-content: center;
}
.mobile-menu .container [class*=col].-justify-end {
  display: flex;
  justify-content: flex-end;
}
.mobile-menu .container [class*=col].-align-start {
  display: flex;
  align-items: flex-start;
}
.mobile-menu .container [class*=col].-align-center {
  display: flex;
  align-items: center;
}
.mobile-menu .container [class*=col].-align-end {
  display: flex;
  align-items: flex-end;
}
.mobile-menu .container [class*=col].-text-left {
  text-align: left;
}
.mobile-menu .container [class*=col].-text-center {
  text-align: center;
}
.mobile-menu .container [class*=col].-text-right {
  text-align: right;
}
@media (max-width: 768px) {
  .mobile-menu .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.mobile-menu.-active {
  left: 0;
}
.mobile-menu .menu-item {
  width: fit-content !important;
}
.mobile-menu .sub-menu {
  margin-left: 11px !important;
  margin-top: 0 !important;
}
.mobile-menu .sub-menu li {
  width: fit-content !important;
  background-color: white !important;
}
.mobile-menu .sub-menu span {
  font-size: 14px !important;
  color: black !important;
}
.mobile-menu .sub-menu a {
  padding-top: 0 !important;
}

.overview {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-4.5% / 2);
  margin-right: calc(-4.5% / 2);
  margin-bottom: -20px;
  width: calc(100% + (4.5%));
}
.overview__item {
  width: calc((4 * 100% / 12) - 4.5%);
  margin: 0 calc(4.5% / 2);
  margin-bottom: 20px;
}

.slider {
  width: 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;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slider__slide.-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.slider__controls {
  display: none;
  justify-content: space-between;
}
.slider__controls.-active {
  display: flex;
}
.slider__control {
  cursor: pointer;
}

.link {
  display: inline-block;
  color: #000;
  padding-bottom: 5px;
  transition: background-size 0.6s cubic-bezier(0.2, 0.8, 0.25, 1), background-position 0.6s cubic-bezier(0.2, 0.8, 0.25, 1);
  background-image: linear-gradient(#D9DFE2, #D9DFE2);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
}
.link:hover {
  animation: backgroundPosition 450ms;
  background-size: 100% 1px;
  background-position: 100% 100%;
}
.socials {
  display: flex;
}
.socials__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #A87352;
}
.socials__item img {
  width: 55%;
}
.socials__item + .socials__item {
  margin-left: 12px;
}

.productline {
  position: relative;
  height: 550px;
  margin: 7px;
}
.productline .elementor-button {
  position: absolute;
  bottom: 130px;
  left: 0;
  right: 0;
  transform: translateY(30px);
  opacity: 0;
  width: fit-content;
  width: -moz-fit-content;
  margin: auto;

  @media (max-width:768px) {
    bottom:30px;
  }
}
.productline .elementor-widget-wrap {
  display: flex;
  align-content: flex-end;
}
.productline .elementor-widget-wrap h2 {
  font-family: "Neue Montreal", sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.05;
  color: #000;
}
@media (max-width: 922px) {
  .productline .elementor-widget-wrap h2 {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .productline .elementor-widget-wrap h2 {
    font-size: 32px;
  }
}
@media (max-width: 576px) {
  .productline .elementor-widget-wrap h2 {
    font-size: 32px;
  }
}
.productline .elementor-widget-wrap h2 + * {
  margin-top: 20px;
}
@media (max-width: 922px) {
  .productline .elementor-widget-wrap h2 + * {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .productline .elementor-widget-wrap h2 + * {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .productline .elementor-widget-wrap h2 + * {
    margin-top: 20px;
  }
}
.productline .elementor-widget:not(:last-child) {
  margin-bottom: 15px;
}
.productline .elementor-widget-image {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.productline:hover .elementor-button {
  transform: translateY(0);
  opacity: 1;
}
.productline:hover .elementor-widget-image {
  opacity: 0;
}

.werkwijze img {
  display: block !important;
  width: 40px;
  max-height: 100px;
  object-fit: contain;
  object-position: center;
  padding: 20px 0;
  margin-top: -20px;
  background-color: white;
}
.werkwijze .elementor-section:not(:last-child):not(:nth-last-child(2)) {
  position: relative;
}
.werkwijze .elementor-section:not(:last-child):not(:nth-last-child(2))::before {
  content: "";
  position: absolute;
  left: 30px;
  width: 1px;
  height: 100%;
  background-color: black;
}
.werkwijze .elementor-section:not(:last-child):not(:nth-last-child(2)) + .elementor-section {
  padding-top: 30px;
}
.werkwijze.-color-light img {
  background-color: rgb(245, 246, 247);
}

.parent-pageid-117976 .elementor-top-section .elementor-col-66 .elementor-widget-text-editor > div {
  @media all and (min-width:768px) {
    max-width:80%;
  }
}

.textblock {
  max-width: 660px;
  padding-left: 130px;
  margin-right:auto;
}
.textblock--left .elementor-widget-wrap {
  max-width: 570px;
  padding-right: 40px !important;
}
@media (max-width: 768px) {
  .textblock--left .elementor-widget-wrap {
    padding-right: 0 !important;
    margin-bottom: 40px;
  }
}
@media (max-width: 1480px) {
  .textblock {
    padding-left: 60px;
  }
}
@media (max-width: 768px) {
  .textblock {
    padding-left: 0;
    margin-top: 40px;
  }
}

.wpc-filters-widget-wrapper::before {
  content: "Filter";
  display: block;
  margin-bottom: 35px;
  font-family: "Neue Montreal", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.32;
  color: #000;
}
@media (max-width: 922px) {
  .wpc-filters-widget-wrapper::before {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .wpc-filters-widget-wrapper::before {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .wpc-filters-widget-wrapper::before {
    font-size: 22px;
  }
}
.wpc-filters-widget-wrapper::before + * {
  margin-top: 20px;
}
@media (max-width: 922px) {
  .wpc-filters-widget-wrapper::before + * {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .wpc-filters-widget-wrapper::before + * {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .wpc-filters-widget-wrapper::before + * {
    margin-top: 20px;
  }
}
.wpc-filters-widget-wrapper .wpc-filter-header { cursor:pointer; }
.wpc-filters-widget-wrapper .widget-title {
  font-family: "Neue Montreal Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  color: #000;
  padding-top: 25px;
  border-top: 1px solid #D9DFE2;
  font-size: 16px;
  margin-bottom:0;
}
@media (max-width: 922px) {
  .wpc-filters-widget-wrapper .widget-title {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .wpc-filters-widget-wrapper .widget-title {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .wpc-filters-widget-wrapper .widget-title {
    font-size: 20px;
  }
}
.wpc-filters-widget-wrapper .widget-title + * {
  margin-top: 30px;
}
@media (max-width: 922px) {
  .wpc-filters-widget-wrapper .widget-title + * {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .wpc-filters-widget-wrapper .widget-title + * {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .wpc-filters-widget-wrapper .widget-title + * {
    margin-top: 20px;
  }
}
.wpc-filters-widget-wrapper .wpc-filters-ul-list {
  padding: 0 !important;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.wpc-filters-widget-wrapper .wpc-filters-ul-list::-webkit-scrollbar {
  display: none;
}
.wpc-filters-widget-wrapper label {
  font-family: "Neue Montreal", sans-serif;
  line-height: 1.66;
  font-size: 20px;
  font-weight: 400;
  color: #7F7F7F;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 10px !important;
  font-size: 16px;
  color: #000 !important;
  text-transform: lowercase;
}
@media (max-width: 922px) {
  .wpc-filters-widget-wrapper label {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .wpc-filters-widget-wrapper label {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .wpc-filters-widget-wrapper label {
    font-size: 16px;
  }
}
.wpc-filters-widget-wrapper label + * {
  margin-top: 60px;
}
@media (max-width: 922px) {
  .wpc-filters-widget-wrapper label + * {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .wpc-filters-widget-wrapper label + * {
    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  .wpc-filters-widget-wrapper label + * {
    margin-top: 15px;
  }
}
@media (max-width: 1480px) {
  .wpc-filters-widget-wrapper label {
    font-size: 14px;
  }
}
.wpc-filters-widget-wrapper label a {
  font-size: 16px;
  color: #000 !important;
}
.wpc-filters-widget-wrapper label a::first-letter {
  text-transform: uppercase !important;
}
.wpc-filters-widget-wrapper input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block !important;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #919B95;
}
.wpc-filters-widget-wrapper input[type=checkbox]:checked {
  background-image: url("/wp-content/themes/bottlex/assets/img/check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
}

.wpc-filter-content { height:0; opacity:0; transition:all 0.3s; margin-top:-25px; }
.wpc-filter-content.active,
.wpc-filter-content.filter-active { height:auto; opacity:1; margin-top:0; }

.wpc-filter-content ul { margin-top:20px; }

.wpc-filter-header::after {
  content:url('/wp-content/themes/bottlex/assets/img/plus.svg');
  width:6px; height:6px; display:block;
  position:absolute; right:0; top:15px;
}
.wpc-filter-header.active::after { content:url('/wp-content/themes/bottlex/assets/img/min.svg'); }

.mobile-filter-container {
  position: fixed;
  top: 0;
  left: -100%;
  width: 90%;
  height: 100%;
  background: white;
  box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
  transition: left 0.3s ease-in-out;
  z-index: 9999;
  overflow-y: auto;
  padding: 20px;
}

.mobile-filter-container.visible {
  left: 0;
}

@media (max-width:768px) {
  .woocommerce-ordering {
    width:50%; margin-top:-60px !important;
    border:1px solid black;
    padding: 3.5px 10px;

    select {
      width:auto !important; min-width:0 !important;
      font-weight:500; font-size:12px;
    }
  }
}

.filter-toggle-button {
  position: relative;
  top: 10px;
  left:0;
  background: #333;
  color: white;
  padding: 10px 15px;
  border-radius:0 !important;
  border: none;
  width:45%;
  font-weight:500 !important; font-size:12px;
}

.close-filters {
  display: block;
  text-align: right;
  cursor: pointer;
  padding: 10px;
  font-size: 16px;
}


.vacancies .elementor-grid {
  display: flex !important;
  flex-direction: column;
  grid-gap: 0 !important;
}
.vacancies .elementor-grid .elementor-container {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #D9DFE2;
}
@media (max-width: 922px) {
  .vacancies .elementor-grid .elementor-container {
    display: flex;
    flex-direction: column;
  }
}
.vacancies .elementor-grid .elementor-container:last-child {
  border-bottom: 1px solid #D9DFE2;
}
.vacancies .elementor-grid .elementor-widget-wrap {
  display: flex;
  align-content: center;
}
.vacancies .elementor-grid .elementor-heading-title {
  font-family: "Neue Montreal", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.32;
  color: #000;
}
@media (max-width: 922px) {
  .vacancies .elementor-grid .elementor-heading-title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .vacancies .elementor-grid .elementor-heading-title {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .vacancies .elementor-grid .elementor-heading-title {
    font-size: 22px;
  }
}
.vacancies .elementor-grid .elementor-heading-title + * {
  margin-top: 20px;
}
@media (max-width: 922px) {
  .vacancies .elementor-grid .elementor-heading-title + * {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .vacancies .elementor-grid .elementor-heading-title + * {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .vacancies .elementor-grid .elementor-heading-title + * {
    margin-top: 20px;
  }
}

.faq-accordion .faq-main {
  margin-bottom: -1px;
  background-color: transparent !important;
  border-left: 0;
  border-right: 0;
}
.faq-accordion .faq-title {
  padding: 20px 0;
}
.faq-accordion .faq-title h4 {
  padding-right: 40px !important;
}

#search-faq {
  background-image: url("/wp-content/uploads/2024/02/search.svg");
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: left top 8px;
}
#search-faq input {
  border: none;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  padding-left: 35px;
  width: 100%;
  outline: none;
  background-color: transparent;
  font-family: "Neue Montreal", sans-serif;
  line-height: 1.66;
  font-size: 20px;
  font-weight: 400;
  color: #7F7F7F;
  font-size: 18px;
  color: #000;
}
@media (max-width: 922px) {
  #search-faq input {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  #search-faq input {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  #search-faq input {
    font-size: 16px;
  }
}
#search-faq input + * {
  margin-top: 60px;
}
@media (max-width: 922px) {
  #search-faq input + * {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  #search-faq input + * {
    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  #search-faq input + * {
    margin-top: 15px;
  }
}
#search-faq .search__cross {
  position: absolute;
  top: -50px;
  right: 3px;
  transition: opacity 0.3s;
  width: 14px;
  height: 14px;
  background-image: url("/wp-content/uploads/2024/02/cross.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
#search-faq .search__cross:hover {
  opacity: 0.7;
}

@media (max-width: 1200px) {
  .topbar {
    display: none !important;
  }
}
.topbar *, .topbar * * {
  font-size: 14px !important;
  color: white !important;
}
@media (min-width: 1480px) {
  .topbar *, .topbar * * {
    font-size: 12px !important;
  }
}
.topbar .elementor-widget-wrap {
  display: flex !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.topbar .elementor-widget-wrap > div {
  width: fit-content !important;
}
.topbar .elementor-icon-list-items .elementor-icon-list-item:nth-child(n+3):not(:nth-last-child(-n+2)) {
  display: none;
}
.topbar .elementor-widget-nav-menu {
  display: flex;
  align-items: center;
  margin: 0 !important;
}
.topbar .elementor-widget-nav-menu::after {
  content: "";
  z-index: 1 !important;
  display: block !important;
  margin-left: 20px;
  margin-right: 20px;
  height: 17px;
  width: 1px;
  background-color: white;
}
.topbar .menu-item .elementor-item {
  margin-left: 30px !important;
  color: white !important;
}
@media (min-width: 1480px) {
  .topbar .menu-item .elementor-item {
    margin-left: 20px !important;
  }
}
.topbar + * {
  margin-top: 0 !important;
}

.elementor-location-header .topbar .elementor-item {
  font-size: 14px !important;
  color: white !important;
}
@media (min-width: 1480px) {
  .elementor-location-header .topbar .elementor-item {
    font-size: 12px !important;
  }
}

.mobilemenu-button .elementor-button-link {
  padding-left:25px !important; padding-right:25px !important;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.modal__inner {
  position: relative;
  margin: 5% auto;
  padding: 60px;
  width: 900px;
  max-width: calc(100% - 40px);
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 922px) {
  .modal__inner {
    margin: 40px auto;
  }
}
.modal__inner input,
.modal__inner .wpforms-field-row {
  max-width: unset !important;
}
.modal__title {
  font-size: 32px !important;
}
.modal__close {
  position: fixed;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
@media (max-width: 922px) {
  .modal__close {
    right: 15px;
    top: 15px;
  }
}
.modal__close span {
  display: block;
  transform: rotate(45deg);
  width: 20px;
  height: 2px;
  background-color: white;
}
.modal__close span + span {
  margin-top: -2px;
  transform: rotate(-45deg);
}
.modal.-active {
  display: block;
}

.open-modal {
  cursor: pointer;
}

.prev-next {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 30px;
}
.prev-next a {
  display: flex;
  align-items: center;
  font-size: 14px !important;
  font-weight: 500;
  text-transform: uppercase;
}
.prev-next a:nth-child(1)::before, .prev-next a:nth-child(2)::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background-image: url("assets/img/arrow-left.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: left;
}
.prev-next a:nth-child(2)::after {
  background-image: url("assets/img/arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: right;
  margin-right: 0;
  margin-left: 10px;
}

.cwginstock-subscribe-form h4 {
  font-size: 21px;
}
.cwginstock-subscribe-form .panel-primary {
  border-color: #DADBDC !important;
}
.cwginstock-subscribe-form .cwginstock-panel-heading {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.cwginstock-subscribe-form .panel-heading {
  background-color: #DADBDC !important;
  border-color: #DADBDC !important;
}
.cwginstock-subscribe-form .cwgstock_name {
  margin-bottom: 0 !important;
}
.cwginstock-subscribe-form .cwgstock_email,
.cwginstock-subscribe-form .cwgstock_name {
  border: 1px solid #DADBDC !important;
  padding: 15px 20px;
  text-align: left !important;
  font-family: "Neue Montreal", sans-serif;
  line-height: 1.66;
  font-size: 20px;
  font-weight: 400;
  color: #7F7F7F;
  font-size: 16px !important;
}
@media (max-width: 922px) {
  .cwginstock-subscribe-form .cwgstock_email,
  .cwginstock-subscribe-form .cwgstock_name {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .cwginstock-subscribe-form .cwgstock_email,
  .cwginstock-subscribe-form .cwgstock_name {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .cwginstock-subscribe-form .cwgstock_email,
  .cwginstock-subscribe-form .cwgstock_name {
    font-size: 16px;
  }
}
.cwginstock-subscribe-form .cwgstock_email + *,
.cwginstock-subscribe-form .cwgstock_name + * {
  margin-top: 60px;
}
@media (max-width: 922px) {
  .cwginstock-subscribe-form .cwgstock_email + *,
  .cwginstock-subscribe-form .cwgstock_name + * {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .cwginstock-subscribe-form .cwgstock_email + *,
  .cwginstock-subscribe-form .cwgstock_name + * {
    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  .cwginstock-subscribe-form .cwgstock_email + *,
  .cwginstock-subscribe-form .cwgstock_name + * {
    margin-top: 15px;
  }
}
.cwginstock-subscribe-form .cwgstock_email {
  margin-top: 15px;
}
.cwginstock-subscribe-form .cwgstock_button {
  font-size: 16px !important;
}
.cwginstock-subscribe-form .cwginstocksuccess,
.cwginstock-subscribe-form .cwginstockerror {
  font-size: 14px;
  line-height: 1.2;
  margin: 30px 0 15px !important;
}
.single-product__container {
   #respond input#submit, a.button, button.button, input.button {
    width:100%; text-align:center;
    transition:all 0.3s ease;
  }
}

@media all and (max-width:1410px) {
  .elementor-location-header.elementor-icon-list--layout-inline { display:none; }
  .single-product__container {
    margin-top:30px;
  }
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
    background-color: #919b95 !important;
}
.woocommerce-pagination .page-numbers {
  border: none !important;
}
.woocommerce-pagination .page-numbers li {
  border: none !important;
}
.woocommerce-pagination .page-numbers li a, .woocommerce-pagination .page-numbers li span {
  border: 1px solid #000 !important;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  padding-top: 11px !important;
  font-size: 16px !important;
}
.woocommerce-pagination .page-numbers li a.dots, .woocommerce-pagination .page-numbers li span.dots {
  width: auto !important;
  border: none !important;
}
.woocommerce-pagination .page-numbers li a.current, .woocommerce-pagination .page-numbers li a:hover, .woocommerce-pagination .page-numbers li span.current, .woocommerce-pagination .page-numbers li span:hover {
  background-color: #000 !important;
  color: white !important;
}
.woocommerce-pagination .page-numbers li + li {
  margin-left: 8px !important;
}

ul.products li.product:hover { color:#cc1341 !important; }

.products {
  grid-row-gap: 50px;
}
.products .product {
  position: relative;
}

.products.elementor-grid { padding-left:0 !important; }

span.imagehovertext {
  display:none;
}

.tp-image-wrapper {
  .hover-text {
    position:absolute; bottom:15px; left:0; right:0;
    text-align:center;
    background:rgba(255, 255, 255, 0.7); border:1px solid white;
    margin:0 15px;
    padding:5px 20px;
    color:black; font-weight:500; font-size:15px; border-radius:5px;
    opacity:0; bottom:-25px;
    transition:all 0.3s;
  }
  .hover-text:hover { background:white; }
}
.tp-image-wrapper:hover {
    .hover-text {
        opacity:1; bottom:15px;
    }
}


.products .product .product-categories {
  font-size:12px; color:black; font-weight:normal;
  background:#EFEFEF; padding:0px 9px; border-radius:5px;
  display:inline-flex; align-items:center;
  height:27px;
  margin-bottom:10px;
}
.products .product .price {
  display: none !important;
  margin-top:0 !important;

  .excl-btw {
    font-size:0.8em!important;
  }
}

.products .product .product-volume {
  font-size:14px; margin-top:0;
}

.products .product .woocommerce-loop-product__title {
  font-size: 14px !important;
  font-weight: 500;
  line-height: 18px;
}
.products .product .woocommerce-loop-product__link {
  position: relative;
}
.products .product .woocommerce-loop-product__link img,
.products .product .woocommerce-loop-product__link .container-image-and-badge {
  height: 400px !important;
  object-fit: cover;
  margin-bottom: 10px !important;
}
@media (max-width: 1480px) {
  .products .product .woocommerce-loop-product__link img,
  .products .product .woocommerce-loop-product__link .container-image-and-badge {
    height: 400px !important;
  }
}
@media (max-width: 767px) {
  .products .product .woocommerce-loop-product__link img,
  .products .product .woocommerce-loop-product__link .container-image-and-badge {
    height: 254px !important;
  }
}


.products .product .woocommerce-loop-product__link + .button {
  position: absolute;
  top: 455px;
  left: 0;
  right: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.25s ease-in-out;
  width: fit-content;
  margin: auto;
  border-radius: 50px;
  border: 2px solid white;
  padding: 13px 40px;
  background-color: rgba(255, 255, 255, 0.25);
  font-weight: 700 !important;
  color: white;
}
@media (max-width: 1480px) {
  .products .product .woocommerce-loop-product__link + .button {
    top: 305px;
    font-size: 18px;
  }
}
.products .product:hover .woocommerce-loop-product__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 560px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.25));
}
@media (max-width: 1480px) {
  .products .product:hover .woocommerce-loop-product__link::after {
    height: 400px !important;
  }
}
.products .product:hover .button {
  transform: translate(0);
  opacity: 1;
}

.products .product:hover .woocommerce-loop-product__title { color:#cc1341 !important; }

/* Style the ordering form */
.woocommerce-ordering {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px; /* Add some space below the select dropdown */
}

/* Style the select element */
.woocommerce-ordering select {
  background-color: transparent;
  border: none;
  padding: 10px 15px;
  font-size: 14px; /* Adjust the font size */
  font-family: 'Arial', sans-serif; /* Adjust the font family */
  color: #333; /* Dark color for the text */
  appearance: none; /* Remove default dropdown appearance */
  -webkit-appearance: none; /* Remove default appearance on Webkit browsers */
  -moz-appearance: none; /* Remove default appearance on Firefox */
  cursor: pointer;
  width: auto; /* Make the width fit the content */
  margin-right: 10px; /* Add space between select and other form elements */
}

/* Optional: Style the arrow icon */
.woocommerce-ordering select::-ms-expand {
  display: none; /* Remove the default dropdown arrow in IE */
}

/* Add custom arrow for the select box */
.woocommerce-ordering select {
  background-image: url('path-to-your-arrow-icon.png'); /* Replace with your custom arrow image */
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 30px; /* Adjust space for the custom arrow */
}

/* Style the options inside the dropdown */
.woocommerce-ordering select option {
  padding: 10px;
  font-size: 14px;
  font-family: 'Arial', sans-serif; /* Same font as select */
  color: #333;
}
/* Style the ordering form */
.woocommerce-ordering {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px; /* Add some space below the select dropdown */
}

/* Style the select element */
.woocommerce-ordering select {
  background-color: transparent;
  border: none;
  padding: 10px 15px;
  font-size: 16px; /* Adjust the font size */
  font-family: "Neue Montreal", Sans-serif;
  color: #333; /* Dark color for the text */
  appearance: none; /* Remove default dropdown appearance */
  -webkit-appearance: none; /* Remove default appearance on Webkit browsers */
  -moz-appearance: none; /* Remove default appearance on Firefox */
  cursor: pointer;
  width: auto; /* Make the width fit the content */
  margin-right: 10px; /* Add space between select and other form elements */
}

/* Optional: Style the arrow icon */
.woocommerce-ordering select::-ms-expand {
  display: none; /* Remove the default dropdown arrow in IE */
}

/* Add custom arrow for the select box */
.woocommerce-ordering select {
  background-image: url('/wp-content/themes/bottlex/assets/img/select.svg'); /* Replace with your custom arrow image */
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 30px; /* Adjust space for the custom arrow */
}

/* Style the options inside the dropdown */
.woocommerce-ordering select option {
  padding: 10px;
  font-size: 14px;
  font-family: 'Arial', sans-serif; /* Same font as select */
  color: #333;
}

.swiper-container .product {
  position: relative;
}
.swiper-container .product .price {
  display: none !important;
}
.swiper-container .product .woocommerce-loop-product__title {
  padding-top: 0px !important;
}
.swiper-container .product .woocommerce-loop-product__link {
  position: relative;
}
.swiper-container .product .woocommerce-loop-product__link img,
.swiper-container .product .woocommerce-loop-product__link .container-image-and-badge {
  height: 560px !important;
  object-fit: cover;
  margin-bottom: 25px !important;
}
@media (max-width: 1480px) {
  .swiper-container .product .woocommerce-loop-product__link img,
  .swiper-container .product .woocommerce-loop-product__link .container-image-and-badge {
    height: 400px !important;
  }
}
.swiper-container .product .woocommerce-loop-product__link + .button {
  position: absolute;
  top: 455px;
  left: 0;
  right: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.25s ease-in-out;
  width: fit-content;
  margin: auto;
  border-radius: 50px;
  border: 2px solid white;
  padding: 13px 40px;
  background-color: rgba(255, 255, 255, 0.25);
  font-weight: 700 !important;
  color: white;
}
@media (max-width: 1480px) {
  .swiper-container .product .woocommerce-loop-product__link + .button {
    top: 305px;
    font-size: 18px;
  }
}
.swiper-container .product:hover .woocommerce-loop-product__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 560px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.25));
}
@media (max-width: 1480px) {
  .swiper-container .product:hover .woocommerce-loop-product__link::after {
    height: 400px !important;
  }
}
.swiper-container .product:hover .button {
  transform: translate(0);
  opacity: 1;
}
.swiper-container .product img {
  height: 500px !important;
  object-fit: cover;
}
@media (max-width: 922px) {
  .swiper-container .product img {
    height: 550px !important;
  }
}
@media (max-width: 576px) {
  .swiper-container .product img {
    height: 120vw !important;
  }
}
.swiper-container .entry-title.elementor-heading-title {
  font-size: 22px !important;
}
.swiper-container .entry-title.elementor-heading-title a {
  font-size: 22px !important;
}
.swiper-container .elementor-widget:not(:last-child) {
  margin-bottom: 15px !important;
}

.swiper-wrapper .elementor-widget:not(:last-child) { margin-block-end:5px !important; }

.product-gallery {
  text-align: center;
  width:100%;
  margin-top:20px !important;

  button {
    border:0 !important;
    padding:0 !important; border-radius:0 !important;
    width:50px; height:50px; background:white !important;
    box-shadow:0px 0px 2px rgba(0,0,0,0.16);
    display:flex; justify-content:center; align-items:center;
    z-index:9 !important;
  }
  button::before {
    content:url('/wp-content/themes/bottlex/assets/img/arrow-left.svg');
    filter:grayscale(1) brightness(0);
  }
  button.slick-next::before {
    transform:rotate(180deg);
  }

  button.slick-next { right:40px; left:auto; }
  button.slick-prev { left:40px; right:auto; }
  @media (max-width: 768px) {
    button {
      width:30px; height:30px;
    }
    button::before {
      content:"";
      width:10px; height:10px;
      background:url('/wp-content/themes/bottlex/assets/img/arrow-left.svg') no-repeat center center;
      background-size:contain;
    }
    button.slick-next { right:15px; left:auto; }
    button.slick-prev { left:15px; right:auto; }
  }
}

.main-slider {
  max-width:100%;
  background:#EBECEC;
  margin: auto;
  position: relative;

  @media all and (min-width:1200px) {
    .slick-track .slick-slide {
      padding:50px 150px;
    }
  }
}

.thumb-slider {
  max-width: 600px;
  margin: 15px auto 0 0;

  .slick-list { padding-left:0 !important; }
  .slick-list, .slick-track { transform:none !important; }
  .slick-slide {
    margin-right:15px;
    width:123px !important; height:123px !important;
  }
}

.thumb-slider img {
  width: 100%;
  cursor: pointer;
  width:123px !important; height:123px !important; object-fit:cover;
}

.single-product {
  margin-top: 130px;
}
@media (max-width: 576px) {
  .single-product {
    margin-top: 80px;
  }
}

.single-product { padding-top:30px; }
.single-product .entry-title.elementor-heading-title {
  font-size: 32px !important;
}

.single-product .product-categories {
  font-size:12px; color:black; font-weight:normal;
  background:#EFEFEF; padding:0px 9px; border-radius:5px;
  display:inline-flex; align-items:center;
  height:27px;
  margin-bottom:10px;
}


.single-product .wc-pao-addon-name {
  font-weight: 500;
  font-size: 20px;
  color: #000;
  margin-bottom:10px;
}
.single-product .cart {
  flex-wrap: wrap;
  flex-direction: column !important;
}
.single-product .product-addon-totals *,
.single-product .price * {
  color: #000 !important;
  font-size: 26px !important; font-weight:500;
}
.single-product .price {
  del, span { display:inline-flex !important; }
}

html:lang(nl) {
  body.logged-in {
    .single-product .price::before {
      content:"Prijs per stuk";
    }
    .single-product .price::after {
      content:"Excl. BTW"; margin-left:5px;
    }
  }
}
html:lang(en) {
  body.logged-in {
    .single-product .price::before {
      content:"Price";
    }
    .single-product .price::after {
      content:"Excl. VAT"; margin-left:5px;
    }
  }
}
html:lang(de) {
  body.logged-in {
    .single-product .price::before {
      content: "Preis";
    }
    .single-product .price::after {
      content: "Exkl. MwSt"; margin-left:5px;
    }
  }
}
html:lang(fr) {
  body.logged-in {
    .single-product .price::before {
      content: "Prix";
    }
    .single-product .price::after {
      content: "Hors TVA"; margin-left:5px;
    }
  }
}

.single-product .price > *, .single-product .quantity > *, .single-product .quantity, .single-product .price::before {
  display:block; font-size:16px; color:black !important; font-weight:500;
}

.single-product .price, .single-product .quantity { width:45%; font-family:"Neue Montreal"; }

.single-product input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  transform: translateY(4px);
  border-radius: 100%;
  margin-right: 8px;
  appearance: none;
  -webkit-appearance: none;
  display: inline-block !important;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #919B95;
}
.single-product input[type=radio]:checked {
  background-image: url("/wp-content/themes/bottlex/assets/img/check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
}
.single-product .elementor-widget-woocommerce-product-add-to-cart {
  margin-bottom: 80px !important;
}
.single-product .input-text.wc-pao-addon-field {
  border: none;
  padding: 15px;
  background-color: #F5F6F7;
  font-family: "Neue Montreal", sans-serif;
  line-height: 1.66;
  font-size: 20px;
  font-weight: 400;
  color: #7F7F7F;
  font-size: 16px;
}
@media (max-width: 922px) {
  .single-product .input-text.wc-pao-addon-field {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .single-product .input-text.wc-pao-addon-field {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .single-product .input-text.wc-pao-addon-field {
    font-size: 16px;
  }
}
.single-product .input-text.wc-pao-addon-field + * {
  margin-top: 60px;
}
@media (max-width: 922px) {
  .single-product .input-text.wc-pao-addon-field + * {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .single-product .input-text.wc-pao-addon-field + * {
    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  .single-product .input-text.wc-pao-addon-field + * {
    margin-top: 15px;
  }
}
.single-product .stock {
  color: #919B95 !important;
  font-size:16px;
  margin-bottom:20px;
}
.single-product .stock.in-stock, .single-product .stock.available-on-backorder {
  display: flex;
  align-items: center;
  width:100%;
}
.single-product .stock.in-stock::before, .single-product .stock.available-on-backorder::before {
  content: "";
  display: block;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  background-image: url("assets/img/stock.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.single-product .stock + form {
  margin-top: 25px !important;
}
.single-product .woocommerce-product-details__short-description {
  margin-top: 40px;
  color: #000;
}

.single-product .woocommerce-product-details__short-description strong {
  font-weight:500 !important;
}

.single-product .woocommerce-product-details__short-description * {
  color: #000; font-weight:500 !important;
  font-size:16px !important;
}

.woocommerce-tabs h2 {
  font-size: 22px !important;
}
.woocommerce-tabs ul {
  padding-left: 30px;
}
.woocommerce-tabs p, .woocommerce-tabs li {
  font-size: 16px;
  color: #000;
}

@media (max-width: 768px) {
  .elementor-99747 .elementor-element.elementor-element-40b66d9 > .elementor-element-populated {
    padding-left: 0px !important;
  }
}

.woocommerce-MyAccount-navigation {
  @media (max-width: 768px) {
    ul { padding:30px !important; }
  }
}

.woocommerce .col2-set { position:relative; }

.woocommerce-ResetPassword { padding:70px; }

.woocommerce-account .the-content {
    max-width:1330px !important;
    margin:auto;
    padding:0 !important;
}

.woocommerce #login,
.woocommerce #register,
.woocommerce #registered {
  display:flex; justify-content:space-between;
  @media all and (max-width: 768px) {
    flex-direction:column;
  }

  h4 {
    font-size:14px; font-weight:700;
    color:#A87352; text-transform:uppercase;
  }
  h2 { margin:5px 0 5px 0; }

  .noaccount, .login {
    margin-top:0px; margin-bottom:20px;
    font-size:16px; color:black;

    span {
      text-decoration:underline; cursor:pointer;
    }
  }
}
.woocommerce #login {
  position:relative; z-index:1;
  display:none;
}
.woocommerce #register {
  display:flex;
  position:relative;
  opacity:1;
  background:white;
  transition: all 0.3s ease-in-out; /* Smooth transition for both opacity and margin */
  z-index:55;

  .woocommerce-form {
    margin-top:0;
    font-size:16px; color:black;

    h3:first-child { margin-top:60px; }
    h3 { font-weight:normal; font-size:22px; margin-top:40px; }

    .form-row.consent {
      > label {
        margin-top:40px; margin-bottom:40px;
        display:block;
      }
    }
    .woocommerce-form-register__submit { width:100%; }
  }
}

.woocommerce #registered {
  display:none;
  position:relative;
  opacity:1;
  background:white;
  z-index:66;

  p { font-size:16px; color:black !important; }

  h3 { font-weight:normal; font-size:22px; margin-top:40px; }

  a { width:100%; margin-top:245px; text-align:center; }

  @media all and (max-width: 768px) {
    a { margin-top:40px; }
  }
}

.woocommerce .col-2,
.woocommerce .col-1 {
  float:none !important;
}

.woocommerce .col-1 {
  width:60% !important;
  padding:70px 70px;
  @media all and (max-width: 768px) {
    padding:40px 40px; width:100% !important;

    .form-row-first, .form-row-last, form .form-row-first, form .form-row-last { width:100% !important; }
  }
}
.woocommerce .col-2 {
  display:flex; justify-content:flex-start; flex-direction:column;
  width:100% !important;
  padding:70px 70px; padding-top:0;

  > div:first-child { margin-bottom:40px; }

  @media all and (max-width: 768px) {
    padding:40px 40px; width:100% !important;

    .form-row-first, .form-row-last, form .form-row-first, form .form-row-last { width:100% !important; }
  }
}

.woocommerce-form-row label,
.form-row label {
  line-height: 1.3;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.woocommerce-form-row label + input, .woocommerce-form-row label + .password-input,
.form-row label + input,
.form-row label + .password-input {
  margin-top: 10px !important;
}

.woocommerce-form-login__rememberme,
.mailchimp-newsletter {
  margin-top: 7px;
}
.woocommerce-form-login__rememberme *,
.mailchimp-newsletter * {
  font-size: 14px !important;
  color: #7F7F7F;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  margin-top:140px; width:100%;
  @media all and (max-width: 768px) {
    margin-top:40px;
  }
}

.woocommerce-form-login__rememberme input,
.mailchimp-newsletter input {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block !important;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border: 1px solid #919B95;
}
.woocommerce-form-login__rememberme input:checked,
.mailchimp-newsletter input:checked {
  background-image: url("/wp-content/themes/bottlex/assets/img/check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
}
.woocommerce-form-login__rememberme span,
.mailchimp-newsletter span {
  display: inline-block !important;
  padding-left: 4px;
}

.woocommerce-form-login__rememberme span {
  transform: translateY(-4px);
  padding-left: 7px;
}

.input-text {
  width: 100%;
  padding: 14px 15px;
  border: none;
  border-radius: 0;
  background-color: #F5F6F7;
  font-size: 16px;
  line-height: 1.3;
}

.woocommerce form .form-row .required {
  color: #A87352 !important;
}

.woocommerce-form {
  border: none !important;
  padding: 0 !important;
}

.lost_password a {
  font-size: 14px !important;
  text-decoration: underline !important;
  color: #7F7F7F !important;
}

.yith-wcbm-badge {
  left: 20px;
  top: 20px !important;
  padding: 14px 28px !important;
  border-radius: 100px !important;
  background-color: #8E9FAC !important;
}
.yith-wcbm-badge .yith-wcbm-badge-text div {
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
}
.yith-wcbm-badge .yith-wcbm-badge-text div + div {
  display: none;
}

.woocommerce-page:not(.single-product) #content {
  padding-top: 50px;
  padding-bottom: 80px;
  background-color: #F5F6F7;
}
@media (max-width: 922px) {
  .woocommerce-page:not(.single-product) #content {
    padding-top: 0;
  }
}
.woocommerce-page:not(.single-product) #content .the-content {
  padding: 40px 60px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}
@media (max-width: 922px) {
  .woocommerce-page:not(.single-product) #content .the-content {
    padding: 30px;
  }
}
.woocommerce-page:not(.single-product) #content .the-content p {
  font-size: 16px !important;
  color: #7F7F7F;
}
.woocommerce-LostPassword { margin-top:10px; font-size:16px; font-weight:500; }
.woocommerce-page:not(.single-product) #content .the-content p * {
  font-size: inherit;
}
.woocommerce-page:not(.single-product) .woocommerce-privacy-policy-text * {
  font-size: 14px;
  line-height: 1.3;
}
.woocommerce-page:not(.single-product) .woocommerce-privacy-policy-text + * {
  margin-top: 30px !important;
}

.woocommerce-form-register {
  font-size: 14px !important;
  line-height: 1.3 !important;
}
.woocommerce-form-register .woocommerce-form-row:first-child {
  margin-top: 30px !important;
}

.woocommerce-account .woocommerce {
  display: flex;
}
@media (max-width: 768px) {
  .woocommerce-account .woocommerce {
    flex-direction: column;
  }
}

.page-id-47387 .wp-block-heading,
.woocommerce-cart .wp-block-heading {
  display: none;
}
.page-id-47387 .the-content,
.woocommerce-cart .the-content {
  max-width: calc(100% - 140px);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .page-id-47387 .the-content,
  .woocommerce-cart .the-content {
    max-width: calc(100% - 50px);
  }
}
.page-id-47387 h2,
.woocommerce-cart h2 {
  font-size: 32px !important;
  font-weight: 400 !important;
}

.woocommerce-MyAccount-navigation {
  border-right: 40px solid #F5F6F7;
  padding: 30px;
  max-width: 300px;
}

.woocommerce-account .woocommerce-MyAccount-content {
  padding:30px;
}

@media (max-width: 922px) {
  .woocommerce-MyAccount-navigation {
    border-right: 30px solid #F5F6F7;
    margin-right: 30px;
    margin-top: -50px;
    margin-bottom: -30px;
    padding: 30px 0;
  }
}
@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation {
    width: calc(100% + 60px) !important;
    border-right: 0;
    margin: 0 -30px 30px;
    border-bottom: 20px solid #F5F6F7;
    padding: 0 30px 30px;
    max-width: unset;
  }
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
  margin-bottom: 5px;
}
.woocommerce-MyAccount-navigation ul li a {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li a:hover {
  color: #A87352;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #A87352;
}

fieldset {
  border: none;
}

.elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {
  background-color: #A87352 !important;
}

.woocommerce-account .woocommerce {
  position:relative; overflow:hidden;
}

.woocommerce-account {
  .woocommerce-notices-wrapper,
  .woocommerce-info {
    position:absolute; width:100%; z-index:99;
    font-size: 14px !important;
  }
}
.woocommerce-notices-wrapper *,
.woocommerce-info * {
  font-size: 14px !important;
}

.woocommerce-info {
  border-color: #A87352;
}
.woocommerce-info::before {
  color: #A87352;
}

.elementor-menu-cart__toggle .elementor-button:hover, .elementor-menu-cart__toggle_wrapper, .elementor-menu-cart__toggle_wrapper:hover, .elementor-menu-cart__toggle_wrapper:active, .elementor-menu-cart__toggle .elementor-button-icon:hover, .elementor-menu-cart__toggle .elementor-button-icon:active {
  background-color: white !important;
}
.elementor-menu-cart__main {
  width: 450px !important;
  padding: 40px !important;
}
.elementor-menu-cart__products {
  flex-grow: 1;
}
.elementor-menu-cart__product {
  border-top: 1px solid #DADBDC !important;
  padding-top: 30px !important;
  border-bottom: 0 !important;
}
.elementor-menu-cart__product-name a {
  display: block;
}
.elementor-menu-cart__close-button {
  width: 20px !important;
  height: 20px !important;
  margin-bottom: 30px !important;
}
.elementor-menu-cart__close-button::after, .elementor-menu-cart__close-button::before {
  background-color: #000 !important;
  height: 2px !important;
}

.woocommerce-cart * {
  color: #000 !important;
  font-family: "Neue Montreal", sans-serif !important;
}
.woocommerce-cart .shop_table {
  border: none !important;
}
.woocommerce-cart .shop_table th {
  font-size: 18px !important;
  font-weight: 500 !important;
}
.woocommerce-cart .shop_table .cart_item {
  display: table-row !important;
  flex-direction: row !important;
}
.woocommerce-cart .shop_table .cart_item td {
  border: none !important;
  border-top: 1px solid #DADBDC !important;
  width: auto !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.woocommerce-cart .shop_table .cart_item td:first-child {
  width: 40px !important;
}
.woocommerce-cart .shop_table .cart_item .product-thumbnail {
  width: 100px !important;
}
.woocommerce-cart .shop_table .cart_item .product-thumbnail img {
  width: 100% !important;
}
.woocommerce-cart .shop_table .cart_item .product-name,
.woocommerce-cart .shop_table .cart_item .product-quantity,
.woocommerce-cart .shop_table .cart_item .product-price,
.woocommerce-cart .shop_table .cart_item .product-subtotal {
  font-size: 18px !important;
  font-weight: 300 !important;
}
.woocommerce-cart .shop_table .cart_item .product-name *,
.woocommerce-cart .shop_table .cart_item .product-quantity *,
.woocommerce-cart .shop_table .cart_item .product-price *,
.woocommerce-cart .shop_table .cart_item .product-subtotal * {
  font-size: inherit !important;
  font-weight: inherit !important;
}
.woocommerce-cart .shop_table .cart_item .variation * {
  color: #7F7F7F !important;
  font-size: 12px !important;
}
.woocommerce-cart .shop_table .actions {
  padding: 30px 0 0 !important;
}
.woocommerce-cart .shop_table .actions .input-text {
  margin-right: 10px !important;
  min-width: 200px !important;
  padding: 12px 15px !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #F5F6F7 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}

.woocommerce-orders-table {
  border: none !important;
}
.woocommerce-orders-table th {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #000;
}
.woocommerce-orders-table .cart_item {
  display: table-row !important;
  flex-direction: row !important;
}
.woocommerce-orders-table .cart_item td {
  border: none !important;
  border-top: 1px solid #DADBDC !important;
  width: auto !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  color: #000 !important;
  font-size: 14px !important;
}
.woocommerce-orders-table .cart_item td * {
  color: #000 !important;
  font-size: 14px !important;
}
.woocommerce-orders-table .cart_item td:first-child {
  width: 40px !important;
}

.cart_totals {
  margin-top: 40px;
}
.cart_totals td, .cart_totals th {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 50% !important;
  font-size: 16px !important;
}
.cart_totals td *, .cart_totals th * {
  font-size: inherit !important;
}

.woocommerce a.remove {
  color: #000 !important;
  font-weight: 300 !important;
}

.variation {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
}
.variation * {
  font-size: 12px !important;
  line-height: 1.25 !important;
  color: #7F7F7F;
}
.variation dt {
  width: 40%;
  padding-bottom: 4px;
}
.variation dd {
  width: 55%;
  padding-bottom: 4px;
}

.shop_table .cart_item {
  display: flex !important;
  flex-direction: column !important;
}
.shop_table .cart_item td {
  width: 100% !important;
  color: #7F7F7F !important;
}
.shop_table .wfacp_mini_cart_item_title {
  padding-left: 10px !important;
  margin-top: 5px !important;
  line-height: 1.3 !important;
  color: #000 !important;
}
.shop_table .variation {
  margin-top: 15px !important;
}
.shop_table .product-total {
  padding-top: 0 !important;
}

.wc-pao-addon-image-swatch {
  position: relative;
  width: 23%;
  padding-top: 18%;
}
.wc-pao-addon-image-swatch img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
  object-position: center;
}

.wc-pao-addon-image-swatch.selected {
  outline-color: #000 !important;
}

.wc-pao-required-addon {
  opacity: 1;
}
.wc-pao-required-addon .wc-pao-addon-image-swatch-select {
  display: block;
  opacity: 0;
  pointer-events: none;
  margin-bottom: -20px !important;
}

.single-product {
  padding-bottom: 140px;
}
@media (max-width: 922px) {
  .single-product {
    padding-bottom: 100px;
  }
}
@media (max-width: 768px) {
  .single-product {
    padding-bottom: 80px;
  }
}
@media (max-width: 576px) {
  .single-product {
    padding-bottom: 60px;
  }
}
@media (max-width: 375px) {
  .single-product {
    padding-bottom: 60px;
  }
}
.single-product .single-product,
.single-product #app,
.single-product .post {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.single-product .single-product {
  padding-left: 60px;
  padding-right: 60px;
}
@media (max-width: 576px) {
  .single-product .single-product {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.single-product .single-product__container {
  display: flex;
}
@media (max-width: 768px) {
  .single-product .single-product__container {
    flex-direction: column;
  }
}
.single-product__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self:flex-start;
  position:sticky; top:175px;
  width: 45%;
}
@media (max-width: 768px) {
  .single-product__left {
    width: 100%;
    position:relative; top:0;
  }
}
.single-product__right {
  width: 55%;
  margin-left:auto;
  padding-left: 110px;
}
.single-product__right.-private-label .quantity,
.single-product__right.-private-label .single_add_to_cart_button,
.single-product__right.-private-label .cart {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
.single-product__right .related.products {
  display: none;
}
.single-product .related.products {
  ul {
    display:flex; gap:20px;
    @media (max-width: 768px) {
        flex-wrap: wrap;
    }
  }
  ul > li {
    width:23%; margin-right:0;

    .product-categories { background:white !important; }
    .price::before, .price { display:none !important; }

    @media (max-width: 768px) {
        width: 45% !important;
    }
  }
}
@media (max-width: 768px) {
  .single-product__right {
    width: 100%;
    padding-left: 0;
  }
}
.single-product__container {
  display: flex !important;
}
.single-product__icons {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #D9DFE2;
  justify-content:space-between;
  padding-top: 40px;
  margin-top: 40px;
}

.single-product__icons ~ p { font-weight:normal; font-size:13px; text-align:right; }
@media (max-width: 922px) {
  .single-product__icons {
    width: 100%;

    > div { width:15%; }
  }
}
.single-product__icons img {
  height: 30px;
  width: auto;
  margin-bottom: 15px;
  object-fit: contain;
}
.single-product__icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 15%;
  margin-bottom: 40px;
  text-align: center;
}
.single-product__icon * {
  line-height: 1.15 !important;
  font-size: 13px;
  color: black !important;
}
.single-product .related > h2 {
  display: none;
}
.single-product .related .products,
.single-product .related .product {
  margin-bottom: 0 !important;
}
.single-product #add_sample {
  margin-top: 20px;
  width: 100%;
  background-color: transparent !important;
  border: 1px solid #919B95 !important;
  color: #919B95 !important;
}
.single-product form.cart {
  display: flex;
  flex-direction: row !important;
}
.single-product form.cart .button {
  float: none;
  margin-left: 10px;
  width:70%; display:inline-block; float:left;
  font-size:20px !important;
}
.single-product form.cart .button + a.button {
  float:left; width:25% !important; margin-top:0 !important;
  display:flex; align-items:center;
}
.single-product form.cart .button + .wc-pao-addon-container {
  margin-top: 60px !important;
}
.single-product .prev_next_buttons {
  display: none;
}
.single-product .product_meta {
  display: none;
}
.single-product .wc-pao-addon-container {
  width: 100%; font-family: "Neue Montreal", sans-serif !important;
  > * {
    font-family: "Neue Montreal", sans-serif !important;
  }
}
.single-product .quantity input {
  padding: 10px 14px !important;
  width: 80px !important;
}
.single-product .entry-summary {
  h1 { font-size:32px; font-weight:normal; line-height:normal; }
}
.single-product .entry-summary + .woocommerce-tabs {
  margin-top: 40px;
  @media (max-width: 768px) {
    margin-top: 20px;

    .tabs { margin-top:0 !important; }
  }
}
.single-product .woocommerce-tabs {
  padding-left: 0 !important;
  padding-bottom: 100px;
  @media (max-width: 768px) {
    padding-bottom: 0px;
  }
}
.single-product .woocommerce-tabs ul {
  padding-left: 0 !important;
  margin-bottom:30px;
  list-style: none;

  li {
    width:100%; border-radius:0 !important;
  }
}
.single-product .woocommerce-tabs ul li a {
  color: #000 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
}

.woocommerce-tabs .wc-tab ul {
  font-size:16px; color:black;
}
.single-product .woocommerce-tabs .yikes-custom-woo-tab-title {
  display: none;
}
.single-product span[data-toggle=tooltip] {
  display: none;
}
.single-product .ywdpd-table-discounts-wrapper {
  margin-bottom: 95px; margin-top:30px;
}
.single-product .ywdpd-table-discounts-wrapper table td, .single-product .ywdpd-table-discounts-wrapper table th {
  padding: 5px 15px !important;
}
.single-product .ywdpd-table-discounts-wrapper table * {
  color: #000 !important;
  font-size: 14px !important;
  text-align: left !important;
}

.single-product .ywdpd-table-discounts-wrapper,
.single-product .ywdpd-table-discounts-label { width:100%; }
.single-product .ywdpd-table-discounts-label {
  font-family: "Neue Montreal", sans-serif; font-weight:500 !important;
  margin-bottom:20px;
}
.single-product .ywdpd-table-discounts-wrapper table .ywdpd_active {
  border-color: #efefef !important;
}

.single-product #ywdpd-quantity-table { pointer-events:none !important; }

.single-product .quantity {
  margin:0 20px 0 0;
  input {
    border:1px solid #DADBDC; border-radius:100px;
    background:none; min-width:100%;
  }
}

#product-addons-total {
  display: block;
  width: 100%;
}
#product-addons-total + .quantity + .single_add_to_cart_button {
  margin-left: auto;
  float: right;
  width: calc(100% - 100px);
}

@media (max-width: 576px) {
  .woocommerce-product-gallery__image,
  .woocommerce-product-gallery__image * {
    pointer-events: none !important;
  }
}

#error-page {
  width: 100% !important;
  max-width: unset;
  margin: 0 !important;
  padding-top: 150px;
}
#error-page .button {
  height: unset !important;
}

.wc-tabs {
  margin-top: 40px !important;
}
.wc-tabs > li {
  position: relative;
  border-top: 1px solid #DADBDC;
}
.wc-tabs > li a {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.wc-tabs > li::before, .wc-tabs > li::after {
  content: "";
  position: absolute;
  top: 31px;
  right: 7px;
  transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), top 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: block;
  height: 14px;
  width: 2px;
  background-color: #000;
}
.wc-tabs > li::before {
  top: 31px;
  transform: rotate(90deg);
}
.wc-tabs > li.active::after {
  top: 38px;
  height: 0;
}

.wc-pao-addon-image-swatch {
  position: relative;
  width: 23%;
  padding-top: 18%;
}
.wc-pao-addon-image-swatch img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
  object-position: center;
}

.wc-pao-addon-image-swatch.selected {
  outline-color: #000 !important;
}

.wc-pao-required-addon {
  opacity: 1;
}
.wc-pao-required-addon .wc-pao-addon-image-swatch-select {
  display: block;
  opacity: 0;
  pointer-events: none;
  margin-bottom: -20px !important;
}

.--large-icons .elementor-icon-list-items {
  margin-bottom: -20px;
}
.--large-icons .elementor-icon-list-items .elementor-icon-list-item {
  flex-direction: column;
  max-width: 140px;
  margin-bottom: 20px !important;
  word-break: normal !important;
}
.--large-icons .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
  text-align: center;
  margin-top: 15px;
}

.single-product .--large-icons .elementor-icon-list-items .elementor-icon-list-item {
  max-width: 110px;
}

.-small-icons .elementor-icon-list-item {
  max-width: 100px !important;

}

[data-accordion] > [data-control]:after {
  right: 0 !important;
  width: 30px !important;
}

.elementor-page .elementor-widget-button .elementor-button {
  background-color: transparent;
}
.elementor-page .elementor-widget-button .elementor-button span {
  font-weight: 700;
}

.elementor-127490 .elementor-element.elementor-element-2e014313 img { width:auto !important; }

.elementor-section:not(.elementor-section .elementor-section) > .elementor-container {
  padding-left: 60px;
  justify-content:space-between;
  padding-right: 60px;
}
@media (max-width: 768px) {
  .elementor-section:not(.elementor-section .elementor-section) > .elementor-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 576px) {
  .elementor-section:not(.elementor-section .elementor-section) > .elementor-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.elementor-section.--space-top-standard, .elementor-section + .elementor-section:not(.elementor-section .elementor-section) {
  margin-top: 140px;
}
@media (max-width: 922px) {
  .elementor-section.--space-top-standard, .elementor-section + .elementor-section:not(.elementor-section .elementor-section) {
    margin-top: 100px;
  }
}
@media (max-width: 768px) {
  .elementor-section.--space-top-standard, .elementor-section + .elementor-section:not(.elementor-section .elementor-section) {
    margin-top: 30px;
  }
}
@media (max-width: 576px) {
  .elementor-section.--space-top-standard, .elementor-section + .elementor-section:not(.elementor-section .elementor-section) {
    margin-top: 30px; margin-bottom:30px;
  }
}
@media (max-width: 375px) {
  .elementor-section.--space-top-standard, .elementor-section + .elementor-section:not(.elementor-section .elementor-section) {
    margin-top: 30px; margin-bottom:30px;
  }
}
.elementor-section.--no-top-space {
  margin-top: 0 !important;
}
.elementor-section.--colored:not(.--space-top-standard) {
  margin-top: 0 !important;
}
.elementor-section.--colored:not(.--space-top-standard).-color-white .elementor-widget-text-editor * {
  color: white;
}
/*.elementor-section:last-of-type {*/
/*  margin-bottom: 0 !important;*/
/*}*/

.wfacp-section {
  border: none !important;
  border-radius: 0 !important;
  padding: 35px 50px !important;
}

.elementor-49240 .elementor-element.elementor-element-21aea578 > .elementor-widget-container {
  border: none !important;
  border-radius: 0 !important;
  padding: 35px 25px !important;
}

div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
  border: 1px solid #D9DFE2 !important;
  color: #7F7F7F !important;
  height: auto !important;
  padding: 18px 20px !important;
  font-size: 16px !important;
}

.wfacp-form-control.input-text,
.select2-selection__rendered,
select.wfacp-form-control {
  background-color: #F5F6F7 !important;
  border-radius: 0 !important;
  color: #000 !important;
  font-size: 16px !important;
  padding: 16px 20px !important;
  border: none !important;
  margin-top: 0;
}

#wfacp-e-form .wfacp-form-control-label,
.page #wfacp-e-form .wfacp-form:not(.wfacp-top) p.wfacp-form-control-wrapper.wfacp-anim-wrap label.wfacp-form-control-label {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  padding-left: 0 !important;
  margin-top: 10px !important;
  background-color: transparent !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.select2-selection__rendered {
  padding: 14px 20px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
  margin-bottom:0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-row {
  margin-bottom: 15px !important;

  > div { margin-bottom:0 !important; }
}

.wpforms-field-row-block.wpforms-one-half {
  margin-bottom: 15px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
  margin-bottom: 10px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #000 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
  margin-bottom:0px !important;
}

div.wpforms-container-full .wpforms-form input[type=checkbox],
div.wpforms-container-full .wpforms-form input[type=radio],
.woocommerce-form-row input[type=radio] {
  width: 20px !important;
  height: 20px !important;
  border-radius: 0 !important;
  border-color: #D9DFE2 !important;
  transform: translateY(4px);
  margin-right: 10px;
}

p + .woocommerce-form-row--first {
  margin-top: 30px !important;
}

.page .wfacp-template-container #wfacp-e-form .wfacp_main_form.woocommerce .form-row .woocommerce-form__input.input-checkbox {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block !important;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border: 1px solid #919B95;
}
.page .wfacp-template-container #wfacp-e-form .wfacp_main_form.woocommerce .form-row .woocommerce-form__input.input-checkbox:checked {
  background-image: url("/wp-content/themes/bottlex/assets/img/check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
}

.clickable {
  position: relative;
}

.clickable a:after {
  content: "";
  display: block !IMPORTANT;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;

  @media all and (max-width: 768px) {
    width:100vw;
    height:550px;
    left:-80px;
    top:-500px;
  }
}

.elementor-113392 .elementor-element.elementor-element-8e6d8b8 .elementor-search-form__submit {
  padding:0 !important;
}

.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a {
  font-size:14px !important; font-weight:500 !important; line-height:1.2 !important;
}

.single .type-vacatures .elementor-widget-theme-post-content {
  div, ul { margin-bottom:30px; }
}

.paoc-cb-popup-body { max-width:1000px; }

.paoc-popup-inr-wrap { display:flex; }
.paoc-popup-inr-wrap::before {
  content:"";
  min-width:419px; height:100%;
  background:url('assets/img/popup.jpg') no-repeat;
  background-size:cover;
}
.paoc-popup-inr {
  padding:40px 40px;
  .paoc-popup-margin.paoc-popup-mheading { font-size:14px; font-weight:bold; color:#A87352; text-transform:uppercase; }
  .paoc-popup-margin.paoc-popup-sheading { font-size:38px; font-weight:500; color:black; line-height:1.1; }
  .paoc-popup-margin.paoc-popup-content {
    font-size:18px; font-weight:normal; color:#7F7F7F;
  }
  .wpforms-submit { width:100% !important; }
}

@media (max-width: 768px) {
  .paoc-popup-inr-wrap { flex-direction:column; }
  .paoc-popup-inr-wrap::before {
    display:none;
  }
  .paoc-popup-inr {
    padding:20px;
    .paoc-popup-margin.paoc-popup-mheading { font-size:14px; font-weight:bold; color:#A87352; text-transform:uppercase; }
    .paoc-popup-margin.paoc-popup-sheading { font-size:30px; font-weight:500; color:black !important; line-height:1.1; }
    .paoc-popup-margin.paoc-popup-content {
      font-size:18px; font-weight:normal !important; color:#7F7F7F;
    }
  }
}

.paoc-close-popup svg { position:relative; top:-2px; }

.elementor-widget-container {
  p#breadcrumbs, #breadcrumbs span, #breadcrumbs a {
    font-size:13px !important; font-weight:500;
  }
}

p#breadcrumbs, #breadcrumbs span, #breadcrumbs a {
  font-size:13px !important; font-weight:500;
}

/*# sourceMappingURL=style.css.map */