/* Root variables
---------------------------------------------------- */

:root {

	--eui-black: #000000;
	--eui-black-rgb: 0, 0, 0;

	--eui-dark: #1a1c24;
	--eui-dark-rgb: 33, 37, 41;

	--eui-light-blue: #EEF3F9;
	--eui-light-blue-rgb: 238, 243, 249;

	--eui-grey: #858585;
	--eui-grey-rgb: 133, 133, 133;

	--eui-dark-grey: #3F3C3C;
	--eui-dark-grey-rgb: 63, 60, 60;
	
	--eui-gold: #f1c46f;
	--eui-gold-rgb: 241, 196, 111;
	
	--bs-bg-opacity: 1;
}




/*
=========================================================================================================================
	Tags
=========================================================================================================================
*/

body {
	font-family: 'Nunito Sans', sans-serif;
	color: var(--eui-black);
	font-size: 1.125rem;
	line-height: 1.65;
}

img { max-width: 100%; }

main img { height: auto; }

h1, .h1, .display-1,
h2, .h2, .display-2,
h3, .h3, .display-3,
h4, .h4, .display-4,
h5, .h5, .display-5,
h6, .h6, .display-6 { font-family: 'Inter', sans-serif; } 

a { color: var(--eui-secondary); }

.container-fluid {
    max-width: 1920px!important;
    margin: 0 auto!important;
}

#logo img {
	height: 50px;
	max-width: none;
}

.text-gold {
	color: var(--eui-gold);
}

.text-light {
	color: var(--eui-light-blue)!important;
}

.text-secondary {
	color: var(--eui-grey)!important;
}

.btn-gold-75 {
	background: rgba(242, 196, 110, .75)!important;
    border: 3px solid #f2c46e!important;
}

.btn-gold-75:hover {
    background-color: #f2c46e!important;
    border-color: #f2c46e!important;
}

.btn-check:active+.btn-gold-75:focus,
.btn-check:checked+.btn-gold-75:focus,
.btn-gold-75.active:focus,
.btn-gold-75:active:focus,
.show>.btn-gold-75.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(242 196 110 / 50%);
}

.top-75 {
	top: 75%;
}

/* Extend background classes
---------------------------------------------------- */
.bg-gold { background-color: var(--eui-gold)!important; }
.bg-gold-75 { background-color: rgba(var(--eui-gold-rgb),.75)!important; }
.bg-dark { background-color: var(--eui-dark)!important; }
.bg-black { background-color: var(--eui-black)!important; }
.bg-black-75 { background-color: rgba(var(--eui-black-rgb), .75)!important; }
.bg-transparent { background-color: transparent!important; }	


/* Extend ratio classes
---------------------------------------------------- */
.ratio-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%) }
.ratio-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%) }
.ratio-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%) }
.ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%) }
.ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%) }
.ratio-custom { --bs-aspect-ratio: calc(429 / 1024 * 100%); }



/* Extend ratio classes
---------------------------------------------------- */
.z-90 { z-index: 90!important }
.z-93 {	z-index: 93!important }
.z-96 {	z-index: 96!important }
.z-99 {	z-index: 99!important }
.z-990 { z-index: 990!important }
.z-993 { z-index: 993!important }
.z-996 { z-index: 996!important }
.z-999 { z-index: 999!important }
.z-9990 { z-index: 9990!important }
.z-9993 { z-index: 9993!important }
.z-9996 { z-index: 9996!important }
.z-9999 { z-index: 9999!important }


