/* CUSTOM Bootstrap by NEIKO 

BOOTSTRAP BREAKPOINTS:	

Breakpoint/	Class /	Dimensions
X-Small  None  <576px
Small  sm  ≥ 576px
Medium  md  ≥ 768px
Large  lg  ≥ 992px
Extra large	xl  ≥ 1200px
Extra extra large  xxl  ≥1400px

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices 
@media (max-width: 575.98px) { ... }
@media (min-width: 576px) { ... }

// Medium devices
@media (max-width: 767.98px) { ... }
@media (min-width: 768px) { ... }

// Large devices
@media (max-width: 991.98px) { ... }
@media (min-width: 992px) { ... }

// Extra large devices 
@media (max-width: 1199.98px) { ... }
@media (min-width: 1200px) { ... }

// XXL devices 
@media (max-width: 1399.98px) { ... }
@media (min-width: 1400px) { ... }

*/

/* Primitive */
:root {
  --10: clamp(0.313rem, 0.521vw, 0.625rem);
  --15: clamp(0.625rem, 0.781vw, 0.938rem);
  --20: clamp(0.625rem, 1.042vw, 1.250rem);
  --30: clamp(0.938rem, 1.563vw, 1.875rem);
  --50: clamp(1.563rem, 2.604vw, 3.125rem);
  --70: clamp(2.188rem, 3.646vw, 4.375rem);
  --100: clamp(3.125rem, 5.208vw, 6.250rem);
  --120: clamp(3.750rem, 6.250vw, 7.500rem);
  --150: clamp(4.688rem, 7.813vw, 9.375rem);
}

/* padding top */
.pt-10 {
  padding-top: var(--10);
}

@media (min-width: 576px) {
  .pt-sm-10 {
    padding-top: var(--10);
  }
}

@media (min-width: 768px) {
  .pt-md-10 {
    padding-top: var(--10);
  }
}

@media (min-width: 992px) {
  .pt-lg-10 {
    padding-top: var(--10);
  }
}

@media (min-width: 1200px) {
  .pt-xl-10 {
    padding-top: var(--10);
  }
}

@media (min-width: 1400px) {
  .pt-xxl-10 {
    padding-top: var(--10);
  }
}

/* padding right */
.pe-10 {
  padding-right: var(--10);
}

@media (min-width: 576px) {
  .pe-sm-10 {
    padding-right: var(--10);
  }
}

@media (min-width: 768px) {
  .pe-md-10 {
    padding-right: var(--10);
  }
}

@media (min-width: 992px) {
  .pe-lg-10 {
    padding-right: var(--10);
  }
}

@media (min-width: 1200px) {
  .pe-xl-10 {
    padding-right: var(--10);
  }
}

@media (min-width: 1400px) {
  .pe-xxl-10 {
    padding-right: var(--10);
  }
}

/* padding bottom */
.pb-10 {
  padding-bottom: var(--10);
}

@media (min-width: 576px) {
  .pb-sm-10 {
    padding-bottom: var(--10);
  }
}

@media (min-width: 768px) {
  .pb-md-10 {
    padding-bottom: var(--10);
  }
}

@media (min-width: 992px) {
  .pb-lg-10 {
    padding-bottom: var(--10);
  }
}

@media (min-width: 1200px) {
  .pb-xl-10 {
    padding-bottom: var(--10);
  }
}

@media (min-width: 1400px) {
  .pb-xxl-10 {
    padding-bottom: var(--10);
  }
}

/* padding left */
.ps-10 {
  padding-left: var(--10);
}

@media (min-width: 576px) {
  .ps-sm-10 {
    padding-left: var(--10);
  }
}

@media (min-width: 768px) {
  .ps-md-10 {
    padding-left: var(--10);
  }
}

@media (min-width: 992px) {
  .ps-lg-10 {
    padding-left: var(--10);
  }
}

@media (min-width: 1200px) {
  .ps-xl-10 {
    padding-left: var(--10);
  }
}

@media (min-width: 1400px) {
  .ps-xxl-10 {
    padding-left: var(--10);
  }
}

/* padding top & bottom */
.py-10 {
  padding-top: var(--10);
  padding-bottom: var(--10);
}

@media (min-width: 576px) {
  .py-sm-10 {
    padding-top: var(--10);
    padding-bottom: var(--10);
  }
}

@media (min-width: 768px) {
  .py-md-10 {
    padding-top: var(--10);
    padding-bottom: var(--10);
  }
}

@media (min-width: 992px) {
  .py-lg-10 {
    padding-top: var(--10);
    padding-bottom: var(--10);
  }
}

@media (min-width: 1200px) {
  .py-xl-10 {
    padding-top: var(--10);
    padding-bottom: var(--10);
  }
}

@media (min-width: 1400px) {
  .py-xxl-10 {
    padding-top: var(--10);
    padding-bottom: var(--10);
  }
}

/* padding left & right */
.px-10 {
  padding-left: var(--10);
  padding-right: var(--10);
}

@media (min-width: 576px) {
  .px-sm-10 {
    padding-left: var(--10);
    padding-right: var(--10);
  }
}

@media (min-width: 768px) {
  .px-md-10 {
    padding-left: var(--10);
    padding-right: var(--10);
  }
}

@media (min-width: 992px) {
  .px-lg-10 {
    padding-left: var(--10);
    padding-right: var(--10);
  }
}

@media (min-width: 1200px) {
  .px-xl-10 {
    padding-left: var(--10);
    padding-right: var(--10);
  }
}

@media (min-width: 1400px) {
  .px-xxl-10 {
    padding-left: var(--10);
    padding-right: var(--10);
  }
}

/* Margin Top */
.mt-10 {
  margin-top: var(--10);
}

@media (min-width: 576px) {
  .mt-sm-10 {
    margin-top: var(--10);
  }
}

@media (min-width: 768px) {
  .mt-md-10 {
    margin-top: var(--10);
  }
}

@media (min-width: 992px) {
  .mt-lg-10 {
    margin-top: var(--10);
  }
}

@media (min-width: 1200px) {
  .mt-xl-10 {
    margin-top: var(--10);
  }
}

@media (min-width: 1400px) {
  .mt-xxl-10 {
    margin-top: var(--10);
  }
}

/* Margin Right */
.me-10 {
  margin-right: var(--10);
}

@media (min-width: 576px) {
  .me-sm-10 {
    margin-right: var(--10);
  }
}

@media (min-width: 768px) {
  .me-md-10 {
    margin-right: var(--10);
  }
}

@media (min-width: 992px) {
  .me-lg-10 {
    margin-right: var(--10);
  }
}

@media (min-width: 1200px) {
  .me-xl-10 {
    margin-right: var(--10);
  }
}

@media (min-width: 1400px) {
  .me-xxl-10 {
    margin-right: var(--10);
  }
}

/* Margin Bottom */
.mb-10 {
  margin-bottom: var(--10);
}

@media (min-width: 576px) {
  .mb-sm-10 {
    margin-bottom: var(--10);
  }
}

@media (min-width: 768px) {
  .mb-md-10 {
    margin-bottom: var(--10);
  }
}

@media (min-width: 992px) {
  .mb-lg-10 {
    margin-bottom: var(--10);
  }
}

@media (min-width: 1200px) {
  .mb-xl-10 {
    margin-bottom: var(--10);
  }
}

@media (min-width: 1400px) {
  .mb-xxl-10 {
    margin-bottom: var(--10);
  }
}

/* Margin Left */
.ms-10 {
  margin-left: var(--10);
}

@media (min-width: 576px) {
  .ms-sm-10 {
    margin-left: var(--10);
  }
}

@media (min-width: 768px) {
  .ms-md-10 {
    margin-left: var(--10);
  }
}

@media (min-width: 992px) {
  .ms-lg-10 {
    margin-left: var(--10);
  }
}

@media (min-width: 1200px) {
  .ms-xl-10 {
    margin-left: var(--10);
  }
}

@media (min-width: 1400px) {
  .ms-xxl-10 {
    margin-left: var(--10);
  }
}

/* Margin Top & Bottom */
.my-10 {
  margin-top: var(--10);
  margin-bottom: var(--10);
}

@media (min-width: 576px) {
  .my-sm-10 {
    margin-top: var(--10);
    margin-bottom: var(--10);
  }
}

@media (min-width: 768px) {
  .my-md-10 {
    margin-top: var(--10);
    margin-bottom: var(--10);
  }
}

@media (min-width: 992px) {
  .my-lg-10 {
    margin-top: var(--10);
    margin-bottom: var(--10);
  }
}

@media (min-width: 1200px) {
  .my-xl-10 {
    margin-top: var(--10);
    margin-bottom: var(--10);
  }
}

@media (min-width: 1400px) {
  .my-xxl-10 {
    margin-top: var(--10);
    margin-bottom: var(--10);
  }
}

/* Margin Left & Right */
.mx-10 {
  margin-left: var(--10);
  margin-right: var(--10);
}

@media (min-width: 576px) {
  .mx-sm-10 {
    margin-left: var(--10);
    margin-right: var(--10);
  }
}

@media (min-width: 768px) {
  .mx-md-10 {
    margin-left: var(--10);
    margin-right: var(--10);
  }
}

@media (min-width: 992px) {
  .mx-lg-10 {
    margin-left: var(--10);
    margin-right: var(--10);
  }
}

@media (min-width: 1200px) {
  .mx-xl-10 {
    margin-left: var(--10);
    margin-right: var(--10);
  }
}

@media (min-width: 1400px) {
  .mx-xxl-10 {
    margin-left: var(--10);
    margin-right: var(--10);
  }
}

/* padding top */
.pt-15 {
  padding-top: var(--15);
}

@media (min-width: 576px) {
  .pt-sm-15 {
    padding-top: var(--15);
  }
}

