@charset "utf-8";
/* CSS Document */

:root {
	--smx-grey-50: rgb(255, 255, 255);
  --smx-grey-75: rgb(253, 253, 254);
  --smx-grey-100: rgb(248, 248, 250);
  --smx-grey-200: rgb(234, 234, 238);
  --smx-grey-300: rgb(225, 225, 230);
  --smx-grey-400: rgb(202, 202, 209);
  --smx-grey-500: rgb(179, 179, 186);
  --smx-grey-600: rgb(142, 142, 149);
  --smx-grey-700: rgb(110, 110, 119);
  --smx-grey-800: rgb(75, 75, 75);
  --smx-grey-900: rgb(44, 44, 44);
  --smx-black-lt: rgb(51, 51, 51);
  --smx-black-dk: rgb(43, 43, 43);  
  --smx-black: rgb(0, 0, 0);
  --smx-green-grey-200: rgb(197, 198, 181);
  --smx-green-grey-300: RGB(163, 165, 134);
  --smx-green-grey-600: rgb(81, 85, 72);
  --spectrum-blue-100: RGB(155, 200, 255);
  --spectrum-blue-200: RGB(96, 167, 253);
  --spectrum-blue-300: RGB(64, 147, 247);
  --spectrum-blue-400: rgb(38, 128, 235);
  --spectrum-blue-500: rgb(20, 115, 230);
  --spectrum-blue-600: rgb(13, 102, 208);
  --spectrum-blue-700: rgb(9, 90, 186);
  --smx-teal-100: RGB(178, 214, 207);
  --smx-teal-400: RGB(29, 176, 163);
  --smx-teal-500: RGB(13, 148, 136);
  --smx-teal-600: RGB(12, 133, 123);
  --smx-teal-700: RGB(10, 112, 104);
  --smx-teal-800: RGB(1, 93, 86);
  --smx-gold-100: RGB(227, 224, 209);
  --smx-purple-100: RGB(208, 208, 226);
  --smx-wheat-100: rgb(252, 245, 224);
  --smx-blue-100: rgb(192, 214, 242);
  --smx-blue-200: RGB(158, 191, 232);
  --smx-red-200: rgb(214, 183, 178);
  --smx-cherry-200: rgb(180, 142, 166);
  --smx-cherry-500: rgb(133, 73, 111);
  --smx-orange-500: rgb(241, 101, 34);
  --teal-500: rgb(0, 150, 136);
  --coastal-blue-500: RGB(73, 93, 120);
  --coastal-blue-100: rgb(151, 171, 198);
  --coastal-blue-50: RGB(184, 197, 214);
  --interfero-200: rgb(145, 172, 186);
  --interfero-300: rgb(97, 131, 149);
  --interfero-350: rgb(84, 118, 136);
  --interfero-400: RGB(73, 107, 126);

  --standard-opacity: 0.75;
}