/*
=========================================================================================================================
	Media Queries
=========================================================================================================================
*/

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {

	/* Extend font-size classes
	---------------------------------------------------- */
	.fs-sm-1 { font-size: 2.5rem!important; }
	.fs-sm-2 { font-size: 2rem!important; }
	.fs-sm-2 { font-size: 2rem!important; }
	.fs-sm-3 { font-size: 1.75rem!important; }
	.fs-sm-4 { font-size: 1.5rem!important; }
	.fs-sm-5 { font-size: 1.25rem!important; }
	.fs-sm-6 { font-size: 1rem!important; }
	

	/* Extend background classes
	---------------------------------------------------- */
	.bg-sm-gold { background-color: var(--eui-gold)!important; }
	.bg-sm-gold-75 { background-color: rgba(var(--eui-gold-rgb),.75)!important; }
	.bg-sm-dark { background-color: var(--eui-dark)!important; }
	.bg-sm-black { background-color: var(--eui-black)!important; }
	.bg-sm-black-75 { background-color: rgba(var(--eui-black-rgb), .75)!important; }
	.bg-sm-transparent { background-color: transparent!important; }	
	

	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-sm-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-sm-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-sm-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-sm-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-sm-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }
	.ratio-sm-custom { --bs-aspect-ratio: calc(429 / 1024 * 100%); }
	
	.ratio-sm {
		position: relative;
    	width: 100%;
	}

	.ratio-sm > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-sm::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-sm-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-sm-auto::before {
		display: none;
		padding-top: 0;
	}

	.translate-sm-middle {
    	transform: translate(-50%,-50%)!important;
	}

	.transform-sm-none {
    	transform: none!important;
	}

	
}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
	
	/* Extend font-size classes
	---------------------------------------------------- */

	.fs-md-1 { font-size: 2.5rem!important; }
	.fs-md-2 { font-size: 2rem!important; }
	.fs-md-2 { font-size: 2rem!important; }
	.fs-md-3 { font-size: 1.75rem!important; }
	.fs-md-4 { font-size: 1.5rem!important; }
	.fs-md-5 { font-size: 1.25rem!important; }
	.fs-md-6 { font-size: 1rem!important; }


	/* Extend background classes
	---------------------------------------------------- */
	.bg-md-gold { background-color: var(--eui-gold)!important; }
	.bg-md-gold-75 { background-color: rgba(var(--eui-gold-rgb),.75)!important; }
	.bg-md-dark { background-color: var(--eui-dark)!important; }
	.bg-md-black { background-color: var(--eui-black)!important; }
	.bg-md-black-75 { background-color: rgba(var(--eui-black-rgb), .75)!important; }
	.bg-md-transparent { background-color: transparent!important; }


	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-md-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-md-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-md-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-md-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-md-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }
	.ratio-md-custom { --bs-aspect-ratio: calc(429 / 1024 * 100%); }

	.ratio-md {
		position: relative;
    	width: 100%;
	}

	.ratio-md > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-md::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-md-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-md-auto::before {
		display: none;
		padding-top: 0;
	}	

	/* Extend position classes
	---------------------------------------------------- */
	.position-md-static {
		position: static!important
	}
	.position-md-relative {
		position: relative!important
	}
	.position-md-absolute {
		position: absolute!important
	}
	.position-md-fixed {
		position: fixed!important
	}
	.position-md-sticky {
		position: sticky!important
	}


	.translate-md-middle {
    	transform: translate(-50%,-50%)!important;
	}

	.transform-md-none {
    	transform: none!important;
	}


	/* Extend width classes
	---------------------------------------------------- */	
	.w-md-auto {
		width: auto!important;
	}



}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
	
	/* Extend font-size classes 
	---------------------------------------------------- */
	.fs-lg-1 { font-size: 2.5rem!important; }
	.fs-lg-2 { font-size: 2rem!important; }
	.fs-lg-2 { font-size: 2rem!important; }
	.fs-lg-3 { font-size: 1.75rem!important; }
	.fs-lg-4 { font-size: 1.5rem!important; }
	.fs-lg-5 { font-size: 1.25rem!important; }
	.fs-lg-6 { font-size: 1rem!important; }
	

	/* Extend background classes
	---------------------------------------------------- */
	.bg-lg-gold { background-color: var(--eui-gold)!important; }
	.bg-lg-gold-75 { background-color: rgba(var(--eui-gold-rgb),.75)!important; }
	.bg-lg-dark { background-color: var(--eui-dark)!important; }
	.bg-lg-black { background-color: var(--eui-black)!important; }
	.bg-lg-black-75 { background-color: rgba(var(--eui-black-rgb), .75)!important; }
	.bg-lg-transparent { background-color: transparent!important; }


	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-lg-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-lg-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-lg-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-lg-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-lg-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }
	.ratio-lg-custom { --bs-aspect-ratio: calc(429 / 1024 * 100%); }

	
	.ratio-lg {
		position: relative;
    	width: 100%;
	}

	.ratio-lg > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-lg::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-lg-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-lg-auto::before {
		display: none;
		padding-top: 0;
	}
	

	/* Extend position classes
	---------------------------------------------------- */
	.position-lg-static {
		position: static!important
	}
	.position-lg-relative {
		position: relative!important
	}
	.position-lg-absolute {
		position: absolute!important
	}
	.position-lg-fixed {
		position: fixed!important
	}
	.position-lg-sticky {
		position: sticky!important
	}	
	

	.translate-lg-middle {
    	transform: translate(-50%,-50%)!important;
	}

	.transform-lg-none {
    	transform: none!important;
	}


	#logo img {
		height: 60px;
	}	
	
	
}