@media (min-width: 768px) {
  .pt-md-15 {
    padding-top: var(--15);
  }
}

@media (min-width: 992px) {
  .pt-lg-15 {
    padding-top: var(--15);
  }
}

@media (min-width: 1200px) {
  .pt-xl-15 {
    padding-top: var(--15);
  }
}

@media (min-width: 1400px) {
  .pt-xxl-15 {
    padding-top: var(--15);
  }
}

/* padding right */
.pe-15 {
  padding-right: var(--15);
}

@media (min-width: 576px) {
  .pe-sm-15 {
    padding-right: var(--15);
  }
}

@media (min-width: 768px) {
  .pe-md-15 {
    padding-right: var(--15);
  }
}

@media (min-width: 992px) {
  .pe-lg-15 {
    padding-right: var(--15);
  }
}

@media (min-width: 1200px) {
  .pe-xl-15 {
    padding-right: var(--15);
  }
}

@media (min-width: 1400px) {
  .pe-xxl-15 {
    padding-right: var(--15);
  }
}

/* padding bottom */
.pb-15 {
  padding-bottom: var(--15);
}

@media (min-width: 576px) {
  .pb-sm-15 {
    padding-bottom: var(--15);
  }
}

@media (min-width: 768px) {
  .pb-md-15 {
    padding-bottom: var(--15);
  }
}

@media (min-width: 992px) {
  .pb-lg-15 {
    padding-bottom: var(--15);
  }
}

@media (min-width: 1200px) {
  .pb-xl-15 {
    padding-bottom: var(--15);
  }
}

@media (min-width: 1400px) {
  .pb-xxl-15 {
    padding-bottom: var(--15);
  }
}

/* padding left */
.ps-15 {
  padding-left: var(--15);
}

@media (min-width: 576px) {
  .ps-sm-15 {
    padding-left: var(--15);
  }
}

@media (min-width: 768px) {
  .ps-md-15 {
    padding-left: var(--15);
  }
}

@media (min-width: 992px) {
  .ps-lg-15 {
    padding-left: var(--15);
  }
}

@media (min-width: 1200px) {
  .ps-xl-15 {
    padding-left: var(--15);
  }
}

@media (min-width: 1400px) {
  .ps-xxl-15 {
    padding-left: var(--15);
  }
}

/* padding top & bottom */
.py-15 {
  padding-top: var(--15);
  padding-bottom: var(--15);
}

@media (min-width: 576px) {
  .py-sm-15 {
    padding-top: var(--15);
    padding-bottom: var(--15);
  }
}

@media (min-width: 768px) {
  .py-md-15 {
    padding-top: var(--15);
    padding-bottom: var(--15);
  }
}

@media (min-width: 992px) {
  .py-lg-15 {
    padding-top: var(--15);
    padding-bottom: var(--15);
  }
}

@media (min-width: 1200px) {
  .py-xl-15 {
    padding-top: var(--15);
    padding-bottom: var(--15);
  }
}

@media (min-width: 1400px) {
  .py-xxl-15 {
    padding-top: var(--15);
    padding-bottom: var(--15);
  }
}

/* padding left & right */
.px-15 {
  padding-left: var(--15);
  padding-right: var(--15);
}

@media (min-width: 576px) {
  .px-sm-15 {
    padding-left: var(--15);
    padding-right: var(--15);
  }
}

@media (min-width: 768px) {
  .px-md-15 {
    padding-left: var(--15);
    padding-right: var(--15);
  }
}

@media (min-width: 992px) {
  .px-lg-15 {
    padding-left: var(--15);
    padding-right: var(--15);
  }
}

@media (min-width: 1200px) {
  .px-xl-15 {
    padding-left: var(--15);
    padding-right: var(--15);
  }
}

@media (min-width: 1400px) {
  .px-xxl-15 {
    padding-left: var(--15);
    padding-right: var(--15);
  }
}

/* Margin Top */
.mt-15 {
  margin-top: var(--15);
}

@media (min-width: 576px) {
  .mt-sm-15 {
    margin-top: var(--15);
  }
}

@media (min-width: 768px) {
  .mt-md-15 {
    margin-top: var(--15);
  }
}

@media (min-width: 992px) {
  .mt-lg-15 {
    margin-top: var(--15);
  }
}

@media (min-width: 1200px) {
  .mt-xl-15 {
    margin-top: var(--15);
  }
}

@media (min-width: 1400px) {
  .mt-xxl-15 {
    margin-top: var(--15);
  }
}

/* Margin Right */
.me-15 {
  margin-right: var(--15);
}

@media (min-width: 576px) {
  .me-sm-15 {
    margin-right: var(--15);
  }
}

@media (min-width: 768px) {
  .me-md-15 {
    margin-right: var(--15);
  }
}

@media (min-width: 992px) {
  .me-lg-15 {
    margin-right: var(--15);
  }
}

@media (min-width: 1200px) {
  .me-xl-15 {
    margin-right: var(--15);
  }
}

@media (min-width: 1400px) {
  .me-xxl-15 {
    margin-right: var(--15);
  }
}

/* Margin Bottom */
.mb-15 {
  margin-bottom: var(--15);
}

@media (min-width: 576px) {
  .mb-sm-15 {
    margin-bottom: var(--15);
  }
}

@media (min-width: 768px) {
  .mb-md-15 {
    margin-bottom: var(--15);
  }
}

@media (min-width: 992px) {
  .mb-lg-15 {
    margin-bottom: var(--15);
  }
}

@media (min-width: 1200px) {
  .mb-xl-15 {
    margin-bottom: var(--15);
  }
}

@media (min-width: 1400px) {
  .mb-xxl-15 {
    margin-bottom: var(--15);
  }
}

/* Margin Left */
.ms-15 {
  margin-left: var(--15);
}

@media (min-width: 576px) {
  .ms-sm-15 {
    margin-left: var(--15);
  }
}

@media (min-width: 768px) {
  .ms-md-15 {
    margin-left: var(--15);
  }
}

@media (min-width: 992px) {
  .ms-lg-15 {
    margin-left: var(--15);
  }
}

@media (min-width: 1200px) {
  .ms-xl-15 {
    margin-left: var(--15);
  }
}

@media (min-width: 1400px) {
  .ms-xxl-15 {
    margin-left: var(--15);
  }
}

/* Margin Top & Bottom */
.my-15 {
  margin-top: var(--15);
  margin-bottom: var(--15);
}

@media (min-width: 576px) {
  .my-sm-15 {
    margin-top: var(--15);
    margin-bottom: var(--15);
  }
}

@media (min-width: 768px) {
  .my-md-15 {
    margin-top: var(--15);
    margin-bottom: var(--15);
  }
}

@media (min-width: 992px) {
  .my-lg-15 {
    margin-top: var(--15);
    margin-bottom: var(--15);
  }
}

@media (min-width: 1200px) {
  .my-xl-15 {
    margin-top: var(--15);
    margin-bottom: var(--15);
  }
}

@media (min-width: 1400px) {
  .my-xxl-15 {
    margin-top: var(--15);
    margin-bottom: var(--15);
  }
}

/* Margin Left & Right */
.mx-15 {
  margin-left: var(--15);
  margin-right: var(--15);
}

@media (min-width: 576px) {
  .mx-sm-15 {
    margin-left: var(--15);
    margin-right: var(--15);
  }
}

@media (min-width: 768px) {
  .mx-md-15 {
    margin-left: var(--15);
    margin-right: var(--15);
  }
}

@media (min-width: 992px) {
  .mx-lg-15 {
    margin-left: var(--15);
    margin-right: var(--15);
  }
}

@media (min-width: 1200px) {
  .mx-xl-15 {
    margin-left: var(--15);
    margin-right: var(--15);
  }
}

@media (min-width: 1400px) {
  .mx-xxl-15 {
    margin-left: var(--15);
    margin-right: var(--15);
  }
}

/* padding top */
.pt-20 {
  padding-top: var(--20);
}

@media (min-width: 576px) {
  .pt-sm-20 {
    padding-top: var(--20);
  }
}

@media (min-width: 768px) {
  .pt-md-20 {
    padding-top: var(--20);
  }
}

@media (min-width: 992px) {
  .pt-lg-20 {
    padding-top: var(--20);
  }
}

@media (min-width: 1200px) {
  .pt-xl-20 {
    padding-top: var(--20);
  }
}

@media (min-width: 1400px) {
  .pt-xxl-20 {
    padding-top: var(--20);
  }
}

/* padding right */
.pe-20 {
  padding-right: var(--20);
}

@media (min-width: 576px) {
  .pe-sm-20 {
    padding-right: var(--20);
  }
}

@media (min-width: 768px) {
  .pe-md-20 {
    padding-right: var(--20);
  }
}

@media (min-width: 992px) {
  .pe-lg-20 {
    padding-right: var(--20);
  }
}

@media (min-width: 1200px) {
  .pe-xl-20 {
    padding-right: var(--20);
  }
}

@media (min-width: 1400px) {
  .pe-xxl-20 {
    padding-right: var(--20);
  }
}

/* padding bottom */
.pb-20 {
  padding-bottom: var(--20);
}

@media (min-width: 576px) {
  .pb-sm-20 {
    padding-bottom: var(--20);
  }
}

@media (min-width: 768px) {
  .pb-md-20 {
    padding-bottom: var(--20);
  }
}

@media (min-width: 992px) {
  .pb-lg-20 {
    padding-bottom: var(--20);
  }
}

@media (min-width: 1200px) {
  .pb-xl-20 {
    padding-bottom: var(--20);
  }
}

@media (min-width: 1400px) {
  .pb-xxl-20 {
    padding-bottom: var(--20);
  }
}

/* padding left */
.ps-20 {
  padding-left: var(--20);
}

@media (min-width: 576px) {
  .ps-sm-20 {
    padding-left: var(--20);
  }
}