/*----Colors---------*/
.bg-black-lt,
.bg-hover-black-lt:hover {
	background-color: var(--smx-black-lt)!important
}
.bg-black-dk {
	background-color: var(--smx-black-dk)!important
}
.bg-black {
	background-color: var(--smx-black)!important
}
.bg-grey-75 {
	background-color: var(--smx-grey-75)!important
}
.bg-grey-100 {
	background-color: var(--smx-grey-100)!important
}
.bg-grey-200 {
	background-color: var(--smx-grey-200)!important
}
.bg-grey-300 {
	background-color: var(--smx-grey-300)!important
}
.bg-grey-400 {
	background-color: var(--smx-grey-400)!important
}
.bg-grey-500 {
	background-color: var(--smx-grey-500)!important
}
.bg-smx-green-grey-200 {
    background-color: var(--smx-green-grey-200)!important;
} 
.bg-smx-green-grey-300 {
    background-color: var(--smx-green-grey-300)!important;
}
.bg-smx-green-grey-600 {
    background-color: var(--smx-green-grey-600)!important;
}
.bg-blue-200{
	background-color: var(--spectrum-blue-200)!important
}
.bg-smx-teal-100,
.bg-hover-smx-teal-100:hover {
	background-color: var(--smx-teal-100)!important
}
.color-smx-teal-400 {
	color: var(--smx-teal-400)!important
}
.bg-smx-teal-400 {
	background-color: var(--smx-teal-400)!important
}
.bg-smx-teal-500 {
	background-color: var(--smx-teal-500)!important
}
.bg-smx-teal-600 {
	background-color: var(--smx-teal-600)!important
}
.bg-smx-teal-700 {
	background-color: var(--smx-teal-700)!important
}
.bg-smx-teal-800 {
	background-color: var(--smx-teal-800)!important
}
.bg-smx-gold-100 {
	background-color: var(--smx-gold-100)!important
}
.bg-smx-purple-100 {
	background-color: var(--smx-purple-100)!important
}
.bg-smx-wheat-100 {
    background-color: var(--smx-wheat-100)!important
}
.bg-smx-blue-100 {
    background-color: var(--smx-blue-100)!important
}
.bg-smx-blue-200 {
    background-color: var(--smx-blue-200)!important
}
.bg-smx-cherry-200,
.bg-hover-smx-cherry-200:hover{
    background-color: var(--smx-cherry-200)!important
}
.bg-smx-cherry-500 {
    background-color: var(--smx-cherry-500)!important
}
.bg-coastal-blue-500 {
    background-color: var(--coastal-blue-500)!important
}
.bg-coastal-blue-100 {
    background-color: var(--coastal-blue-100)!important
}
.bg-coastal-blue-50 {
    background-color: var(--coastal-blue-50)!important
}
.bg-interfero-200 {
    background-color: var(--interfero-200)!important
}
.bg-interfero-300 {
    background-color: var(--interfero-300)!important
}
.bg-interfero-350 {
    background-color: var(--interfero-350)!important
}
.bg-interfero-400,
.bg-hover-interfero-400:hover {
    background-color: var(--interfero-400)!important
}
.bg-smx-red-200 {
    background-color: var(--smx-red-200)!important
}
.color-grey-75 {
	color: var(--smx-grey-75)!important
}
.color-grey-100 {
	color: var(--smx-grey-100)!important
}
.color-grey-200 {
	color: var(--smx-grey-200)!important
}
.color-grey-300 {
	color: var(--smx-grey-300)!important
}
.color-grey-400 {
	color: var(--smx-grey-400)!important
}
.color-grey-500 {
	color: var(--smx-grey-500)!important
}
.color-grey-600 {
	color: var(--smx-grey-600)!important
}
.color-grey-700 {
	color: var(--smx-grey-700)!important
}
.color-grey-800 {
	color: var(--smx-grey-800)!important
}
.color-grey-900 {
	color: var(--smx-grey-900)!important
}
.color-pl-orange-500 {
	color: var(--pl-orange-500)!important
}
.color-smx-teal-500 {
	color: var(--smx-teal-500)!important
}
.accent {
    fill: var(--smx-teal-500)!important;
}
.color-teal-500{
	color: var(--teal-500)!important
}
.border-grey-100 {
	border-color: var(--smx-grey-100)!important
}
.border-grey-200 {
	border-color: var(--smx-grey-200)!important
}
.border-grey-300 {
	border-color: var(--smx-grey-300)!important
}
.border-grey-400 {
	border-color: var(--smx-grey-400)!important
}
.border-grey-500 {
	border-color: var(--smx-grey-500)!important
}
.border-grey-600 {
	border-color: var(--smx-grey-600)!important
}
.border-grey-700 {
	border-color: var(--smx-grey-700)!important
}
.border-grey-800 {
	border-color: var(--smx-grey-800)!important
}
.border-grey-900 {
	border-color: var(--smx-grey-900)!important
}