/* X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
	
	/* Extend font-size classes 
	---------------------------------------------------- */
	
	.fs-xl-1 { font-size: 2.5rem!important; }
	.fs-xl-2 { font-size: 2rem!important; }
	.fs-xl-2 { font-size: 2rem!important; }
	.fs-xl-3 { font-size: 1.75rem!important; }
	.fs-xl-4 { font-size: 1.5rem!important; }
	.fs-xl-5 { font-size: 1.25rem!important; }
	.fs-xl-6 { font-size: 1rem!important; }
	

	/* Extend font-size classes 
	---------------------------------------------------- */
	.display-xl-1 { font-size: 5rem!important; }
	.display-xl-2 { font-size: 4.5rem!important; }
	.display-xl-3 { font-size: 4rem!important; }
	.display-xl-4 { font-size: 3.5rem!important; }
	.display-xl-5 { font-size: 3rem!important; }		
	.display-xl-6 { font-size: 2.5rem!important; }	


	/* Extend background classes
	---------------------------------------------------- */
	.bg-xl-gold { background-color: var(--eui-gold)!important; }
	.bg-xl-gold-75 { background-color: rgba(var(--eui-gold-rgb),.75)!important; }
	.bg-xl-dark { background-color: var(--eui-dark)!important; }
	.bg-xl-black { background-color: var(--eui-black)!important; }
	.bg-xl-black-75 { background-color: rgba(var(--eui-black-rgb), .75)!important; }
	.bg-xl-transparent { background-color: transparent!important; }

	
	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-xl-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-xl-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-xl-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-xl-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-xl-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }
	.ratio-xl-custom { --bs-aspect-ratio: calc(429 / 1024 * 100%); }

	
	.ratio-xl {
		position: relative;
    	width: 100%;
	}

	.ratio-xl > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-xl::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-xl-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-xl-auto::before {
		display: none;
		padding-top: 0;
	}


	/* Extend position classes
	---------------------------------------------------- */
	.position-xl-static {
		position: static!important
	}
	.position-xl-relative {
		position: relative!important
	}
	.position-xl-absolute {
		position: absolute!important
	}
	.position-xl-fixed {
		position: fixed!important
	}
	.position-xl-sticky {
		position: sticky!important
	}


	.translate-xl-middle {
    	transform: translate(-50%,-50%)!important;
	}

	.transform-xl-none {
    	transform: none!important;
	}


	
}


/* XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) {

	body { font-size: 1.125rem; }
	
	/* Extend font-size classes 
	---------------------------------------------------- */
	.fs-xxl-1 { font-size: calc(1.375rem + 1.5vw)!important; }
	.fs-xxl-2 { font-size: calc(1.325rem + .9vw)!important; }
	.fs-xxl-3 { font-size: calc(1.3rem + .6vw)!important; }
	.fs-xxl-4 { font-size: calc(1.275rem + .3vw)!important; }
	.fs-xxl-5 { font-size: 1.25rem!important; }		
	.fs-xxl-6 { font-size: 1rem!important; }

	/* Extend font-size classes 
	---------------------------------------------------- */
	.display-xxl-1 { font-size: 5rem!important; }
	.display-xxl-2 { font-size: 4.5rem!important; }
	.display-xxl-3 { font-size: 4rem!important; }
	.display-xxl-4 { font-size: 3.5rem!important; }
	.display-xxl-5 { font-size: 3rem!important; }		
	.display-xxl-6 { font-size: 2.5rem!important; }	
	

	/* Extend background classes
	---------------------------------------------------- */
	.bg-xxl-gold { background-color: var(--eui-gold)!important; }
	.bg-xxl-gold-75 { background-color: rgba(var(--eui-gold-rgb),.75)!important; }
	.bg-xxl-dark { background-color: var(--eui-dark)!important; }
	.bg-xxl-black { background-color: var(--eui-black)!important; }
	.bg-xxl-black-75 { background-color: rgba(var(--eui-black-rgb), .75)!important; }
	.bg-xxl-transparent { background-color: transparent!important; }

	
	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-xxl-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-xxl-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-xxl-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-xxl-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-xxl-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }
	.ratio-xxl-custom { --bs-aspect-ratio: calc(429 / 1024 * 100%); }


	.ratio-xxl {
		position: relative;
    	width: 100%;
	}

	.ratio-xxl > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-xxl::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-xxl-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-xxl-auto::before {
		display: none;
		padding-top: 0;
	}


	/* Extend position classes
	---------------------------------------------------- */
	.position-xxl-static {
		position: static!important
	}
	.position-xxl-relative {
		position: relative!important
	}
	.position-xxl-absolute {
		position: absolute!important
	}
	.position-xxl-fixed {
		position: fixed!important
	}
	.position-xxl-sticky {
		position: sticky!important
	}


	.translate-xxl-middle {
    	transform: translate(-50%,-50%)!important;
	}

	.transform-xxl-none {
    	transform: none!important;
	}	

	
}


/* XXX-Large devices (larger desktops, 1800px and up) */