@media (min-width: 768px) {
  .ps-md-20 {
    padding-left: var(--20);
  }
}

@media (min-width: 992px) {
  .ps-lg-20 {
    padding-left: var(--20);
  }
}

@media (min-width: 1200px) {
  .ps-xl-20 {
    padding-left: var(--20);
  }
}

@media (min-width: 1400px) {
  .ps-xxl-20 {
    padding-left: var(--20);
  }
}

/* padding top & bottom */
.py-20 {
  padding-top: var(--20);
  padding-bottom: var(--20);
}

@media (min-width: 576px) {
  .py-sm-20 {
    padding-top: var(--20);
    padding-bottom: var(--20);
  }
}

@media (min-width: 768px) {
  .py-md-20 {
    padding-top: var(--20);
    padding-bottom: var(--20);
  }
}

@media (min-width: 992px) {
  .py-lg-20 {
    padding-top: var(--20);
    padding-bottom: var(--20);
  }
}

@media (min-width: 1200px) {
  .py-xl-20 {
    padding-top: var(--20);
    padding-bottom: var(--20);
  }
}

@media (min-width: 1400px) {
  .py-xxl-20 {
    padding-top: var(--20);
    padding-bottom: var(--20);
  }
}

/* padding left & right */
.px-20 {
  padding-left: var(--20);
  padding-right: var(--20);
}

@media (min-width: 576px) {
  .px-sm-20 {
    padding-left: var(--20);
    padding-right: var(--20);
  }
}

@media (min-width: 768px) {
  .px-md-20 {
    padding-left: var(--20);
    padding-right: var(--20);
  }
}

@media (min-width: 992px) {
  .px-lg-20 {
    padding-left: var(--20);
    padding-right: var(--20);
  }
}

@media (min-width: 1200px) {
  .px-xl-20 {
    padding-left: var(--20);
    padding-right: var(--20);
  }
}

@media (min-width: 1400px) {
  .px-xxl-20 {
    padding-left: var(--20);
    padding-right: var(--20);
  }
}

/* Margin Top */
.mt-20 {
  margin-top: var(--20);
}

@media (min-width: 576px) {
  .mt-sm-20 {
    margin-top: var(--20);
  }
}

@media (min-width: 768px) {
  .mt-md-20 {
    margin-top: var(--20);
  }
}

@media (min-width: 992px) {
  .mt-lg-20 {
    margin-top: var(--20);
  }
}

@media (min-width: 1200px) {
  .mt-xl-20 {
    margin-top: var(--20);
  }
}

@media (min-width: 1400px) {
  .mt-xxl-20 {
    margin-top: var(--20);
  }
}

/* Margin Right */
.me-20 {
  margin-right: var(--20);
}

@media (min-width: 576px) {
  .me-sm-20 {
    margin-right: var(--20);
  }
}

@media (min-width: 768px) {
  .me-md-20 {
    margin-right: var(--20);
  }
}

@media (min-width: 992px) {
  .me-lg-20 {
    margin-right: var(--20);
  }
}

@media (min-width: 1200px) {
  .me-xl-20 {
    margin-right: var(--20);
  }
}

@media (min-width: 1400px) {
  .me-xxl-20 {
    margin-right: var(--20);
  }
}

/* Margin Bottom */
.mb-20 {
  margin-bottom: var(--20);
}

@media (min-width: 576px) {
  .mb-sm-20 {
    margin-bottom: var(--20);
  }
}

@media (min-width: 768px) {
  .mb-md-20 {
    margin-bottom: var(--20);
  }
}

@media (min-width: 992px) {
  .mb-lg-20 {
    margin-bottom: var(--20);
  }
}

@media (min-width: 1200px) {
  .mb-xl-20 {
    margin-bottom: var(--20);
  }
}

@media (min-width: 1400px) {
  .mb-xxl-20 {
    margin-bottom: var(--20);
  }
}

/* Margin Left */
.ms-20 {
  margin-left: var(--20);
}

@media (min-width: 576px) {
  .ms-sm-20 {
    margin-left: var(--20);
  }
}

@media (min-width: 768px) {
  .ms-md-20 {
    margin-left: var(--20);
  }
}

@media (min-width: 992px) {
  .ms-lg-20 {
    margin-left: var(--20);
  }
}

@media (min-width: 1200px) {
  .ms-xl-20 {
    margin-left: var(--20);
  }
}

@media (min-width: 1400px) {
  .ms-xxl-20 {
    margin-left: var(--20);
  }
}

/* Margin Top & Bottom */
.my-20 {
  margin-top: var(--20);
  margin-bottom: var(--20);
}

@media (min-width: 576px) {
  .my-sm-20 {
    margin-top: var(--20);
    margin-bottom: var(--20);
  }
}

@media (min-width: 768px) {
  .my-md-20 {
    margin-top: var(--20);
    margin-bottom: var(--20);
  }
}

@media (min-width: 992px) {
  .my-lg-20 {
    margin-top: var(--20);
    margin-bottom: var(--20);
  }
}

@media (min-width: 1200px) {
  .my-xl-20 {
    margin-top: var(--20);
    margin-bottom: var(--20);
  }
}

@media (min-width: 1400px) {
  .my-xxl-20 {
    margin-top: var(--20);
    margin-bottom: var(--20);
  }
}

/* Margin Left & Right */
.mx-20 {
  margin-left: var(--20);
  margin-right: var(--20);
}

@media (min-width: 576px) {
  .mx-sm-20 {
    margin-left: var(--20);
    margin-right: var(--20);
  }
}

@media (min-width: 768px) {
  .mx-md-20 {
    margin-left: var(--20);
    margin-right: var(--20);
  }
}

@media (min-width: 992px) {
  .mx-lg-20 {
    margin-left: var(--20);
    margin-right: var(--20);
  }
}

@media (min-width: 1200px) {
  .mx-xl-20 {
    margin-left: var(--20);
    margin-right: var(--20);
  }
}

@media (min-width: 1400px) {
  .mx-xxl-20 {
    margin-left: var(--20);
    margin-right: var(--20);
  }
}

/* padding top */
.pt-30 {
  padding-top: var(--30);
}

@media (min-width: 576px) {
  .pt-sm-30 {
    padding-top: var(--30);
  }
}

@media (min-width: 768px) {
  .pt-md-30 {
    padding-top: var(--30);
  }
}

@media (min-width: 992px) {
  .pt-lg-30 {
    padding-top: var(--30);
  }
}

@media (min-width: 1200px) {
  .pt-xl-30 {
    padding-top: var(--30);
  }
}

@media (min-width: 1400px) {
  .pt-xxl-30 {
    padding-top: var(--30);
  }
}

/* padding right */
.pe-30 {
  padding-right: var(--30);
}

@media (min-width: 576px) {
  .pe-sm-30 {
    padding-right: var(--30);
  }
}

@media (min-width: 768px) {
  .pe-md-30 {
    padding-right: var(--30);
  }
}

@media (min-width: 992px) {
  .pe-lg-30 {
    padding-right: var(--30);
  }
}

@media (min-width: 1200px) {
  .pe-xl-30 {
    padding-right: var(--30);
  }
}

@media (min-width: 1400px) {
  .pe-xxl-30 {
    padding-right: var(--30);
  }
}

/* padding bottom */
.pb-30 {
  padding-bottom: var(--30);
}

@media (min-width: 576px) {
  .pb-sm-30 {
    padding-bottom: var(--30);
  }
}

@media (min-width: 768px) {
  .pb-md-30 {
    padding-bottom: var(--30);
  }
}

@media (min-width: 992px) {
  .pb-lg-30 {
    padding-bottom: var(--30);
  }
}

@media (min-width: 1200px) {
  .pb-xl-30 {
    padding-bottom: var(--30);
  }
}

@media (min-width: 1400px) {
  .pb-xxl-30 {
    padding-bottom: var(--30);
  }
}

/* padding left */
.ps-30 {
  padding-left: var(--30);
}

@media (min-width: 576px) {
  .ps-sm-30 {
    padding-left: var(--30);
  }
}

@media (min-width: 768px) {
  .ps-md-30 {
    padding-left: var(--30);
  }
}

@media (min-width: 992px) {
  .ps-lg-30 {
    padding-left: var(--30);
  }
}

@media (min-width: 1200px) {
  .ps-xl-30 {
    padding-left: var(--30);
  }
}

@media (min-width: 1400px) {
  .ps-xxl-30 {
    padding-left: var(--30);
  }
}

/* padding top & bottom */
.py-30 {
  padding-top: var(--30);
  padding-bottom: var(--30);
}

@media (min-width: 576px) {
  .py-sm-30 {
    padding-top: var(--30);
    padding-bottom: var(--30);
  }
}

@media (min-width: 768px) {
  .py-md-30 {
    padding-top: var(--30);
    padding-bottom: var(--30);
  }
}

@media (min-width: 992px) {
  .py-lg-30 {
    padding-top: var(--30);
    padding-bottom: var(--30);
  }
}

@media (min-width: 1200px) {
  .py-xl-30 {
    padding-top: var(--30);
    padding-bottom: var(--30);
  }
}

@media (min-width: 1400px) {
  .py-xxl-30 {
    padding-top: var(--30);
    padding-bottom: var(--30);
  }
}

/* padding left & right */
.px-30 {
  padding-left: var(--30);
  padding-right: var(--30);
}

@media (min-width: 576px) {
  .px-sm-30 {
    padding-left: var(--30);
    padding-right: var(--30);
  }
}

@media (min-width: 768px) {
  .px-md-30 {
    padding-left: var(--30);
    padding-right: var(--30);
  }
}

@media (min-width: 992px) {
  .px-lg-30 {
    padding-left: var(--30);
    padding-right: var(--30);
  }
}

