/* 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.625rem, 0.521vw, 0.625rem);
	--15: clamp(0.750rem, 0.781vw, 0.938rem);
	--20: clamp(0.938rem, 1.042vw, 1.250rem);
	--30: clamp(1.250rem, 1.563vw, 1.875rem);
	--50: clamp(2.063rem, 2.604vw, 3.125rem);
	--70: clamp(2.875rem, 3.646vw, 4.375rem);
	--100: clamp(4.125rem, 5.208vw, 6.250rem);
	--120: clamp(4.938rem, 6.250vw, 7.500rem);
	--150: clamp(6.188rem, 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-80 {
	padding-top: var(--80);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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;
	outline: none !important;
} */

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: -0.125em;
	margin-left: -0.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 -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 0.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 */

[animate-text] {
	/* overflow: hidden; */
	display: block;
	visibility: visible;
}

[animate-text-after-transition] {
	/* overflow: hidden; */
	display: block;
	visibility: hidden;
}

[animate-text].visible,
[animate-text-after-transition].visible {
	visibility: visible;
}

[animate-text] .word-overflow,
[animate-text-after-transition] .word-overflow,
[animate-text] .word,
[animate-text-after-transition] .word {
	display: inline-flex;
	/* overflow: hidden; */
}

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

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

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

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