/*-----------------Colors------------------------*/
.red {
  background-color: #f44336 !important;
}
.red-50 {
  background-color: #ffebee !important;
}
.red-100 {
  background-color: #ffcdd2 !important;
}
.red-200 {
  background-color: #ef9a9a !important;
}
.red-300 {
  background-color: #e57373 !important;
}
.red-400 {
  background-color: #ef5350 !important;
}
.red-500 {
  background-color: #f44336 !important;
}
.red-600 {
  background-color: #e53935 !important;
}
.red-700 {
  background-color: #d32f2f !important;
}
.red-800 {
  background-color: #c62828 !important;
}
.red-900 {
  background-color: #b71c1c !important;
}
.red-A100 {
  background-color: #ff8a80 !important;
}
.red-A200 {
  background-color: #ff5252 !important;
}
.red-A400 {
  background-color: #ff1744 !important;
}
.red-A700 {
  background-color: #d50000 !important;
}
.pink {
  background-color: #e91e63 !important;
}
.pink-50 {
  background-color: #fce4ec !important;
}
.pink-100 {
  background-color: #f8bbd0 !important;
}
.pink-200 {
  background-color: #f48fb1 !important;
}
.pink-300 {
  background-color: #f06292 !important;
}
.pink-400 {
  background-color: #ec407a !important;
}
.pink-500 {
  background-color: #e91e63 !important;
}
.pink-600 {
  background-color: #d81b60 !important;
}
.pink-700 {
  background-color: #c2185b !important;
}
.pink-800 {
  background-color: #ad1457 !important;
}
.pink-900 {
  background-color: #880e4f !important;
}
.pink-A100 {
  background-color: #ff80ab !important;
}
.pink-A200 {
  background-color: #ff4081 !important;
}
.pink-A400 {
  background-color: #f50057 !important;
}
.pink-A700 {
  background-color: #c51162 !important;
}
.purple {
  background-color: #9c27b0 !important;
}
.purple-50 {
  background-color: #f3e5f5 !important;
}
.purple-100 {
  background-color: #e1bee7 !important;
}
.purple-200 {
  background-color: #ce93d8 !important;
}
.purple-300 {
  background-color: #ba68c8 !important;
}
.purple-400 {
  background-color: #ab47bc !important;
}
.purple-500 {
  background-color: #9c27b0 !important;
}
.purple-600 {
  background-color: #8e24aa !important;
}
.purple-700 {
  background-color: #7b1fa2 !important;
}
.purple-800 {
  background-color: #6a1b9a !important;
}
.purple-900 {
  background-color: #4a148c !important;
}
.purple-A100 {
  background-color: #ea80fc !important;
}
.purple-A200 {
  background-color: #e040fb !important;
}
.purple-A400 {
  background-color: #d500f9 !important;
}
.purple-A700 {
  background-color: #a0f !important;
}
.deep-purple {
  background-color: #673ab7 !important;
}
.deep-purple-50 {
  background-color: #ede7f6 !important;
}
.deep-purple-100 {
  background-color: #d1c4e9 !important;
}
.deep-purple-200 {
  background-color: #b39ddb !important;
}
.deep-purple-300 {
  background-color: #9575cd !important;
}
.deep-purple-400 {
  background-color: #7e57c2 !important;
}
.deep-purple-500 {
  background-color: #673ab7 !important;
}
.deep-purple-600 {
  background-color: #5e35b1 !important;
}
.deep-purple-700 {
  background-color: #512da8 !important;
}
.deep-purple-800 {
  background-color: #4527a0 !important;
}
.deep-purple-900 {
  background-color: #311b92 !important;
}
.deep-purple-A100 {
  background-color: #b388ff !important;
}
.deep-purple-A200 {
  background-color: #7c4dff !important;
}
.deep-purple-A400 {
  background-color: #651fff !important;
}
.deep-purple-A700 {
  background-color: #6200ea !important;
}
.indigo {
  background-color: #3f51b5 !important;
}
.indigo-50 {
  background-color: #e8eaf6 !important;
}
.indigo-100 {
  background-color: #c5cae9 !important;
}
.indigo-200 {
  background-color: #9fa8da !important;
}
.indigo-300 {
  background-color: #7986cb !important;
}
.indigo-400 {
  background-color: #5c6bc0 !important;
}
.indigo-500 {
  background-color: #3f51b5 !important;
}
.indigo-600 {
  background-color: #3949ab !important;
}
.indigo-700 {
  background-color: #303f9f !important;
}
.indigo-800 {
  background-color: #283593 !important;
}
.indigo-900 {
  background-color: #1a237e !important;
}
.indigo-A100 {
  background-color: #8c9eff !important;
}
.indigo-A200 {
  background-color: #536dfe !important;
}
.indigo-A400 {
  background-color: #3d5afe !important;
}
.indigo-A700 {
  background-color: #304ffe !important;
}
.blue {
  background-color: #2196f3 !important;
}
.blue-50 {
  background-color: #e3f2fd !important;
}
.blue-100 {
  background-color: #bbdefb !important;
}
.blue-200 {
  background-color: #90caf9 !important;
}
.blue-300 {
  background-color: #64b5f6 !important;
}
.blue-400 {
  background-color: #42a5f5 !important;
}
.blue-500 {
  background-color: #2196f3 !important;
}
.blue-600 {
  background-color: #1e88e5 !important;
}
.blue-700 {
  background-color: #1976d2 !important;
}
.blue-800 {
  background-color: #1565c0 !important;
}
.blue-900 {
  background-color: #0d47a1 !important;
}
.blue-A100 {
  background-color: #82b1ff !important;
}
.blue-A200 {
  background-color: #448aff !important;
}
.blue-A400 {
  background-color: #2979ff !important;
}
.blue-A700 {
  background-color: #2962ff !important;
}
.light-blue {
  background-color: #03a9f4 !important;
}
.light-blue-50 {
  background-color: #e1f5fe !important;
}
.light-blue-100 {
  background-color: #b3e5fc !important;
}
.light-blue-200 {
  background-color: #81d4fa !important;
}
.light-blue-300 {
  background-color: #4fc3f7 !important;
}
.light-blue-400 {
  background-color: #29b6f6 !important;
}
.light-blue-500 {
  background-color: #03a9f4 !important;
}
.light-blue-600 {
  background-color: #039be5 !important;
}
.light-blue-700 {
  background-color: #0288d1 !important;
}
.light-blue-800 {
  background-color: #0277bd !important;
}
.light-blue-900 {
  background-color: #01579b !important;
}
.light-blue-A100 {
  background-color: #80d8ff !important;
}
.light-blue-A200 {
  background-color: #40c4ff !important;
}
.light-blue-A400 {
  background-color: #00b0ff !important;
}
.light-blue-A700 {
  background-color: #0091ea !important;
}
.cyan {
  background-color: #00bcd4 !important;
}
.cyan-50 {
  background-color: #e0f7fa !important;
}
.cyan-100 {
  background-color: #b2ebf2 !important;
}
.cyan-200 {
  background-color: #80deea !important;
}
.cyan-300 {
  background-color: #4dd0e1 !important;
}
.cyan-400 {
  background-color: #26c6da !important;
}
.cyan-500 {
  background-color: #00bcd4 !important;
}
.cyan-600 {
  background-color: #00acc1 !important;
}
.cyan-700 {
  background-color: #0097a7 !important;
}
.cyan-800 {
  background-color: #00838f !important;
}
.cyan-900 {
  background-color: #006064 !important;
}
.cyan-A100 {
  background-color: #84ffff !important;
}
.cyan-A200 {
  background-color: #18ffff !important;
}
.cyan-A400 {
  background-color: #00e5ff !important;
}
.cyan-A700 {
  background-color: #00b8d4 !important;
}
.teal {
  background-color: #009688 !important;
}
.teal-50 {
  background-color: #e0f2f1 !important;
}
.teal-100 {
  background-color: #b2dfdb !important;
}
.teal-200 {
  background-color: #80cbc4 !important;
}
.teal-300 {
  background-color: #4db6ac !important;
}
.teal-400 {
  background-color: #26a69a !important;
}
.teal-500 {
  background-color: #009688 !important;
}
.teal-600 {
  background-color: #00897b !important;
}
.teal-700 {
  background-color: #00796b !important;
}
.teal-800 {
  background-color: #00695c !important;
}
.teal-900 {
  background-color: #004d40 !important;
}
.teal-A100 {
  background-color: #a7ffeb !important;
}
.teal-A200 {
  background-color: #64ffda !important;
}
.teal-A400 {
  background-color: #1de9b6 !important;
}
.teal-A700 {
  background-color: #00bfa5 !important;
}
.green {
  background-color: #4caf50 !important;
}
.green-50 {
  background-color: #e8f5e9 !important;
}
.green-100 {
  background-color: #c8e6c9 !important;
}
.green-200 {
  background-color: #a5d6a7 !important;
}
.green-300 {
  background-color: #81c784 !important;
}
.green-400 {
  background-color: #66bb6a !important;
}
.green-500 {
  background-color: #4caf50 !important;
}
.green-600 {
  background-color: #43a047 !important;
}
.green-700 {
  background-color: #388e3c !important;
}
.green-800 {
  background-color: #2e7d32 !important;
}
.green-900 {
  background-color: #1b5e20 !important;
}
.green-A100 {
  background-color: #b9f6ca !important;
}
.green-A200 {
  background-color: #69f0ae !important;
}
.green-A400 {
  background-color: #00e676 !important;
}
.green-A700 {
  background-color: #00c853 !important;
}
.light-green {
  background-color: #8bc34a !important;
}
.light-green-50 {
  background-color: #f1f8e9 !important;
}
.light-green-100 {
  background-color: #dcedc8 !important;
}
.light-green-200 {
  background-color: #c5e1a5 !important;
}
.light-green-300 {
  background-color: #aed581 !important;
}
.light-green-400 {
  background-color: #9ccc65 !important;
}
.light-green-500 {
  background-color: #8bc34a !important;
}
.light-green-600 {
  background-color: #7cb342 !important;
}
.light-green-700 {
  background-color: #689f38 !important;
}
.light-green-800 {
  background-color: #558b2f !important;
}
.light-green-900 {
  background-color: #33691e !important;
}
.light-green-A100 {
  background-color: #ccff90 !important;
}
.light-green-A200 {
  background-color: #b2ff59 !important;
}
.light-green-A400 {
  background-color: #76ff03 !important;
}
.light-green-A700 {
  background-color: #64dd17 !important;
}
.lime {
  background-color: #cddc39 !important;
}
.lime-50 {
  background-color: #f9fbe7 !important;
}
.lime-100 {
  background-color: #f0f4c3 !important;
}
.lime-200 {
  background-color: #e6ee9c !important;
}
.lime-300 {
  background-color: #dce775 !important;
}
.lime-400 {
  background-color: #d4e157 !important;
}
.lime-500 {
  background-color: #cddc39 !important;
}
.lime-600 {
  background-color: #c0ca33 !important;
}
.lime-700 {
  background-color: #afb42b !important;
}
.lime-800 {
  background-color: #9e9d24 !important;
}
.lime-900 {
  background-color: #827717 !important;
}
.lime-A100 {
  background-color: #f4ff81 !important;
}
.lime-A200 {
  background-color: #eeff41 !important;
}
.lime-A400 {
  background-color: #c6ff00 !important;
}
.lime-A700 {
  background-color: #aeea00 !important;
}
.yellow {
  background-color: #ffeb3b !important;
}
.yellow-50 {
  background-color: #fffde7 !important;
}
.yellow-100 {
  background-color: #fff9c4 !important;
}
.yellow-200 {
  background-color: #fff59d !important;
}
.yellow-300 {
  background-color: #fff176 !important;
}
.yellow-400 {
  background-color: #ffee58 !important;
}
.yellow-500 {
  background-color: #ffeb3b !important;
}
.yellow-600 {
  background-color: #fdd835 !important;
}
.yellow-700 {
  background-color: #fbc02d !important;
}
.yellow-800 {
  background-color: #f9a825 !important;
}
.yellow-900 {
  background-color: #f57f17 !important;
}
.yellow-A100 {
  background-color: #ffff8d !important;
}
.yellow-A200 {
  background-color: #ff0 !important;
}
.yellow-A400 {
  background-color: #ffea00 !important;
}
.yellow-A700 {
  background-color: #ffd600 !important;
}
.amber {
  background-color: #ffc107 !important;
}
.amber-50 {
  background-color: #fff8e1 !important;
}
.amber-100 {
  background-color: #ffecb3 !important;
}
.amber-200 {
  background-color: #ffe082 !important;
}
.amber-300 {
  background-color: #ffd54f !important;
}
.amber-400 {
  background-color: #ffca28 !important;
}
.amber-500 {
  background-color: #ffc107 !important;
}
.amber-600 {
  background-color: #ffb300 !important;
}
.amber-700 {
  background-color: #ffa000 !important;
}
.amber-800 {
  background-color: #ff8f00 !important;
}
.amber-900 {
  background-color: #ff6f00 !important;
}
.amber-A100 {
  background-color: #ffe57f !important;
}
.amber-A200 {
  background-color: #ffd740 !important;
}
.amber-A400 {
  background-color: #ffc400 !important;
}
.amber-A700 {
  background-color: #ffab00 !important;
}
.orange {
  background-color: #ff9800 !important;
}
.orange-50 {
  background-color: #fff3e0 !important;
}
.orange-100 {
  background-color: #ffe0b2 !important;
}
.orange-200 {
  background-color: #ffcc80 !important;
}
.orange-300 {
  background-color: #ffb74d !important;
}
.orange-400 {
  background-color: #ffa726 !important;
}
.orange-500 {
  background-color: #ff9800 !important;
}
.orange-600 {
  background-color: #fb8c00 !important;
}
.orange-700 {
  background-color: #f57c00 !important;
}
.orange-800 {
  background-color: #ef6c00 !important;
}
.orange-900 {
  background-color: #e65100 !important;
}
.orange-A100 {
  background-color: #ffd180 !important;
}
.orange-A200 {
  background-color: #ffab40 !important;
}
.orange-A400 {
  background-color: #ff9100 !important;
}
.orange-A700 {
  background-color: #ff6d00 !important;
}
.deep-orange {
  background-color: #ff5722 !important;
}
.deep-orange-50 {
  background-color: #fbe9e7 !important;
}
.deep-orange-100 {
  background-color: #ffccbc !important;
}
.deep-orange-200 {
  background-color: #ffab91 !important;
}
.deep-orange-300 {
  background-color: #ff8a65 !important;
}
.deep-orange-400 {
  background-color: #ff7043 !important;
}
.deep-orange-500 {
  background-color: #ff5722 !important;
}
.deep-orange-600 {
  background-color: #f4511e !important;
}
.deep-orange-700 {
  background-color: #e64a19 !important;
}
.deep-orange-800 {
  background-color: #d84315 !important;
}
.deep-orange-900 {
  background-color: #bf360c !important;
}
.deep-orange-A100 {
  background-color: #ff9e80 !important;
}
.deep-orange-A200 {
  background-color: #ff6e40 !important;
}
.deep-orange-A400 {
  background-color: #ff3d00 !important;
}
.deep-orange-A700 {
  background-color: #dd2c00 !important;
}
.brown {
  background-color: #795548 !important;
}
.brown-50 {
  background-color: #efebe9 !important;
}
.brown-100 {
  background-color: #d7ccc8 !important;
}
.brown-200 {
  background-color: #bcaaa4 !important;
}
.brown-300 {
  background-color: #a1887f !important;
}
.brown-400 {
  background-color: #8d6e63 !important;
}
.brown-500 {
  background-color: #795548 !important;
}
.brown-600 {
  background-color: #6d4c41 !important;
}
.brown-700 {
  background-color: #5d4037 !important;
}
.brown-800 {
  background-color: #4e342e !important;
}
.brown-900 {
  background-color: #3e2723 !important;
}
.blue-grey {
  background-color: #607d8b !important;
}
.blue-grey-50 {
  background-color: #eceff1 !important;
}
.blue-grey-100 {
  background-color: #cfd8dc !important;
}
.blue-grey-200 {
  background-color: #b0bec5 !important;
}
.blue-grey-300 {
  background-color: #90a4ae !important;
}
.blue-grey-400 {
  background-color: #78909c !important;
}
.blue-grey-500 {
  background-color: #607d8b !important;
}
.blue-grey-600 {
  background-color: #546e7a !important;
}
.blue-grey-700 {
  background-color: #455a64 !important;
}
.blue-grey-800 {
  background-color: #37474f !important;
}
.blue-grey-900 {
  background-color: #263238 !important;
}
.grey {
  background-color: #9e9e9e !important;
}
.grey-50 {
  background-color: #fafafa !important;
}
.grey-100 {
  background-color: #f5f5f5 !important;
}
.grey-200 {
  background-color: #eee !important;
}
.grey-300 {
  background-color: #e0e0e0 !important;
}
.grey-400 {
  background-color: #bdbdbd !important;
}
.grey-500 {
  background-color: #9e9e9e !important;
}
.grey-600 {
  background-color: #757575 !important;
}
.grey-700 {
  background-color: #616161 !important;
}
.grey-800 {
  background-color: #424242 !important;
}
.grey-900 {
  background-color: #212121 !important;
}
.red, .red-500, .red-600, .red-700, .red-A200, .red-A400, .red-A700, .pink, .pink-500, .pink-600, .pink-A200, .pink-A400, .pink-A700, .purple-300, .purple-400, .purple-A200, .purple-A400, .purple-A700, .deep-purple-300, .deep-purple-400, .deep-purple-A200, .indigo-300, .indigo-400, .indigo-A200, .indigo-A400, .blue, .blue-500, .blue-600, .blue-700, .blue-A200, .blue-A400, .blue-A700, .light-blue, .light-blue-500, .light-blue-600, .light-blue-700, .light-blue-800, .light-blue-A700, .cyan, .cyan-500, .cyan-600, .cyan-700, .cyan-800, .teal, .teal-500, .teal-600, .teal-700, .green, .green-500, .green-600, .green-700, .light-green-800, .light-green-900, .lime-900, .orange-800, .orange-900, .deep-orange, .deep-orange-500, .deep-orange-600, .deep-orange-700, .deep-orange-800, .deep-orange-900, .deep-orange-A400, .deep-orange-A700, .brown-300, .brown-400, .blue-grey, .blue-grey-400, .blue-grey-500 {
	color: #fff!important;
}
.red-800, .red-900, .pink-700, .pink-800, .pink-900, .purple, .purple-500, .purple-600, .purple-700, .purple-800, .purple-900, .deep-purple, .deep-purple-500, .deep-purple-600, .deep-purple-700, .deep-purple-800, .deep-purple-900, .deep-purple-A400, .deep-purple-A700, .indigo, .indigo-500, .indigo-600, .indigo-700, .indigo-800, .indigo-900, .indigo-A700, .blue-800, .blue-900, .light-blue-900, .cyan-900, .teal-800, .teal-900, .green-800, .green-900, .brown, .brown-500, .brown-600, .brown-700, .brown-800, .brown-900, .blue-grey-600, .blue-grey-700, .blue-grey-800, .blue-grey-900, .grey-600, .grey-700, .grey-800, .grey-900 {
	color: rgba(255,255,255,0.87)!important;
}
.orange-A700 {	
    color: #000!important;
}