@media (min-width: 1200px) {
  .px-xl-30 {
    padding-left: var(--30);
    padding-right: var(--30);
  }
}

@media (min-width: 1400px) {
  .px-xxl-30 {
    padding-left: var(--30);
    padding-right: var(--30);
  }
}

/* Margin Top */
.mt-30 {
  margin-top: var(--30);
}

@media (min-width: 576px) {
  .mt-sm-30 {
    margin-top: var(--30);
  }
}

@media (min-width: 768px) {
  .mt-md-30 {
    margin-top: var(--30);
  }
}

@media (min-width: 992px) {
  .mt-lg-30 {
    margin-top: var(--30);
  }
}

@media (min-width: 1200px) {
  .mt-xl-30 {
    margin-top: var(--30);
  }
}

@media (min-width: 1400px) {
  .mt-xxl-30 {
    margin-top: var(--30);
  }
}

/* Margin Right */
.me-30 {
  margin-right: var(--30);
}

@media (min-width: 576px) {
  .me-sm-30 {
    margin-right: var(--30);
  }
}

@media (min-width: 768px) {
  .me-md-30 {
    margin-right: var(--30);
  }
}

@media (min-width: 992px) {
  .me-lg-30 {
    margin-right: var(--30);
  }
}

@media (min-width: 1200px) {
  .me-xl-30 {
    margin-right: var(--30);
  }
}

@media (min-width: 1400px) {
  .me-xxl-30 {
    margin-right: var(--30);
  }
}

/* Margin Bottom */
.mb-30 {
  margin-bottom: var(--30);
}

@media (min-width: 576px) {
  .mb-sm-30 {
    margin-bottom: var(--30);
  }
}

@media (min-width: 768px) {
  .mb-md-30 {
    margin-bottom: var(--30);
  }
}

@media (min-width: 992px) {
  .mb-lg-30 {
    margin-bottom: var(--30);
  }
}

@media (min-width: 1200px) {
  .mb-xl-30 {
    margin-bottom: var(--30);
  }
}

@media (min-width: 1400px) {
  .mb-xxl-30 {
    margin-bottom: var(--30);
  }
}

/* Margin Left */
.ms-30 {
  margin-left: var(--30);
}

@media (min-width: 576px) {
  .ms-sm-30 {
    margin-left: var(--30);
  }
}

@media (min-width: 768px) {
  .ms-md-30 {
    margin-left: var(--30);
  }
}

@media (min-width: 992px) {
  .ms-lg-30 {
    margin-left: var(--30);
  }
}

@media (min-width: 1200px) {
  .ms-xl-30 {
    margin-left: var(--30);
  }
}

@media (min-width: 1400px) {
  .ms-xxl-30 {
    margin-left: var(--30);
  }
}

/* Margin Top & Bottom */
.my-30 {
  margin-top: var(--30);
  margin-bottom: var(--30);
}

@media (min-width: 576px) {
  .my-sm-30 {
    margin-top: var(--30);
    margin-bottom: var(--30);
  }
}

@media (min-width: 768px) {
  .my-md-30 {
    margin-top: var(--30);
    margin-bottom: var(--30);
  }
}

@media (min-width: 992px) {
  .my-lg-30 {
    margin-top: var(--30);
    margin-bottom: var(--30);
  }
}

@media (min-width: 1200px) {
  .my-xl-30 {
    margin-top: var(--30);
    margin-bottom: var(--30);
  }
}

@media (min-width: 1400px) {
  .my-xxl-30 {
    margin-top: var(--30);
    margin-bottom: var(--30);
  }
}

/* Margin Left & Right */
.mx-30 {
  margin-left: var(--30);
  margin-right: var(--30);
}

@media (min-width: 576px) {
  .mx-sm-30 {
    margin-left: var(--30);
    margin-right: var(--30);
  }
}

@media (min-width: 768px) {
  .mx-md-30 {
    margin-left: var(--30);
    margin-right: var(--30);
  }
}

@media (min-width: 992px) {
  .mx-lg-30 {
    margin-left: var(--30);
    margin-right: var(--30);
  }
}

@media (min-width: 1200px) {
  .mx-xl-30 {
    margin-left: var(--30);
    margin-right: var(--30);
  }
}

@media (min-width: 1400px) {
  .mx-xxl-30 {
    margin-left: var(--30);
    margin-right: var(--30);
  }
}

/* padding top */
.pt-50 {
  padding-top: var(--50);
}

@media (min-width: 576px) {
  .pt-sm-50 {
    padding-top: var(--50);
  }
}

@media (min-width: 768px) {
  .pt-md-50 {
    padding-top: var(--50);
  }
}

@media (min-width: 992px) {
  .pt-lg-50 {
    padding-top: var(--50);
  }
}

@media (min-width: 1200px) {
  .pt-xl-50 {
    padding-top: var(--50);
  }
}

@media (min-width: 1400px) {
  .pt-xxl-50 {
    padding-top: var(--50);
  }
}

/* padding right */
.pe-50 {
  padding-right: var(--50);
}

@media (min-width: 576px) {
  .pe-sm-50 {
    padding-right: var(--50);
  }
}

@media (min-width: 768px) {
  .pe-md-50 {
    padding-right: var(--50);
  }
}

@media (min-width: 992px) {
  .pe-lg-50 {
    padding-right: var(--50);
  }
}

@media (min-width: 1200px) {
  .pe-xl-50 {
    padding-right: var(--50);
  }
}

@media (min-width: 1400px) {
  .pe-xxl-50 {
    padding-right: var(--50);
  }
}

/* padding bottom */
.pb-50 {
  padding-bottom: var(--50);
}

@media (min-width: 576px) {
  .pb-sm-50 {
    padding-bottom: var(--50);
  }
}

@media (min-width: 768px) {
  .pb-md-50 {
    padding-bottom: var(--50);
  }
}

@media (min-width: 992px) {
  .pb-lg-50 {
    padding-bottom: var(--50);
  }
}

@media (min-width: 1200px) {
  .pb-xl-50 {
    padding-bottom: var(--50);
  }
}

@media (min-width: 1400px) {
  .pb-xxl-50 {
    padding-bottom: var(--50);
  }
}

/* padding left */
.ps-50 {
  padding-left: var(--50);
}

@media (min-width: 576px) {
  .ps-sm-50 {
    padding-left: var(--50);
  }
}

@media (min-width: 768px) {
  .ps-md-50 {
    padding-left: var(--50);
  }
}

@media (min-width: 992px) {
  .ps-lg-50 {
    padding-left: var(--50);
  }
}

@media (min-width: 1200px) {
  .ps-xl-50 {
    padding-left: var(--50);
  }
}

@media (min-width: 1400px) {
  .ps-xxl-50 {
    padding-left: var(--50);
  }
}

/* padding top & bottom */
.py-50 {
  padding-top: var(--50);
  padding-bottom: var(--50);
}

@media (min-width: 576px) {
  .py-sm-50 {
    padding-top: var(--50);
    padding-bottom: var(--50);
  }
}

@media (min-width: 768px) {
  .py-md-50 {
    padding-top: var(--50);
    padding-bottom: var(--50);
  }
}

@media (min-width: 992px) {
  .py-lg-50 {
    padding-top: var(--50);
    padding-bottom: var(--50);
  }
}

@media (min-width: 1200px) {
  .py-xl-50 {
    padding-top: var(--50);
    padding-bottom: var(--50);
  }
}

@media (min-width: 1400px) {
  .py-xxl-50 {
    padding-top: var(--50);
    padding-bottom: var(--50);
  }
}

/* padding left & right */
.px-50 {
  padding-left: var(--50);
  padding-right: var(--50);
}

@media (min-width: 576px) {
  .px-sm-50 {
    padding-left: var(--50);
    padding-right: var(--50);
  }
}

@media (min-width: 768px) {
  .px-md-50 {
    padding-left: var(--50);
    padding-right: var(--50);
  }
}

@media (min-width: 992px) {
  .px-lg-50 {
    padding-left: var(--50);
    padding-right: var(--50);
  }
}

@media (min-width: 1200px) {
  .px-xl-50 {
    padding-left: var(--50);
    padding-right: var(--50);
  }
}

@media (min-width: 1400px) {
  .px-xxl-50 {
    padding-left: var(--50);
    padding-right: var(--50);
  }
}

/* Margin Top */
.mt-50 {
  margin-top: var(--50);
}

@media (min-width: 576px) {
  .mt-sm-50 {
    margin-top: var(--50);
  }
}

@media (min-width: 768px) {
  .mt-md-50 {
    margin-top: var(--50);
  }
}

@media (min-width: 992px) {
  .mt-lg-50 {
    margin-top: var(--50);
  }
}

@media (min-width: 1200px) {
  .mt-xl-50 {
    margin-top: var(--50);
  }
}

@media (min-width: 1400px) {
  .mt-xxl-50 {
    margin-top: var(--50);
  }
}

/* Margin Right */
.me-50 {
  margin-right: var(--50);
}

@media (min-width: 576px) {
  .me-sm-50 {
    margin-right: var(--50);
  }
}

@media (min-width: 768px) {
  .me-md-50 {
    margin-right: var(--50);
  }
}

@media (min-width: 992px) {
  .me-lg-50 {
    margin-right: var(--50);
  }
}

@media (min-width: 1200px) {
  .me-xl-50 {
    margin-right: var(--50);
  }
}

@media (min-width: 1400px) {
  .me-xxl-50 {
    margin-right: var(--50);
  }
}

/* Margin Bottom */
.mb-50 {
  margin-bottom: var(--50);
}

@media (min-width: 576px) {
  .mb-sm-50 {
    margin-bottom: var(--50);
  }
}

@media (min-width: 768px) {
  .mb-md-50 {
    margin-bottom: var(--50);
  }
}