@media (min-width: 1800px) {

	/* Extend font-size classes 
	---------------------------------------------------- */
	.fs-xxxl-1 { font-size: calc(1.375rem + 1.5vw)!important; }
	.fs-xxxl-2 { font-size: calc(1.325rem + .9vw)!important; }
	.fs-xxxl-3 { font-size: calc(1.3rem + .6vw)!important; }
	.fs-xxxl-4 { font-size: calc(1.275rem + .3vw)!important; }
	.fs-xxxl-5 { font-size: 1.25rem!important; }		
	.fs-xxxl-6 { font-size: 1rem!important; }


	/* Extend background classes
	---------------------------------------------------- */
	.bg-xxxl-gold { background-color: var(--eui-gold)!important; }
	.bg-xxxl-gold-75 { background-color: rgba(var(--eui-gold-rgb),.75)!important; }
	.bg-xxxl-dark { background-color: var(--eui-dark)!important; }
	.bg-xxxl-black { background-color: var(--eui-black)!important; }
	.bg-xxxl-black-75 { background-color: rgba(var(--eui-black-rgb), .75)!important; }
	.bg-xxxl-transparent { background-color: transparent!important; }


	/* Extend ratio classes
	---------------------------------------------------- */
	.ratio-xxxl-2x1 { --bs-aspect-ratio: calc(1 / 2 * 100%); }
	.ratio-xxxl-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
	.ratio-xxxl-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
	.ratio-xxxl-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
	.ratio-xxxl-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }
	.ratio-xxxl-custom { --bs-aspect-ratio: calc(429 / 1024 * 100%); }


	.ratio-xxxl {
		position: relative;
    	width: 100%;
	}

	.ratio-xxxl > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ratio-xxxl::before {
		display: block;
		padding-top: var(--bs-aspect-ratio);
		content: "";
	}

	.ratio-xxxl-auto > * {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}

	.ratio-xxxl-auto::before {
		display: none;
		padding-top: 0;
	}
	

	/* Extend position classes
	---------------------------------------------------- */
	.position-xxxl-static {
		position: static!important
	}
	.position-xxxl-relative {
		position: relative!important
	}
	.position-xxxl-absolute {
		position: absolute!important
	}
	.position-xxxl-fixed {
		position: fixed!important
	}
	.position-xxxl-sticky {
		position: sticky!important
	}


	.translate-xxxl-middle {
    	transform: translate(-50%,-50%)!important;
	}

	.transform-xxxl-none {
    	transform: none!important;
	}	


	/* Extend align-self classes 
	---------------------------------------------------- */
	.align-self-xxxl-start { align-self: flex-start!important; }
	.align-self-xxxl-end { align-self: flex-end!important; }
	.align-self-xxxl-center { align-self: center!important; }
	.align-self-xxxl-baseline {	align-self: baseline!important; }
	.align-self-xxxl-stretch { align-self: stretch!important; }
	
	
	/* Extend margin classes 
	---------------------------------------------------- */
	.m-xxxl-auto { margin: auto!important; }
	.mx-xxxl-auto { margin-left: auto!important; margin-right: auto!important; }
	.my-xxxl-auto { margin-top: auto!important; margin-bottom: auto!important; }	
	.mt-xxxl-auto { margin-top: auto!important; }
	.me-xxxl-auto {	margin-right: auto!important; }
	.mb-xxxl-auto { margin-bottom: auto!important;}
	.ms-xxxl-auto { margin-left: auto!important; }

	.m-xxxl-0 { margin: 0!important; }
	.mx-xxxl-0 { margin-left: 0!important; margin-right: 0!important; }
	.my-xxxl-0 { margin-top: 0!important; margin-bottom: 0!important; }
	.mt-xxxl-0 { margin-top: 0!important;}
	.me-xxxl-0 { margin-right: 0!important; }
	.mb-xxxl-0 { margin-bottom: 0!important; }
	.ms-xxxl-0 { margin-left: 0!important; }

	.m-xxxl-1 { margin: .25rem!important;}
	.mx-xxxl-1 { margin-left: .25rem!important; margin-right: .25rem!important; }
	.my-xxxl-1 { margin-top: .25rem!important; margin-bottom: .25rem!important; }
	.mt-xxxl-1 { margin-top: .25rem!important; }
	.me-xxxl-1 { margin-right: .25rem!important; }
	.mb-xxxl-1 { margin-bottom: .25rem!important; }
	.ms-xxxl-1 { margin-left: .25rem!important; }

	.m-xxxl-2 { margin: .5rem!important; }
	.mx-xxxl-2 { margin-left: .5rem!important; margin-right: .5rem!important; }
	.my-xxxl-2 { margin-top: .5rem!important; margin-bottom: .5rem!important; }
	.mt-xxxl-2 { margin-top: .5rem!important; }
	.me-xxxl-2 { margin-right: .5rem!important; }
	.mb-xxxl-2 { margin-bottom: .5rem!important; }
	.ms-xxxl-2 { margin-left: .5rem!important; }

	.m-xxxl-3 { margin: 1rem!important; }
	.mx-xxxl-3 { margin-left: 1rem!important; margin-right: 1rem!important; }
	.my-xxxl-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; }
	.mt-xxxl-3 { margin-top: 1rem!important; }
	.me-xxxl-3 { margin-right: 1rem!important; }
	.mb-xxxl-3 { margin-bottom: 1rem!important; }
	.ms-xxxl-3 { margin-left: 1rem!important; }

	.m-xxxl-4 { margin: 1.5rem!important; }
	.mx-xxxl-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important; }
	.my-xxxl-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; }
	.mt-xxxl-4 { margin-top: 1.5rem!important; }
	.me-xxxl-4 { margin-right: 1.5rem!important; }
	.mb-xxxl-4 { margin-bottom: 1.5rem!important; }
	.ms-xxxl-4 { margin-left: 1.5rem!important; }

	.m-xxxl-5 { margin: 3rem!important; }
	.mx-xxxl-5 { margin-left: 3rem!important; margin-right: 3rem!important; }
	.my-xxxl-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; }
	.mt-xxxl-5 { margin-top: 3rem!important; }
	.me-xxxl-5 { margin-right: 3rem!important; }
	.mb-xxxl-5 { margin-bottom: 3rem!important; }
	.ms-xxxl-5 { margin-left: 3rem!important; }	
	

	/* Extend padding classes 
	---------------------------------------------------- */
	.p-xxxl-auto { padding: auto!important; }
	.px-xxxl-auto { padding-left: auto!important; padding-right: auto!important; }
	.py-xxxl-auto { padding-top: auto!important; padding-bottom: auto!important; }	
	.pt-xxxl-auto { padding-top: auto!important; }
	.pe-xxxl-auto {	padding-right: auto!important; }
	.pb-xxxl-auto { padding-bottom: auto!important;}
	.ps-xxxl-auto { padding-left: auto!important; }

	.p-xxxl-0 { padding: 0!important; }
	.px-xxxl-0 { padding-left: 0!important; padding-right: 0!important; }
	.py-xxxl-0 { padding-top: 0!important; padding-bottom: 0!important; }
	.pt-xxxl-0 { padding-top: 0!important;}
	.pe-xxxl-0 { padding-right: 0!important; }
	.pb-xxxl-0 { padding-bottom: 0!important; }
	.ps-xxxl-0 { padding-left: 0!important; }

	.p-xxxl-1 { padding: .25rem!important;}
	.px-xxxl-1 { padding-left: .25rem!important; padding-right: .25rem!important; }
	.py-xxxl-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; }
	.pt-xxxl-1 { padding-top: .25rem!important; }
	.pe-xxxl-1 { padding-right: .25rem!important; }
	.pb-xxxl-1 { padding-bottom: .25rem!important; }
	.ps-xxxl-1 { padding-left: .25rem!important; }

	.p-xxxl-2 { padding: .5rem!important; }
	.px-xxxl-2 { padding-left: .5rem!important; padding-right: .5rem!important; }
	.py-xxxl-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; }
	.pt-xxxl-2 { padding-top: .5rem!important; }
	.pe-xxxl-2 { padding-right: .5rem!important; }
	.pb-xxxl-2 { padding-bottom: .5rem!important; }
	.ps-xxxl-2 { padding-left: .5rem!important; }

	.p-xxxl-3 { padding: 1rem!important; }
	.px-xxxl-3 { padding-left: 1rem!important; padding-right: 1rem!important; }
	.py-xxxl-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
	.pt-xxxl-3 { padding-top: 1rem!important; }
	.pe-xxxl-3 { padding-right: 1rem!important; }
	.pb-xxxl-3 { padding-bottom: 1rem!important; }
	.ps-xxxl-3 { padding-left: 1rem!important; }

	.p-xxxl-4 { padding: 1.5rem!important; }
	.px-xxxl-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important; }
	.py-xxxl-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; }
	.pt-xxxl-4 { padding-top: 1.5rem!important; }
	.pe-xxxl-4 { padding-right: 1.5rem!important; }
	.pb-xxxl-4 { padding-bottom: 1.5rem!important; }
	.ps-xxxl-4 { padding-left: 1.5rem!important; }

	.p-xxxl-5 { padding: 3rem!important; }
	.px-xxxl-5 { padding-left: 3rem!important; padding-right: 3rem!important; }
	.py-xxxl-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }
	.pt-xxxl-5 { padding-top: 3rem!important; }
	.pe-xxxl-5 { padding-right: 3rem!important; }
	.pb-xxxl-5 { padding-bottom: 3rem!important; }
	.ps-xxxl-5 { padding-left: 3rem!important; }
}