/*---------------------------------- Backgrounds----------------------------*/
.bg-white {
	background-color: #fff
}
.bg-light {
	background-color: #eaebec
}
.bg-light.lt {
	background-color: #f8f8f8!important
}
.bg-light .lt {
	background-color: #f8f8f8
}
.bg-light.dk {
	background-color: #dbdee2!important
}
.bg-light .dk {
	background-color: #dbdee2
}
.bg-light.bg {
	background-color: #eaebec!important
}
.bg-light .bg {
	background-color: #eaebec
}
.bg-dark {
	color: rgba(255,255,255,0.87);
	background-color: #333942!important;
    background-color: #373b44!important;
}
.bg-dark.lt {
	background-color: #646977 !important
}
.bg-dark .lt {
	background-color: #646977 !important
}
.bg-dark.dk {
	background-color: #39435e!important
}
.bg-dark .dk {
	background-color: #39435e
}
.bg-dark.bg {
	background-color: #475069!important
}
.bg-dark .bg {
	background-color: #475069
}
.bg-primary {
	color: rgba(255,255,255,0.87);
	background-color: #3f51b5
}
.bg-primary.lt {
	background-color: #5363bb!important
}
.bg-primary .lt {
	background-color: #5363bb
}
.bg-primary.dk {
	background-color: #3345a8!important
}
.bg-primary .dk {
	background-color: #3345a8
}
.bg-primary.bg {
	background-color: #3f51b5!important
}
.bg-primary .bg {
	background-color: #3f51b5
}
.bg-success {
	color: rgba(255,255,255,0.87);
	background-color: #4caf50
}
.bg-success.lt {
	background-color: #62b265!important
}
.bg-success .lt {
	background-color: #62b265
}
.bg-success.dk {
	background-color: #3fa343!important
}
.bg-success .dk {
	background-color: #3fa343
}
.bg-success.bg {
	background-color: #4caf50!important
}
.bg-success .bg {
	background-color: #4caf50
}
.bg-info {
	color: rgba(255,255,255,0.87);
	background-color: #2196f3
}
.bg-info.lt {
	background-color: #3ea1ef!important
}
.bg-info .lt {
	background-color: #3ea1ef
}
.bg-info.dk {
	background-color: #078bf4!important
}
.bg-info .dk {
	background-color: #078bf4
}
.bg-info.bg {
	background-color: #2196f3!important
}
.bg-info .bg {
	background-color: #2196f3
}
.bg-warning {
	color: rgba(255,255,255,0.87);
	background-color: #ffc107
}
.bg-warning.lt {
	background-color: #f9c526!important
}
.bg-warning .lt {
	background-color: #f9c526
}
.bg-warning.dk {
	background-color: #ecb100!important
}
.bg-warning .dk {
	background-color: #ecb100
}
.bg-warning.bg {
	background-color: #ffc107!important
}
.bg-warning .bg {
	background-color: #ffc107
}
.bg-danger {
	color: rgba(255,255,255,0.87);
	background-color: #f44336
}
.bg-danger.lt {
	background-color: #f15e53!important
}
.bg-danger .lt {
	background-color: #f15e53
}
.bg-danger.dk {
	background-color: #f92718!important
}
.bg-danger .dk {
	background-color: #f92718
}
.bg-danger.bg {
	background-color: #f44336!important
}
.bg-danger .bg {
	background-color: #f44336
}
.bg-accent {
	color: rgba(255,255,255,0.87);
	background-color: #7e57c2
}
.bg-accent.lt {
	background-color: #8e6fc4!important
}
.bg-accent .lt {
	background-color: #8e6fc4
}
.bg-accent.dk {
	background-color: #6e3ec2!important
}
.bg-accent .dk {
	background-color: #6e3ec2
}
.bg-accent.bg {
	background-color: #7e57c2!important
}
.bg-accent .bg {
	background-color: #7e57c2
}
a.bg-primary:hover {
	background-color: #3849a2
}
a.text-primary:hover {
	color: #3849a2
}
.text-primary {
	color: #3f51b5
}
.text-primary-lt {
	color: #4d5ec1
}
.text-primary-dk {
	color: #3849a2
}
a.bg-info:hover {
	background-color: #0d8aee
}
a.text-info:hover {
	color: #0d8aee
}
.text-info {
	color: #2196f3
}
.text-info-lt {
	color: #39a1f4
}
.text-info-dk {
	color: #0d8aee
}
a.bg-success:hover {
	background-color: #449d48
}
a.text-success:hover {
	color: #449d48
}
.text-success {
	color: #4caf50
}
.text-success-lt {
	color: #5cb860
}
.text-success-dk {
	color: #449d48
}
a.bg-warning:hover {
	background-color: #ecb100
}
a.text-warning:hover {
	color: #ecb100
}
.text-warning {
	color: #ffc107
}
.text-warning-lt {
	color: #ffc721
}
.text-warning-dk {
	color: #ecb100
}
a.bg-danger:hover {
	background-color: #f32c1e
}
a.text-danger:hover {
	color: #f32c1e
}
.text-danger {
	color: #f44336
}
.text-danger-lt {
	color: #f55a4e
}
.text-danger-dk {
	color: #f32c1e
}
a.bg-accent:hover {
	background-color: #7044bb
}
a.text-accent:hover {
	color: #7044bb
}
.text-accent {
	color: #7e57c2
}
.text-accent-lt {
	color: #8c6ac9
}
.text-accent-dk {
	color: #7044bb
}
a.bg-dark:hover {
	background-color: #3d445a
}
a.text-dark:hover {
	color: #3d445a
}
.text-dark {
	color: #475069
}
.text-dark-lt {
	color: #515c78
}
.text-dark-dk {
	color: #3d445a
}
.text-white {
	color: #fff
}
.text-white-lt {
	color: rgba(255,255,255,0.54)
}
.text-white-dk {
	color: rgba(255,255,255,0.87)
}
.text-black {
	color: #000 !important
}
.text-black-lt {
	color: rgba(0,0,0,0.54)
}
.text-black-dk {
	color: rgba(0,0,0,0.87)
}
.text-muted {
	color: inherit;
	opacity: .75
}
.text-muted-dk {
	color: inherit;
	opacity: .5
}
.text-muted-lt {
	color: inherit;
	opacity: .25
}
.text-color {
	color: rgba(0,0,0,0.87)
}
.bg-big:before {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	background-color: inherit;
	border: inherit;
	content: ""
}
.bg-white-overlay {
	background-color: rgba(255,255,255,0.8)
}
.bg-black-overlay {
	background-color: rgba(32,43,54,0.8)
}
.no-bg {
	color: inherit;
	background-color: transparent
}
@media(min-width:768px) {
  .bg-auto:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: inherit;
    background-color: inherit;
    border: inherit;
    content: ""
  }
  .bg-auto.b-l:before {
    margin-left: -1px
  }
  .bg-auto.b-r:before {
    margin-right: -1px
  }
}