@media (min-width: 992px) {
  .mb-lg-50 {
    margin-bottom: var(--50);
  }
}

@media (min-width: 1200px) {
  .mb-xl-50 {
    margin-bottom: var(--50);
  }
}

@media (min-width: 1400px) {
  .mb-xxl-50 {
    margin-bottom: var(--50);
  }
}

/* Margin Left */
.ms-50 {
  margin-left: var(--50);
}

@media (min-width: 576px) {
  .ms-sm-50 {
    margin-left: var(--50);
  }
}

@media (min-width: 768px) {
  .ms-md-50 {
    margin-left: var(--50);
  }
}

@media (min-width: 992px) {
  .ms-lg-50 {
    margin-left: var(--50);
  }
}

@media (min-width: 1200px) {
  .ms-xl-50 {
    margin-left: var(--50);
  }
}

@media (min-width: 1400px) {
  .ms-xxl-50 {
    margin-left: var(--50);
  }
}

/* Margin Top & Bottom */
.my-50 {
  margin-top: var(--50);
  margin-bottom: var(--50);
}

@media (min-width: 576px) {
  .my-sm-50 {
    margin-top: var(--50);
    margin-bottom: var(--50);
  }
}

@media (min-width: 768px) {
  .my-md-50 {
    margin-top: var(--50);
    margin-bottom: var(--50);
  }
}

@media (min-width: 992px) {
  .my-lg-50 {
    margin-top: var(--50);
    margin-bottom: var(--50);
  }
}

@media (min-width: 1200px) {
  .my-xl-50 {
    margin-top: var(--50);
    margin-bottom: var(--50);
  }
}

@media (min-width: 1400px) {
  .my-xxl-50 {
    margin-top: var(--50);
    margin-bottom: var(--50);
  }
}

/* Margin Left & Right */
.mx-50 {
  margin-left: var(--50);
  margin-right: var(--50);
}

@media (min-width: 576px) {
  .mx-sm-50 {
    margin-left: var(--50);
    margin-right: var(--50);
  }
}

@media (min-width: 768px) {
  .mx-md-50 {
    margin-left: var(--50);
    margin-right: var(--50);
  }
}

@media (min-width: 992px) {
  .mx-lg-50 {
    margin-left: var(--50);
    margin-right: var(--50);
  }
}

@media (min-width: 1200px) {
  .mx-xl-50 {
    margin-left: var(--50);
    margin-right: var(--50);
  }
}

@media (min-width: 1400px) {
  .mx-xxl-50 {
    margin-left: var(--50);
    margin-right: var(--50);
  }
}

/* padding top */
.pt-70 {
  padding-top: var(--70);
}

@media (min-width: 576px) {
  .pt-sm-70 {
    padding-top: var(--70);
  }
}

@media (min-width: 768px) {
  .pt-md-70 {
    padding-top: var(--70);
  }
}

@media (min-width: 992px) {
  .pt-lg-70 {
    padding-top: var(--70);
  }
}

@media (min-width: 1200px) {
  .pt-xl-70 {
    padding-top: var(--70);
  }
}

@media (min-width: 1400px) {
  .pt-xxl-70 {
    padding-top: var(--70);
  }
}

/* padding right */
.pe-70 {
  padding-right: var(--70);
}

@media (min-width: 576px) {
  .pe-sm-70 {
    padding-right: var(--70);
  }
}

@media (min-width: 768px) {
  .pe-md-70 {
    padding-right: var(--70);
  }
}

@media (min-width: 992px) {
  .pe-lg-70 {
    padding-right: var(--70);
  }
}

@media (min-width: 1200px) {
  .pe-xl-70 {
    padding-right: var(--70);
  }
}

@media (min-width: 1400px) {
  .pe-xxl-70 {
    padding-right: var(--70);
  }
}

/* padding bottom */
.pb-70 {
  padding-bottom: var(--70);
}

@media (min-width: 576px) {
  .pb-sm-70 {
    padding-bottom: var(--70);
  }
}

@media (min-width: 768px) {
  .pb-md-70 {
    padding-bottom: var(--70);
  }
}

@media (min-width: 992px) {
  .pb-lg-70 {
    padding-bottom: var(--70);
  }
}

@media (min-width: 1200px) {
  .pb-xl-70 {
    padding-bottom: var(--70);
  }
}

@media (min-width: 1400px) {
  .pb-xxl-70 {
    padding-bottom: var(--70);
  }
}

/* padding left */
.ps-70 {
  padding-left: var(--70);
}

@media (min-width: 576px) {
  .ps-sm-70 {
    padding-left: var(--70);
  }
}

@media (min-width: 768px) {
  .ps-md-70 {
    padding-left: var(--70);
  }
}

@media (min-width: 992px) {
  .ps-lg-70 {
    padding-left: var(--70);
  }
}

@media (min-width: 1200px) {
  .ps-xl-70 {
    padding-left: var(--70);
  }
}

@media (min-width: 1400px) {
  .ps-xxl-70 {
    padding-left: var(--70);
  }
}

/* padding top & bottom */
.py-70 {
  padding-top: var(--70);
  padding-bottom: var(--70);
}

@media (min-width: 576px) {
  .py-sm-70 {
    padding-top: var(--70);
    padding-bottom: var(--70);
  }
}

@media (min-width: 768px) {
  .py-md-70 {
    padding-top: var(--70);
    padding-bottom: var(--70);
  }
}

@media (min-width: 992px) {
  .py-lg-70 {
    padding-top: var(--70);
    padding-bottom: var(--70);
  }
}

@media (min-width: 1200px) {
  .py-xl-70 {
    padding-top: var(--70);
    padding-bottom: var(--70);
  }
}

@media (min-width: 1400px) {
  .py-xxl-70 {
    padding-top: var(--70);
    padding-bottom: var(--70);
  }
}

/* padding left & right */
.px-70 {
  padding-left: var(--70);
  padding-right: var(--70);
}

@media (min-width: 576px) {
  .px-sm-70 {
    padding-left: var(--70);
    padding-right: var(--70);
  }
}

@media (min-width: 768px) {
  .px-md-70 {
    padding-left: var(--70);
    padding-right: var(--70);
  }
}

@media (min-width: 992px) {
  .px-lg-70 {
    padding-left: var(--70);
    padding-right: var(--70);
  }
}

@media (min-width: 1200px) {
  .px-xl-70 {
    padding-left: var(--70);
    padding-right: var(--70);
  }
}

@media (min-width: 1400px) {
  .px-xxl-70 {
    padding-left: var(--70);
    padding-right: var(--70);
  }
}

/* Margin Top */
.mt-70 {
  margin-top: var(--70);
}

@media (min-width: 576px) {
  .mt-sm-70 {
    margin-top: var(--70);
  }
}

@media (min-width: 768px) {
  .mt-md-70 {
    margin-top: var(--70);
  }
}

@media (min-width: 992px) {
  .mt-lg-70 {
    margin-top: var(--70);
  }
}

@media (min-width: 1200px) {
  .mt-xl-70 {
    margin-top: var(--70);
  }
}

@media (min-width: 1400px) {
  .mt-xxl-70 {
    margin-top: var(--70);
  }
}

/* Margin Right */
.me-70 {
  margin-right: var(--70);
}

@media (min-width: 576px) {
  .me-sm-70 {
    margin-right: var(--70);
  }
}

@media (min-width: 768px) {
  .me-md-70 {
    margin-right: var(--70);
  }
}

@media (min-width: 992px) {
  .me-lg-70 {
    margin-right: var(--70);
  }
}

@media (min-width: 1200px) {
  .me-xl-70 {
    margin-right: var(--70);
  }
}

@media (min-width: 1400px) {
  .me-xxl-70 {
    margin-right: var(--70);
  }
}

/* Margin Bottom */
.mb-70 {
  margin-bottom: var(--70);
}

@media (min-width: 576px) {
  .mb-sm-70 {
    margin-bottom: var(--70);
  }
}

@media (min-width: 768px) {
  .mb-md-70 {
    margin-bottom: var(--70);
  }
}

@media (min-width: 992px) {
  .mb-lg-70 {
    margin-bottom: var(--70);
  }
}

@media (min-width: 1200px) {
  .mb-xl-70 {
    margin-bottom: var(--70);
  }
}

@media (min-width: 1400px) {
  .mb-xxl-70 {
    margin-bottom: var(--70);
  }
}

/* Margin Left */
.ms-70 {
  margin-left: var(--70);
}

@media (min-width: 576px) {
  .ms-sm-70 {
    margin-left: var(--70);
  }
}

@media (min-width: 768px) {
  .ms-md-70 {
    margin-left: var(--70);
  }
}

@media (min-width: 992px) {
  .ms-lg-70 {
    margin-left: var(--70);
  }
}

@media (min-width: 1200px) {
  .ms-xl-70 {
    margin-left: var(--70);
  }
}

@media (min-width: 1400px) {
  .ms-xxl-70 {
    margin-left: var(--70);
  }
}

/* Margin Top & Bottom */
.my-70 {
  margin-top: var(--70);
  margin-bottom: var(--70);
}

@media (min-width: 576px) {
  .my-sm-70 {
    margin-top: var(--70);
    margin-bottom: var(--70);
  }
}

@media (min-width: 768px) {
  .my-md-70 {
    margin-top: var(--70);
    margin-bottom: var(--70);
  }
}

@media (min-width: 992px) {
  .my-lg-70 {
    margin-top: var(--70);
    margin-bottom: var(--70);
  }
}

@media (min-width: 1200px) {
  .my-xl-70 {
    margin-top: var(--70);
    margin-bottom: var(--70);
  }
}

@media (min-width: 1400px) {
  .my-xxl-70 {
    margin-top: var(--70);
    margin-bottom: var(--70);
  }
}

/* Margin Left & Right */
.mx-70 {
  margin-left: var(--70);
  margin-right: var(--70);
}

@media (min-width: 576px) {
  .mx-sm-70 {
    margin-left: var(--70);
    margin-right: var(--70);
  }
}

@media (min-width: 768px) {
  .mx-md-70 {
    margin-left: var(--70);
    margin-right: var(--70);
  }
}

@media (min-width: 992px) {
  .mx-lg-70 {
    margin-left: var(--70);
    margin-right: var(--70);
  }
}

@media (min-width: 1200px) {
  .mx-xl-70 {
    margin-left: var(--70);
    margin-right: var(--70);
  }
}

@media (min-width: 1400px) {
  .mx-xxl-70 {
    margin-left: var(--70);
    margin-right: var(--70);
  }
}

/* padding top */
.pt-100 {
  padding-top: var(--100);
}

@media (min-width: 576px) {
  .pt-sm-100 {
    padding-top: var(--100);
  }
}

@media (min-width: 768px) {
  .pt-md-100 {
    padding-top: var(--100);
  }
}

@media (min-width: 992px) {
  .pt-lg-100 {
    padding-top: var(--100);
  }
}

@media (min-width: 1200px) {
  .pt-xl-100 {
    padding-top: var(--100);
  }
}

@media (min-width: 1400px) {
  .pt-xxl-100 {
    padding-top: var(--100);
  }
}

/* padding right */
.pe-100 {
  padding-right: var(--100);
}

@media (min-width: 576px) {
  .pe-sm-100 {
    padding-right: var(--100);
  }
}

@media (min-width: 768px) {
  .pe-md-100 {
    padding-right: var(--100);
  }
}

@media (min-width: 992px) {
  .pe-lg-100 {
    padding-right: var(--100);
  }
}

@media (min-width: 1200px) {
  .pe-xl-100 {
    padding-right: var(--100);
  }
}

@media (min-width: 1400px) {
  .pe-xxl-100 {
    padding-right: var(--100);
  }
}

/* padding bottom */
.pb-100 {
  padding-bottom: var(--100);
}

@media (min-width: 576px) {
  .pb-sm-100 {
    padding-bottom: var(--100);
  }
}

@media (min-width: 768px) {
  .pb-md-100 {
    padding-bottom: var(--100);
  }
}

@media (min-width: 992px) {
  .pb-lg-100 {
    padding-bottom: var(--100);
  }
}

@media (min-width: 1200px) {
  .pb-xl-100 {
    padding-bottom: var(--100);
  }
}

@media (min-width: 1400px) {
  .pb-xxl-100 {
    padding-bottom: var(--100);
  }
}

/* padding left */
.ps-100 {
  padding-left: var(--100);
}

@media (min-width: 576px) {
  .ps-sm-100 {
    padding-left: var(--100);
  }
}

@media (min-width: 768px) {
  .ps-md-100 {
    padding-left: var(--100);
  }
}

@media (min-width: 992px) {
  .ps-lg-100 {
    padding-left: var(--100);
  }
}

@media (min-width: 1200px) {
  .ps-xl-100 {
    padding-left: var(--100);
  }
}

@media (min-width: 1400px) {
  .ps-xxl-100 {
    padding-left: var(--100);
  }
}

/* padding top & bottom */
.py-100 {
  padding-top: var(--100);
  padding-bottom: var(--100);
}

@media (min-width: 576px) {
  .py-sm-100 {
    padding-top: var(--100);
    padding-bottom: var(--100);
  }
}

@media (min-width: 768px) {
  .py-md-100 {
    padding-top: var(--100);
    padding-bottom: var(--100);
  }
}

@media (min-width: 992px) {
  .py-lg-100 {
    padding-top: var(--100);
    padding-bottom: var(--100);
  }
}

@media (min-width: 1200px) {
  .py-xl-100 {
    padding-top: var(--100);
    padding-bottom: var(--100);
  }
}

@media (min-width: 1400px) {
  .py-xxl-100 {
    padding-top: var(--100);
    padding-bottom: var(--100);
  }
}

/* padding left & right */
.px-100 {
  padding-left: var(--100);
  padding-right: var(--100);
}

@media (min-width: 576px) {
  .px-sm-100 {
    padding-left: var(--100);
    padding-right: var(--100);
  }
}

@media (min-width: 768px) {
  .px-md-100 {
    padding-left: var(--100);
    padding-right: var(--100);
  }
}

@media (min-width: 992px) {
  .px-lg-100 {
    padding-left: var(--100);
    padding-right: var(--100);
  }
}

@media (min-width: 1200px) {
  .px-xl-100 {
    padding-left: var(--100);
    padding-right: var(--100);
  }
}

@media (min-width: 1400px) {
  .px-xxl-100 {
    padding-left: var(--100);
    padding-right: var(--100);
  }
}

/* Margin Top */
.mt-100 {
  margin-top: var(--100);
}

@media (min-width: 576px) {
  .mt-sm-100 {
    margin-top: var(--100);
  }
}

@media (min-width: 768px) {
  .mt-md-100 {
    margin-top: var(--100);
  }
}

@media (min-width: 992px) {
  .mt-lg-100 {
    margin-top: var(--100);
  }
}

@media (min-width: 1200px) {
  .mt-xl-100 {
    margin-top: var(--100);
  }
}

@media (min-width: 1400px) {
  .mt-xxl-100 {
    margin-top: var(--100);
  }
}

/* Margin Right */
.me-100 {
  margin-right: var(--100);
}

@media (min-width: 576px) {
  .me-sm-100 {
    margin-right: var(--100);
  }
}

@media (min-width: 768px) {
  .me-md-100 {
    margin-right: var(--100);
  }
}

@media (min-width: 992px) {
  .me-lg-100 {
    margin-right: var(--100);
  }
}

@media (min-width: 1200px) {
  .me-xl-100 {
    margin-right: var(--100);
  }
}

@media (min-width: 1400px) {
  .me-xxl-100 {
    margin-right: var(--100);
  }
}

/* Margin Bottom */
.mb-100 {
  margin-bottom: var(--100);
}

@media (min-width: 576px) {
  .mb-sm-100 {
    margin-bottom: var(--100);
  }
}

@media (min-width: 768px) {
  .mb-md-100 {
    margin-bottom: var(--100);
  }
}

@media (min-width: 992px) {
  .mb-lg-100 {
    margin-bottom: var(--100);
  }
}

@media (min-width: 1200px) {
  .mb-xl-100 {
    margin-bottom: var(--100);
  }
}

@media (min-width: 1400px) {
  .mb-xxl-100 {
    margin-bottom: var(--100);
  }
}

/* Margin Left */
.ms-100 {
  margin-left: var(--100);
}

@media (min-width: 576px) {
  .ms-sm-100 {
    margin-left: var(--100);
  }
}

@media (min-width: 768px) {
  .ms-md-100 {
    margin-left: var(--100);
  }
}

@media (min-width: 992px) {
  .ms-lg-100 {
    margin-left: var(--100);
  }
}

@media (min-width: 1200px) {
  .ms-xl-100 {
    margin-left: var(--100);
  }
}

@media (min-width: 1400px) {
  .ms-xxl-100 {
    margin-left: var(--100);
  }
}

/* Margin Top & Bottom */
.my-100 {
  margin-top: var(--100);
  margin-bottom: var(--100);
}

@media (min-width: 576px) {
  .my-sm-100 {
    margin-top: var(--100);
    margin-bottom: var(--100);
  }
}

@media (min-width: 768px) {
  .my-md-100 {
    margin-top: var(--100);
    margin-bottom: var(--100);
  }
}

@media (min-width: 992px) {
  .my-lg-100 {
    margin-top: var(--100);
    margin-bottom: var(--100);
  }
}

@media (min-width: 1200px) {
  .my-xl-100 {
    margin-top: var(--100);
    margin-bottom: var(--100);
  }
}

@media (min-width: 1400px) {
  .my-xxl-100 {
    margin-top: var(--100);
    margin-bottom: var(--100);
  }
}

/* Margin Left & Right */
.mx-100 {
  margin-left: var(--100);
  margin-right: var(--100);
}

@media (min-width: 576px) {
  .mx-sm-100 {
    margin-left: var(--100);
    margin-right: var(--100);
  }
}

@media (min-width: 768px) {
  .mx-md-100 {
    margin-left: var(--100);
    margin-right: var(--100);
  }
}

@media (min-width: 992px) {
  .mx-lg-100 {
    margin-left: var(--100);
    margin-right: var(--100);
  }
}

@media (min-width: 1200px) {
  .mx-xl-100 {
    margin-left: var(--100);
    margin-right: var(--100);
  }
}

@media (min-width: 1400px) {
  .mx-xxl-100 {
    margin-left: var(--100);
    margin-right: var(--100);
  }
}

/* padding top */
.pt-120 {
  padding-top: var(--120);
}

@media (min-width: 576px) {
  .pt-sm-120 {
    padding-top: var(--120);
  }
}

@media (min-width: 768px) {
  .pt-md-120 {
    padding-top: var(--120);
  }
}

@media (min-width: 992px) {
  .pt-lg-120 {
    padding-top: var(--120);
  }
}

@media (min-width: 1200px) {
  .pt-xl-120 {
    padding-top: var(--120);
  }
}

@media (min-width: 1400px) {
  .pt-xxl-120 {
    padding-top: var(--120);
  }
}

/* padding right */
.pe-120 {
  padding-right: var(--120);
}

@media (min-width: 576px) {
  .pe-sm-120 {
    padding-right: var(--120);
  }
}

@media (min-width: 768px) {
  .pe-md-120 {
    padding-right: var(--120);
  }
}

@media (min-width: 992px) {
  .pe-lg-120 {
    padding-right: var(--120);
  }
}

@media (min-width: 1200px) {
  .pe-xl-120 {
    padding-right: var(--120);
  }
}