.blend-mode-multiply{
    mix-blend-mode: multiply;
}

/*------------------------Textured big backgrounds-------------*/
.bg-circles-gray {
  background-color: #777;
  background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #777,#606060);
}
.bg-circles-smx-teal-orange {
    background-color: var(--smx-teal-500);
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #0490c6,#fa8c56);
}
.bg-circles-blue {
  background-color: #2c7ad2;
  background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #2c7ad2,#1568c6);
}
.bg-circles-orange {
  background-color: #e77614;
  background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, #ff7600, #ff7600);
}

.bg-circles-red {
  background-color: #c82736;
  background-image: radial-gradient(circle at 19% 90%, rgba(190, 190, 190,0.04) 0%, rgba(190, 190, 190,0.04) 17%,transparent 17%, transparent 100%),radial-gradient(circle at 73% 2%, rgba(78, 78, 78,0.04) 0%, rgba(78, 78, 78,0.04) 94%,transparent 94%, transparent 100%),radial-gradient(circle at 45% 2%, rgba(18, 18, 18,0.04) 0%, rgba(18, 18, 18,0.04) 55%,transparent 55%, transparent 100%),radial-gradient(circle at 76% 60%, rgba(110, 110, 110,0.04) 0%, rgba(110, 110, 110,0.04) 34%,transparent 34%, transparent 100%),radial-gradient(circle at 68% 56%, rgba(246, 246, 246,0.04) 0%, rgba(246, 246, 246,0.04) 16%,transparent 16%, transparent 100%),radial-gradient(circle at 71% 42%, rgba(156, 156, 156,0.04) 0%, rgba(156, 156, 156,0.04) 47%,transparent 47%, transparent 100%),radial-gradient(circle at 46% 82%, rgba(247, 247, 247,0.04) 0%, rgba(247, 247, 247,0.04) 39%,transparent 39%, transparent 100%),radial-gradient(circle at 50% 47%, rgba(209, 209, 209,0.04) 0%, rgba(209, 209, 209,0.04) 45%,transparent 45%, transparent 100%),linear-gradient(90deg, #e53949,#cc2232);
}

.bg-circles-purple {
  background-color: #8d3dae;
  background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #8d3dae,#8d3dae);
}
.bg-circles-green {
  background-color: #28a92b;
  background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, #28a92b, #10a614);
}



/* Brand colors 2025 -----------------*/
.brand-1 {
  background-color: #9dba80 !important;
  }
  .brand-1-lt {
  background-color: #c9dcb6 !important;
  }
  .brand-2 {
  background-color: #eadbc4 !important;
  }
  .brand-2-lt {
  background-color: #f1e3ce!important;
  }
  .brand-3 {
  background-color: #a391b8 !important;
  }
  .brand-3-lt {
  background-color: #d2c8de !important;
  }
  .brand-4 {
  background-color: #ff677c !important;
  }
  
  .brand-4-lt {
  background-color: #fcaab6 !important;
  }
  .brand-5 {
  background-color: #7bc9b1 !important;
  }
  .brand-5-lt {
  background-color: #bfe0d6 !important;
  }