@media (min-width: 1400px) {
  .pe-xxl-120 {
    padding-right: var(--120);
  }
}

/* padding bottom */
.pb-120 {
  padding-bottom: var(--120);
}

@media (min-width: 576px) {
  .pb-sm-120 {
    padding-bottom: var(--120);
  }
}

@media (min-width: 768px) {
  .pb-md-120 {
    padding-bottom: var(--120);
  }
}

@media (min-width: 992px) {
  .pb-lg-120 {
    padding-bottom: var(--120);
  }
}

@media (min-width: 1200px) {
  .pb-xl-120 {
    padding-bottom: var(--120);
  }
}

@media (min-width: 1400px) {
  .pb-xxl-120 {
    padding-bottom: var(--120);
  }
}

/* padding left */
.ps-120 {
  padding-left: var(--120);
}

@media (min-width: 576px) {
  .ps-sm-120 {
    padding-left: var(--120);
  }
}

@media (min-width: 768px) {
  .ps-md-120 {
    padding-left: var(--120);
  }
}

@media (min-width: 992px) {
  .ps-lg-120 {
    padding-left: var(--120);
  }
}

@media (min-width: 1200px) {
  .ps-xl-120 {
    padding-left: var(--120);
  }
}

@media (min-width: 1400px) {
  .ps-xxl-120 {
    padding-left: var(--120);
  }
}

/* padding top & bottom */
.py-120 {
  padding-top: var(--120);
  padding-bottom: var(--120);
}

@media (min-width: 576px) {
  .py-sm-120 {
    padding-top: var(--120);
    padding-bottom: var(--120);
  }
}

@media (min-width: 768px) {
  .py-md-120 {
    padding-top: var(--120);
    padding-bottom: var(--120);
  }
}

@media (min-width: 992px) {
  .py-lg-120 {
    padding-top: var(--120);
    padding-bottom: var(--120);
  }
}

@media (min-width: 1200px) {
  .py-xl-120 {
    padding-top: var(--120);
    padding-bottom: var(--120);
  }
}

@media (min-width: 1400px) {
  .py-xxl-120 {
    padding-top: var(--120);
    padding-bottom: var(--120);
  }
}

/* padding left & right */
.px-120 {
  padding-left: var(--120);
  padding-right: var(--120);
}

@media (min-width: 576px) {
  .px-sm-120 {
    padding-left: var(--120);
    padding-right: var(--120);
  }
}

@media (min-width: 768px) {
  .px-md-120 {
    padding-left: var(--120);
    padding-right: var(--120);
  }
}

@media (min-width: 992px) {
  .px-lg-120 {
    padding-left: var(--120);
    padding-right: var(--120);
  }
}

@media (min-width: 1200px) {
  .px-xl-120 {
    padding-left: var(--120);
    padding-right: var(--120);
  }
}

@media (min-width: 1400px) {
  .px-xxl-120 {
    padding-left: var(--120);
    padding-right: var(--120);
  }
}

/* Margin Top */
.mt-120 {
  margin-top: var(--120);
}

@media (min-width: 576px) {
  .mt-sm-120 {
    margin-top: var(--120);
  }
}

@media (min-width: 768px) {
  .mt-md-120 {
    margin-top: var(--120);
  }
}

@media (min-width: 992px) {
  .mt-lg-120 {
    margin-top: var(--120);
  }
}

@media (min-width: 1200px) {
  .mt-xl-120 {
    margin-top: var(--120);
  }
}

@media (min-width: 1400px) {
  .mt-xxl-120 {
    margin-top: var(--120);
  }
}

/* Margin Right */
.me-120 {
  margin-right: var(--120);
}

@media (min-width: 576px) {
  .me-sm-120 {
    margin-right: var(--120);
  }
}

@media (min-width: 768px) {
  .me-md-120 {
    margin-right: var(--120);
  }
}

@media (min-width: 992px) {
  .me-lg-120 {
    margin-right: var(--120);
  }
}

@media (min-width: 1200px) {
  .me-xl-120 {
    margin-right: var(--120);
  }
}

@media (min-width: 1400px) {
  .me-xxl-120 {
    margin-right: var(--120);
  }
}

/* Margin Bottom */
.mb-120 {
  margin-bottom: var(--120);
}

@media (min-width: 576px) {
  .mb-sm-120 {
    margin-bottom: var(--120);
  }
}

@media (min-width: 768px) {
  .mb-md-120 {
    margin-bottom: var(--120);
  }
}

@media (min-width: 992px) {
  .mb-lg-120 {
    margin-bottom: var(--120);
  }
}

@media (min-width: 1200px) {
  .mb-xl-120 {
    margin-bottom: var(--120);
  }
}

@media (min-width: 1400px) {
  .mb-xxl-120 {
    margin-bottom: var(--120);
  }
}

/* Margin Left */
.ms-120 {
  margin-left: var(--120);
}

@media (min-width: 576px) {
  .ms-sm-120 {
    margin-left: var(--120);
  }
}

@media (min-width: 768px) {
  .ms-md-120 {
    margin-left: var(--120);
  }
}

@media (min-width: 992px) {
  .ms-lg-120 {
    margin-left: var(--120);
  }
}

@media (min-width: 1200px) {
  .ms-xl-120 {
    margin-left: var(--120);
  }
}

@media (min-width: 1400px) {
  .ms-xxl-120 {
    margin-left: var(--120);
  }
}

/* Margin Top & Bottom */
.my-120 {
  margin-top: var(--120);
  margin-bottom: var(--120);
}

@media (min-width: 576px) {
  .my-sm-120 {
    margin-top: var(--120);
    margin-bottom: var(--120);
  }
}

@media (min-width: 768px) {
  .my-md-120 {
    margin-top: var(--120);
    margin-bottom: var(--120);
  }
}

@media (min-width: 992px) {
  .my-lg-120 {
    margin-top: var(--120);
    margin-bottom: var(--120);
  }
}

@media (min-width: 1200px) {
  .my-xl-120 {
    margin-top: var(--120);
    margin-bottom: var(--120);
  }
}

@media (min-width: 1400px) {
  .my-xxl-120 {
    margin-top: var(--120);
    margin-bottom: var(--120);
  }
}

/* Margin Left & Right */
.mx-120 {
  margin-left: var(--120);
  margin-right: var(--120);
}

@media (min-width: 576px) {
  .mx-sm-120 {
    margin-left: var(--120);
    margin-right: var(--120);
  }
}

@media (min-width: 768px) {
  .mx-md-120 {
    margin-left: var(--120);
    margin-right: var(--120);
  }
}

@media (min-width: 992px) {
  .mx-lg-120 {
    margin-left: var(--120);
    margin-right: var(--120);
  }
}

@media (min-width: 1200px) {
  .mx-xl-120 {
    margin-left: var(--120);
    margin-right: var(--120);
  }
}

@media (min-width: 1400px) {
  .mx-xxl-120 {
    margin-left: var(--120);
    margin-right: var(--120);
  }
}

/* padding top */
.pt-150 {
  padding-top: var(--150);
}

@media (min-width: 576px) {
  .pt-sm-150 {
    padding-top: var(--150);
  }
}

@media (min-width: 768px) {
  .pt-md-150 {
    padding-top: var(--150);
  }
}

@media (min-width: 992px) {
  .pt-lg-150 {
    padding-top: var(--150);
  }
}

@media (min-width: 1200px) {
  .pt-xl-150 {
    padding-top: var(--150);
  }
}

@media (min-width: 1400px) {
  .pt-xxl-150 {
    padding-top: var(--150);
  }
}

/* padding right */
.pe-150 {
  padding-right: var(--150);
}

@media (min-width: 576px) {
  .pe-sm-150 {
    padding-right: var(--150);
  }
}

@media (min-width: 768px) {
  .pe-md-150 {
    padding-right: var(--150);
  }
}

@media (min-width: 992px) {
  .pe-lg-150 {
    padding-right: var(--150);
  }
}

@media (min-width: 1200px) {
  .pe-xl-150 {
    padding-right: var(--150);
  }
}

@media (min-width: 1400px) {
  .pe-xxl-150 {
    padding-right: var(--150);
  }
}

/* padding bottom */
.pb-150 {
  padding-bottom: var(--150);
}

@media (min-width: 576px) {
  .pb-sm-150 {
    padding-bottom: var(--150);
  }
}

@media (min-width: 768px) {
  .pb-md-150 {
    padding-bottom: var(--150);
  }
}

@media (min-width: 992px) {
  .pb-lg-150 {
    padding-bottom: var(--150);
  }
}

@media (min-width: 1200px) {
  .pb-xl-150 {
    padding-bottom: var(--150);
  }
}

@media (min-width: 1400px) {
  .pb-xxl-150 {
    padding-bottom: var(--150);
  }
}

/* padding left */
.ps-150 {
  padding-left: var(--150);
}

@media (min-width: 576px) {
  .ps-sm-150 {
    padding-left: var(--150);
  }
}

@media (min-width: 768px) {
  .ps-md-150 {
    padding-left: var(--150);
  }
}

@media (min-width: 992px) {
  .ps-lg-150 {
    padding-left: var(--150);
  }
}

@media (min-width: 1200px) {
  .ps-xl-150 {
    padding-left: var(--150);
  }
}

@media (min-width: 1400px) {
  .ps-xxl-150 {
    padding-left: var(--150);
  }
}

/* padding top & bottom */
.py-150 {
  padding-top: var(--150);
  padding-bottom: var(--150);
}

@media (min-width: 576px) {
  .py-sm-150 {
    padding-top: var(--150);
    padding-bottom: var(--150);
  }
}

@media (min-width: 768px) {
  .py-md-150 {
    padding-top: var(--150);
    padding-bottom: var(--150);
  }
}

@media (min-width: 992px) {
  .py-lg-150 {
    padding-top: var(--150);
    padding-bottom: var(--150);
  }
}

@media (min-width: 1200px) {
  .py-xl-150 {
    padding-top: var(--150);
    padding-bottom: var(--150);
  }
}

@media (min-width: 1400px) {
  .py-xxl-150 {
    padding-top: var(--150);
    padding-bottom: var(--150);
  }
}

/* padding left & right */
.px-150 {
  padding-left: var(--150);
  padding-right: var(--150);
}

@media (min-width: 576px) {
  .px-sm-150 {
    padding-left: var(--150);
    padding-right: var(--150);
  }
}

@media (min-width: 768px) {
  .px-md-150 {
    padding-left: var(--150);
    padding-right: var(--150);
  }
}

@media (min-width: 992px) {
  .px-lg-150 {
    padding-left: var(--150);
    padding-right: var(--150);
  }
}

@media (min-width: 1200px) {
  .px-xl-150 {
    padding-left: var(--150);
    padding-right: var(--150);
  }
}

@media (min-width: 1400px) {
  .px-xxl-150 {
    padding-left: var(--150);
    padding-right: var(--150);
  }
}

/* Margin Top */
.mt-150 {
  margin-top: var(--150);
}

@media (min-width: 576px) {
  .mt-sm-150 {
    margin-top: var(--150);
  }
}

@media (min-width: 768px) {
  .mt-md-150 {
    margin-top: var(--150);
  }
}

@media (min-width: 992px) {
  .mt-lg-150 {
    margin-top: var(--150);
  }
}

@media (min-width: 1200px) {
  .mt-xl-150 {
    margin-top: var(--150);
  }
}

@media (min-width: 1400px) {
  .mt-xxl-150 {
    margin-top: var(--150);
  }
}

/* Margin Right */
.me-150 {
  margin-right: var(--150);
}

@media (min-width: 576px) {
  .me-sm-150 {
    margin-right: var(--150);
  }
}

@media (min-width: 768px) {
  .me-md-150 {
    margin-right: var(--150);
  }
}

@media (min-width: 992px) {
  .me-lg-150 {
    margin-right: var(--150);
  }
}

@media (min-width: 1200px) {
  .me-xl-150 {
    margin-right: var(--150);
  }
}

@media (min-width: 1400px) {
  .me-xxl-150 {
    margin-right: var(--150);
  }
}

/* Margin Bottom */
.mb-150 {
  margin-bottom: var(--150);
}

@media (min-width: 576px) {
  .mb-sm-150 {
    margin-bottom: var(--150);
  }
}

@media (min-width: 768px) {
  .mb-md-150 {
    margin-bottom: var(--150);
  }
}

@media (min-width: 992px) {
  .mb-lg-150 {
    margin-bottom: var(--150);
  }
}

@media (min-width: 1200px) {
  .mb-xl-150 {
    margin-bottom: var(--150);
  }
}

@media (min-width: 1400px) {
  .mb-xxl-150 {
    margin-bottom: var(--150);
  }
}

/* Margin Left */
.ms-150 {
  margin-left: var(--150);
}

@media (min-width: 576px) {
  .ms-sm-150 {
    margin-left: var(--150);
  }
}

@media (min-width: 768px) {
  .ms-md-150 {
    margin-left: var(--150);
  }
}

@media (min-width: 992px) {
  .ms-lg-150 {
    margin-left: var(--150);
  }
}

@media (min-width: 1200px) {
  .ms-xl-150 {
    margin-left: var(--150);
  }
}

@media (min-width: 1400px) {
  .ms-xxl-150 {
    margin-left: var(--150);
  }
}

/* Margin Top & Bottom */
.my-150 {
  margin-top: var(--150);
  margin-bottom: var(--150);
}

@media (min-width: 576px) {
  .my-sm-150 {
    margin-top: var(--150);
    margin-bottom: var(--150);
  }
}

@media (min-width: 768px) {
  .my-md-150 {
    margin-top: var(--150);
    margin-bottom: var(--150);
  }
}

@media (min-width: 992px) {
  .my-lg-150 {
    margin-top: var(--150);
    margin-bottom: var(--150);
  }
}

@media (min-width: 1200px) {
  .my-xl-150 {
    margin-top: var(--150);
    margin-bottom: var(--150);
  }
}

@media (min-width: 1400px) {
  .my-xxl-150 {
    margin-top: var(--150);
    margin-bottom: var(--150);
  }
}

/* Margin Left & Right */
.mx-150 {
  margin-left: var(--150);
  margin-right: var(--150);
}

@media (min-width: 576px) {
  .mx-sm-150 {
    margin-left: var(--150);
    margin-right: var(--150);
  }
}

@media (min-width: 768px) {
  .mx-md-150 {
    margin-left: var(--150);
    margin-right: var(--150);
  }
}

@media (min-width: 992px) {
  .mx-lg-150 {
    margin-left: var(--150);
    margin-right: var(--150);
  }
}

@media (min-width: 1200px) {
  .mx-xl-150 {
    margin-left: var(--150);
    margin-right: var(--150);
  }
}

@media (min-width: 1400px) {
  .mx-xxl-150 {
    margin-left: var(--150);
    margin-right: var(--150);
  }
}

* {
  box-sizing: border-box;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}

a,
.link,
.btn {
  cursor: pointer;
}

a,
.animated {
  transition: all ease 0.25s;
}

img,
a img {
  border: none !important;
}

::selection,
::-moz-selection {
  background-color: black;
  color: #fff;
}

.float_left,
.float-left {
  float: left;
}

.float_right,
.float-right {
  float: right;
}

.clear {
  clear: both;
}

.inline {
  float: none;
  display: inline-block;
  margin-right: -.125em;
  margin-left: -.125em;
}

.block {
  display: block;
}

.relative {
  position: relative;
}

.text_normal,
.text-normal {
  color: inherit;
}

.overflow_hidden,
.overflow-hidden {
  overflow: hidden;
}

.container-fluid.no_padding,
.container-fluid.no-padding {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.standardcase {
  text-transform: none;
}

.capitalize {
  text-transform: capitalize;
}

/* valign */

.valign_container {
  white-space: nowrap;
}

.valign_container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin: 0 -.125em;
}

.valign_container .valign_top,
.valign_container .valign_middle,
.valign_container .valign_bottom {
  display: inline-block;
  white-space: normal;
  position: relative;
}

.valign_top,
.valign-top {
  vertical-align: top;
}

.valign_middle,
.valign-middle {
  vertical-align: middle;
}

.valign_bottom,
.valign-bottom {
  vertical-align: bottom;
}

/* images */

.img_fullwidth,
.img-fullwidth {
  width: 100%;
  height: auto;
}

.img_center,
.img-center {
  margin: 0 auto;
}

.img_contain,
.img-contain {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.img_cover,
.img-cover {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}

.background_fixed,
.background-fixed {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

@media (max-width: 991.99px) {

  .background_fixed,
  .background-fixed {
    background-attachment: scroll;
  }
}

/* effetti su immagini */

.zoom_img {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  height: auto;
}

.zoom_img img {
  transition: transform .5s ease;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.zoom_img:hover img,
a:hover .zoom_img img {
  transform: scale(1.05);
}

/* iframe responsive */

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* animation */

@media (min-width: 992px) {

  .delay-2 {
    transition-delay: 0.25s !important;
  }

  .delay-3 {
    transition-delay: 0.5s !important;
  }

  .delay-4 {
    transition-delay: 0.75s !important;
  }

  .delay-5 {
    transition-delay: 1s !important;
  }

  .delay01 {
    transition-delay: 0.1s !important;
  }

  .delay02 {
    transition-delay: 0.2s !important;
  }

  .delay03 {
    transition-delay: 0.3s !important;
  }

  .delay04 {
    transition-delay: 0.4s !important;
  }

  .delay05 {
    transition-delay: 0.5s !important;
  }

  .delay06 {
    transition-delay: 0.6s !important;
  }

  .delay07 {
    transition-delay: 0.7s !important;
  }

  .delay08 {
    transition-delay: 0.8s !important;
  }

  .delay09 {
    transition-delay: 0.9s !important;
  }

  .delay10 {
    transition-delay: 1s !important;
  }


  .fadein_block {
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transition: all 0.75s cubic-bezier(0.23,1,0.32,1);
    -webkit-transition: all 0.75s cubic-bezier(0.23,1,0.32,1);
    -moz-transition: all 0.75s cubic-bezier(0.23,1,0.32,1);

  }

  .fadein_block.animate {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
  }

  .fadein_left {
    opacity: 0;
    transform: translateX(-70px);
    -webkit-transform: translateX(-70px);
    -moz-transform: translateX(-70px);
    transition: all 0.75s ease 0s;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
  }

  .fadein_left.animate {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
  }

  .fadein_right {
    opacity: 0;
    transform: translateX(70px);
    -webkit-transform: translateX(70px);
    -moz-transform: translateX(70px);
    transition: all 0.75s ease 0s;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
  }

  .fadein_right.animate {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
  }

}

/* ANIMAZIONE TESTI */

@media (min-width: 992px) {

  [animate-text] {
    overflow: hidden;
    display: block;
  }

  [animate-text] .word-overflow {
    display: inline-block;
    overflow: hidden;
  }

  [animate-text] .letter,
  [animate-text] .word {
    display: inline-block;
    transform: translateY(100%);
    opacity: 1;
    transition: transform var(--transform-duration, 1.5s) cubic-bezier(0.08, 0.82, 0.17, 1),
          opacity var(--opacity-duration, 1s) cubic-bezier(0.08, 0.82, 0.17, 1);
    transition-delay: var(--delay);
  }

  [animate-text].visible .letter,
  [animate-text].visible .word {
    transform: translateY(0);
    opacity: 1;
  }

}