.u-body {
--none: transparent;
--none-darker: transparent;
--none-r: 255;
--none-g: 255;
--none-b: 255;
--none-contrast: body-color;
--none-contrast-darker: body-color;
--none-text-color: var(--body-color);
--transparent: transparent;
--transparent-darker: transparent;
--transparent-r: 255;
--transparent-g: 255;
--transparent-b: 255;
--transparent-contrast: body-color;
--transparent-contrast-darker: body-color;
--transparent-text-color: var(--body-color);
--custom-color-1: #337ab7;
--custom-color-1-darker: #2e6ea5;
--custom-color-1-r: 51;
--custom-color-1-g: 122;
--custom-color-1-b: 183;
--custom-color-1-contrast: white;
--custom-color-1-contrast-darker: white;
--custom-color-1-text-color: var(--body-alt-color);
--custom-color-2: #306ed5;
--custom-color-2-darker: #2862c3;
--custom-color-2-r: 48;
--custom-color-2-g: 110;
--custom-color-2-b: 213;
--custom-color-2-contrast: white;
--custom-color-2-contrast-darker: white;
--custom-color-2-text-color: var(--body-alt-color);
--custom-color-3: #0f2557;
--custom-color-3-darker: #0e214e;
--custom-color-3-r: 15;
--custom-color-3-g: 37;
--custom-color-3-b: 87;
--custom-color-3-contrast: white;
--custom-color-3-contrast-darker: white;
--custom-color-3-text-color: var(--body-alt-color);
--custom-color-4: #6892d7;
--custom-color-4-darker: #4f80d0;
--custom-color-4-r: 104;
--custom-color-4-g: 146;
--custom-color-4-b: 215;
--custom-color-4-contrast: white;
--custom-color-4-contrast-darker: white;
--custom-color-4-text-color: var(--body-alt-color);
--custom-color-5: #7a8c99;
--custom-color-5-darker: #6b7e8c;
--custom-color-5-r: 122;
--custom-color-5-g: 140;
--custom-color-5-b: 153;
--custom-color-5-contrast: white;
--custom-color-5-contrast-darker: white;
--custom-color-5-text-color: var(--body-alt-color);
--custom-color-6: #e6edf2;
--custom-color-6-darker: #c7d7e2;
--custom-color-6-r: 230;
--custom-color-6-g: 237;
--custom-color-6-b: 242;
--custom-color-6-contrast: black;
--custom-color-6-contrast-darker: black;
--custom-color-6-text-color: var(--body-color);
--custom-color-7: #d94c4c;
--custom-color-7-darker: #d43434;
--custom-color-7-r: 217;
--custom-color-7-g: 76;
--custom-color-7-b: 76;
--custom-color-7-contrast: white;
--custom-color-7-contrast-darker: white;
--custom-color-7-text-color: var(--body-alt-color);
--custom-color-8: #e9bd43;
--custom-color-8-darker: #e6b428;
--custom-color-8-r: 233;
--custom-color-8-g: 189;
--custom-color-8-b: 67;
--custom-color-8-contrast: black;
--custom-color-8-contrast-darker: white;
--custom-color-8-text-color: var(--body-color);
--custom-color-9: #7d3780;
--custom-color-9-darker: #713173;
--custom-color-9-r: 125;
--custom-color-9-g: 55;
--custom-color-9-b: 128;
--custom-color-9-contrast: white;
--custom-color-9-contrast-darker: white;
--custom-color-9-text-color: var(--body-alt-color);
--custom-color-10: #acb9bf;
--custom-color-10-darker: #98a8af;
--custom-color-10-r: 172;
--custom-color-10-g: 185;
--custom-color-10-b: 191;
--custom-color-10-contrast: white;
--custom-color-10-contrast-darker: white;
--custom-color-10-text-color: var(--body-alt-color);
--custom-color-11: #141824;
--custom-color-11-darker: #121620;
--custom-color-11-r: 20;
--custom-color-11-g: 24;
--custom-color-11-b: 36;
--custom-color-11-contrast: white;
--custom-color-11-contrast-darker: white;
--custom-color-11-text-color: var(--body-alt-color);
--custom-color-12: #ffb600;
--custom-color-12-darker: #e6a400;
--custom-color-12-r: 255;
--custom-color-12-g: 182;
--custom-color-12-b: 0;
--custom-color-12-contrast: black;
--custom-color-12-contrast-darker: white;
--custom-color-12-text-color: var(--body-color);
--custom-color-13: #0049ff;
--custom-color-13-darker: #0042e6;
--custom-color-13-r: 0;
--custom-color-13-g: 73;
--custom-color-13-b: 255;
--custom-color-13-contrast: white;
--custom-color-13-contrast-darker: white;
--custom-color-13-text-color: var(--body-alt-color);
--custom-color-14: #f2295b;
--custom-color-14-darker: #f00f47;
--custom-color-14-r: 242;
--custom-color-14-g: 41;
--custom-color-14-b: 91;
--custom-color-14-contrast: white;
--custom-color-14-contrast-darker: white;
--custom-color-14-text-color: var(--body-alt-color);
--custom-color-15: #353c40;
--custom-color-15-darker: #30363a;
--custom-color-15-r: 53;
--custom-color-15-g: 60;
--custom-color-15-b: 64;
--custom-color-15-contrast: white;
--custom-color-15-contrast-darker: white;
--custom-color-15-text-color: var(--body-alt-color);
--custom-color-16: #f1f1f1;
--custom-color-16-darker: #d9d9d9;
--custom-color-16-r: 241;
--custom-color-16-g: 241;
--custom-color-16-b: 241;
--custom-color-16-contrast: black;
--custom-color-16-contrast-darker: black;
--custom-color-16-text-color: var(--body-color);
--custom-color-17: #f4f8fa;
--custom-color-17-darker: #d2e2eb;
--custom-color-17-r: 244;
--custom-color-17-g: 248;
--custom-color-17-b: 250;
--custom-color-17-contrast: black;
--custom-color-17-contrast-darker: black;
--custom-color-17-text-color: var(--body-color);
--custom-color-18: #dedede;
--custom-color-18-darker: #c8c8c8;
--custom-color-18-r: 222;
--custom-color-18-g: 222;
--custom-color-18-b: 222;
--custom-color-18-contrast: black;
--custom-color-18-contrast-darker: black;
--custom-color-18-text-color: var(--body-color);
--custom-color-19: #f7f7f7;
--custom-color-19-darker: #dedede;
--custom-color-19-r: 247;
--custom-color-19-g: 247;
--custom-color-19-b: 247;
--custom-color-19-contrast: black;
--custom-color-19-contrast-darker: black;
--custom-color-19-text-color: var(--body-color);
--custom-color-20: #337ab7;
--custom-color-20-darker: #2e6ea5;
--custom-color-20-r: 51;
--custom-color-20-g: 122;
--custom-color-20-b: 183;
--custom-color-20-contrast: white;
--custom-color-20-contrast-darker: white;
--custom-color-20-text-color: var(--body-alt-color);
--custom-color-21: #f2295b;
--custom-color-21-darker: #f00f47;
--custom-color-21-r: 242;
--custom-color-21-g: 41;
--custom-color-21-b: 91;
--custom-color-21-contrast: white;
--custom-color-21-contrast-darker: white;
--custom-color-21-text-color: var(--body-alt-color);
--custom-color-22: #337ab7;
--custom-color-22-darker: #2e6ea5;
--custom-color-22-r: 51;
--custom-color-22-g: 122;
--custom-color-22-b: 183;
--custom-color-22-contrast: white;
--custom-color-22-contrast-darker: white;
--custom-color-22-text-color: var(--body-alt-color);
--custom-color-23: #f2295b;
--custom-color-23-darker: #f00f47;
--custom-color-23-r: 242;
--custom-color-23-g: 41;
--custom-color-23-b: 91;
--custom-color-23-contrast: white;
--custom-color-23-contrast-darker: white;
--custom-color-23-text-color: var(--body-alt-color);
--custom-color-24: #337ab7;
--custom-color-24-darker: #2e6ea5;
--custom-color-24-r: 51;
--custom-color-24-g: 122;
--custom-color-24-b: 183;
--custom-color-24-contrast: white;
--custom-color-24-contrast-darker: white;
--custom-color-24-text-color: var(--body-alt-color);
--custom-color-25: #f2295b;
--custom-color-25-darker: #f00f47;
--custom-color-25-r: 242;
--custom-color-25-g: 41;
--custom-color-25-b: 91;
--custom-color-25-contrast: white;
--custom-color-25-contrast-darker: white;
--custom-color-25-text-color: var(--body-alt-color);
--custom-color-26: #337ab7;
--custom-color-26-darker: #2e6ea5;
--custom-color-26-r: 51;
--custom-color-26-g: 122;
--custom-color-26-b: 183;
--custom-color-26-contrast: white;
--custom-color-26-contrast-darker: white;
--custom-color-26-text-color: var(--body-alt-color);
--custom-color-27: #5aa0c0;
--custom-color-27-darker: #4694b8;
--custom-color-27-r: 90;
--custom-color-27-g: 160;
--custom-color-27-b: 192;
--custom-color-27-contrast: white;
--custom-color-27-contrast-darker: white;
--custom-color-27-text-color: var(--body-alt-color);
--custom-color-28: #337ab7;
--custom-color-28-darker: #2e6ea5;
--custom-color-28-r: 51;
--custom-color-28-g: 122;
--custom-color-28-b: 183;
--custom-color-28-contrast: white;
--custom-color-28-contrast-darker: white;
--custom-color-28-text-color: var(--body-alt-color);
--custom-color-29: #0049ff;
--custom-color-29-darker: #0042e6;
--custom-color-29-r: 0;
--custom-color-29-g: 73;
--custom-color-29-b: 255;
--custom-color-29-contrast: white;
--custom-color-29-contrast-darker: white;
--custom-color-29-text-color: var(--body-alt-color);
--custom-color-30: #337ab7;
--custom-color-30-darker: #2e6ea5;
--custom-color-30-r: 51;
--custom-color-30-g: 122;
--custom-color-30-b: 183;
--custom-color-30-contrast: white;
--custom-color-30-contrast-darker: white;
--custom-color-30-text-color: var(--body-alt-color);
--custom-color-31: #dedede;
--custom-color-31-darker: #c8c8c8;
--custom-color-31-r: 222;
--custom-color-31-g: 222;
--custom-color-31-b: 222;
--custom-color-31-contrast: black;
--custom-color-31-contrast-darker: black;
--custom-color-31-text-color: var(--body-color);
--custom-color-32: #3f71c2;
--custom-color-32-darker: #3865b0;
--custom-color-32-r: 63;
--custom-color-32-g: 113;
--custom-color-32-b: 194;
--custom-color-32-contrast: white;
--custom-color-32-contrast-darker: white;
--custom-color-32-text-color: var(--body-alt-color);
--body-color: #111111;
--body-color-darker: #0f0f0f;
--body-color-r: 17;
--body-color-g: 17;
--body-color-b: 17;
--body-color-contrast: white;
--body-color-contrast-darker: white;
--body-color-text-color: var(--body-alt-color);
--body-alt-color: #ffffff;
--body-alt-color-darker: #e6e6e6;
--body-alt-color-r: 255;
--body-alt-color-g: 255;
--body-alt-color-b: 255;
--body-alt-color-contrast: black;
--body-alt-color-contrast-darker: black;
--body-alt-color-text-color: var(--body-color);
--bg-color: #ffffff;
--bg-color-darker: #e6e6e6;
--bg-color-r: 255;
--bg-color-g: 255;
--bg-color-b: 255;
--bg-color-contrast: black;
--bg-color-contrast-darker: black;
--bg-color-text-color: var(--body-color);
--palette-1-base: #f15048;
--palette-1-base-darker: #ef342b;
--palette-1-base-r: 241;
--palette-1-base-g: 80;
--palette-1-base-b: 72;
--palette-1-base-contrast: white;
--palette-1-base-contrast-darker: white;
--palette-1-base-text-color: var(--body-alt-color);
--palette-1-dark-3: #332929;
--palette-1-dark-3-darker: #2e2525;
--palette-1-dark-3-r: 51;
--palette-1-dark-3-g: 41;
--palette-1-dark-3-b: 41;
--palette-1-dark-3-contrast: white;
--palette-1-dark-3-contrast-darker: white;
--palette-1-dark-3-text-color: var(--body-alt-color);
--palette-1-dark-2: #724a48;
--palette-1-dark-2-darker: #674341;
--palette-1-dark-2-r: 114;
--palette-1-dark-2-g: 74;
--palette-1-dark-2-b: 72;
--palette-1-dark-2-contrast: white;
--palette-1-dark-2-contrast-darker: white;
--palette-1-dark-2-text-color: var(--body-alt-color);
--palette-1-dark-1: #b25753;
--palette-1-dark-1-darker: #a24c49;
--palette-1-dark-1-r: 178;
--palette-1-dark-1-g: 87;
--palette-1-dark-1-b: 83;
--palette-1-dark-1-contrast: white;
--palette-1-dark-1-contrast-darker: white;
--palette-1-dark-1-text-color: var(--body-alt-color);
--palette-1: #f15048;
--palette-1-darker: #ef342b;
--palette-1-r: 241;
--palette-1-g: 80;
--palette-1-b: 72;
--palette-1-contrast: white;
--palette-1-contrast-darker: white;
--palette-1-text-color: var(--body-alt-color);
--palette-1-light-1: #f5837d;
--palette-1-light-1-darker: #f2625b;
--palette-1-light-1-r: 245;
--palette-1-light-1-g: 131;
--palette-1-light-1-b: 125;
--palette-1-light-1-contrast: white;
--palette-1-light-1-contrast-darker: white;
--palette-1-light-1-text-color: var(--body-alt-color);
--palette-1-light-2: #f9b7b3;
--palette-1-light-2-darker: #f6918b;
--palette-1-light-2-r: 249;
--palette-1-light-2-g: 183;
--palette-1-light-2-b: 179;
--palette-1-light-2-contrast: black;
--palette-1-light-2-contrast-darker: white;
--palette-1-light-2-text-color: var(--body-color);
--palette-1-light-3: #feedec;
--palette-1-light-3-darker: #fcc1bd;
--palette-1-light-3-r: 254;
--palette-1-light-3-g: 237;
--palette-1-light-3-b: 236;
--palette-1-light-3-contrast: black;
--palette-1-light-3-contrast-darker: black;
--palette-1-light-3-text-color: var(--body-color);
--palette-2-base: #b23c8a;
--palette-2-base-darker: #a0367c;
--palette-2-base-r: 178;
--palette-2-base-g: 60;
--palette-2-base-b: 138;
--palette-2-base-contrast: white;
--palette-2-base-contrast-darker: white;
--palette-2-base-text-color: var(--body-alt-color);
--palette-2-dark-3: #332930;
--palette-2-dark-3-darker: #2e252b;
--palette-2-dark-3-r: 51;
--palette-2-dark-3-g: 41;
--palette-2-dark-3-b: 48;
--palette-2-dark-3-contrast: white;
--palette-2-dark-3-contrast-darker: white;
--palette-2-dark-3-text-color: var(--body-alt-color);
--palette-2-dark-2: #724162;
--palette-2-dark-2-darker: #673a58;
--palette-2-dark-2-r: 114;
--palette-2-dark-2-g: 65;
--palette-2-dark-2-b: 98;
--palette-2-dark-2-contrast: white;
--palette-2-dark-2-contrast-darker: white;
--palette-2-dark-2-text-color: var(--body-alt-color);
--palette-2-dark-1: #b23c8a;
--palette-2-dark-1-darker: #a0367c;
--palette-2-dark-1-r: 178;
--palette-2-dark-1-g: 60;
--palette-2-dark-1-b: 138;
--palette-2-dark-1-contrast: white;
--palette-2-dark-1-contrast-darker: white;
--palette-2-dark-1-text-color: var(--body-alt-color);
--palette-2: #dc57af;
--palette-2-darker: #d73ea3;
--palette-2-r: 220;
--palette-2-g: 87;
--palette-2-b: 175;
--palette-2-contrast: white;
--palette-2-contrast-darker: white;
--palette-2-text-color: var(--body-alt-color);
--palette-2-light-1: #e685c5;
--palette-2-light-1-darker: #e067b7;
--palette-2-light-1-r: 230;
--palette-2-light-1-g: 133;
--palette-2-light-1-b: 197;
--palette-2-light-1-contrast: white;
--palette-2-light-1-contrast-darker: white;
--palette-2-light-1-text-color: var(--body-alt-color);
--palette-2-light-2: #f1b7dd;
--palette-2-light-2-darker: #ea94cc;
--palette-2-light-2-r: 241;
--palette-2-light-2-g: 183;
--palette-2-light-2-b: 221;
--palette-2-light-2-contrast: black;
--palette-2-light-2-contrast-darker: white;
--palette-2-light-2-text-color: var(--body-color);
--palette-2-light-3: #fbecf6;
--palette-2-light-3-darker: #f3c4e3;
--palette-2-light-3-r: 251;
--palette-2-light-3-g: 236;
--palette-2-light-3-b: 246;
--palette-2-light-3-contrast: black;
--palette-2-light-3-contrast-darker: black;
--palette-2-light-3-text-color: var(--body-color);
--palette-3-base: #cc4700;
--palette-3-base-darker: #b84000;
--palette-3-base-r: 204;
--palette-3-base-g: 71;
--palette-3-base-b: 0;
--palette-3-base-contrast: white;
--palette-3-base-contrast-darker: white;
--palette-3-base-text-color: var(--body-alt-color);
--palette-3-dark-3: #332c29;
--palette-3-dark-3-darker: #2e2825;
--palette-3-dark-3-r: 51;
--palette-3-dark-3-g: 44;
--palette-3-dark-3-b: 41;
--palette-3-dark-3-contrast: white;
--palette-3-dark-3-contrast-darker: white;
--palette-3-dark-3-text-color: var(--body-alt-color);
--palette-3-dark-2: #804e33;
--palette-3-dark-2-darker: #73462e;
--palette-3-dark-2-r: 128;
--palette-3-dark-2-g: 78;
--palette-3-dark-2-b: 51;
--palette-3-dark-2-contrast: white;
--palette-3-dark-2-contrast-darker: white;
--palette-3-dark-2-text-color: var(--body-alt-color);
--palette-3-dark-1: #cc4700;
--palette-3-dark-1-darker: #b84000;
--palette-3-dark-1-r: 204;
--palette-3-dark-1-g: 71;
--palette-3-dark-1-b: 0;
--palette-3-dark-1-contrast: white;
--palette-3-dark-1-contrast-darker: white;
--palette-3-dark-1-text-color: var(--body-alt-color);
--palette-3: #f96110;
--palette-3-darker: #e95506;
--palette-3-r: 249;
--palette-3-g: 97;
--palette-3-b: 16;
--palette-3-contrast: white;
--palette-3-contrast-darker: white;
--palette-3-text-color: var(--body-alt-color);
--palette-3-light-1: #fb9056;
--palette-3-light-1-darker: #fa7a35;
--palette-3-light-1-r: 251;
--palette-3-light-1-g: 144;
--palette-3-light-1-b: 86;
--palette-3-light-1-contrast: white;
--palette-3-light-1-contrast-darker: white;
--palette-3-light-1-text-color: var(--body-alt-color);
--palette-3-light-2: #fdbf9e;
--palette-3-light-2-darker: #fca476;
--palette-3-light-2-r: 253;
--palette-3-light-2-g: 191;
--palette-3-light-2-b: 158;
--palette-3-light-2-contrast: black;
--palette-3-light-2-contrast-darker: white;
--palette-3-light-2-text-color: var(--body-color);
--palette-3-light-3: #feefe7;
--palette-3-light-3-darker: #fcd0b8;
--palette-3-light-3-r: 254;
--palette-3-light-3-g: 239;
--palette-3-light-3-b: 231;
--palette-3-light-3-contrast: black;
--palette-3-light-3-contrast-darker: black;
--palette-3-light-3-text-color: var(--body-color);
--palette-4-base: #5cb85c;
--palette-4-base-darker: #4bad4b;
--palette-4-base-r: 92;
--palette-4-base-g: 184;
--palette-4-base-b: 92;
--palette-4-base-contrast: white;
--palette-4-base-contrast-darker: white;
--palette-4-base-text-color: var(--body-alt-color);
--palette-4-dark-3: #293329;
--palette-4-dark-3-darker: #252e25;
--palette-4-dark-3-r: 41;
--palette-4-dark-3-g: 51;
--palette-4-dark-3-b: 41;
--palette-4-dark-3-contrast: white;
--palette-4-dark-3-contrast-darker: white;
--palette-4-dark-3-text-color: var(--body-alt-color);
--palette-4-dark-2: #435f43;
--palette-4-dark-2-darker: #3c563c;
--palette-4-dark-2-r: 67;
--palette-4-dark-2-g: 95;
--palette-4-dark-2-b: 67;
--palette-4-dark-2-contrast: white;
--palette-4-dark-2-contrast-darker: white;
--palette-4-dark-2-text-color: var(--body-alt-color);
--palette-4-dark-1: #548c54;
--palette-4-dark-1-darker: #4c7e4c;
--palette-4-dark-1-r: 84;
--palette-4-dark-1-g: 140;
--palette-4-dark-1-b: 84;
--palette-4-dark-1-contrast: white;
--palette-4-dark-1-contrast-darker: white;
--palette-4-dark-1-text-color: var(--body-alt-color);
--palette-4: #5cb85c;
--palette-4-darker: #4bad4b;
--palette-4-r: 92;
--palette-4-g: 184;
--palette-4-b: 92;
--palette-4-contrast: white;
--palette-4-contrast-darker: white;
--palette-4-text-color: var(--body-alt-color);
--palette-4-light-1: #85cd85;
--palette-4-light-1-darker: #6dc36d;
--palette-4-light-1-r: 133;
--palette-4-light-1-g: 205;
--palette-4-light-1-b: 133;
--palette-4-light-1-contrast: black;
--palette-4-light-1-contrast-darker: white;
--palette-4-light-1-text-color: var(--body-color);
--palette-4-light-2: #b5e3b5;
--palette-4-light-2-darker: #97d897;
--palette-4-light-2-r: 181;
--palette-4-light-2-g: 227;
--palette-4-light-2-b: 181;
--palette-4-light-2-contrast: black;
--palette-4-light-2-contrast-darker: black;
--palette-4-light-2-text-color: var(--body-color);
--palette-4-light-3: #ecf8ec;
--palette-4-light-3-darker: #c9ebc9;
--palette-4-light-3-r: 236;
--palette-4-light-3-g: 248;
--palette-4-light-3-b: 236;
--palette-4-light-3-contrast: black;
--palette-4-light-3-contrast-darker: black;
--palette-4-light-3-text-color: var(--body-color);
--palette-5-base: #87c9cb;
--palette-5-base-darker: #6fbec1;
--palette-5-base-r: 135;
--palette-5-base-g: 201;
--palette-5-base-b: 203;
--palette-5-base-contrast: black;
--palette-5-base-contrast-darker: white;
--palette-5-base-text-color: var(--body-color);
--palette-5-dark-3: #293333;
--palette-5-dark-3-darker: #252e2e;
--palette-5-dark-3-r: 41;
--palette-5-dark-3-g: 51;
--palette-5-dark-3-b: 51;
--palette-5-dark-3-contrast: white;
--palette-5-dark-3-contrast-darker: white;
--palette-5-dark-3-text-color: var(--body-alt-color);
--palette-5-dark-2: #4d6566;
--palette-5-dark-2-darker: #455b5c;
--palette-5-dark-2-r: 77;
--palette-5-dark-2-g: 101;
--palette-5-dark-2-b: 102;
--palette-5-dark-2-contrast: white;
--palette-5-dark-2-contrast-darker: white;
--palette-5-dark-2-text-color: var(--body-alt-color);
--palette-5-dark-1: #6c9798;
--palette-5-dark-1-darker: #60898a;
--palette-5-dark-1-r: 108;
--palette-5-dark-1-g: 151;
--palette-5-dark-1-b: 152;
--palette-5-dark-1-contrast: white;
--palette-5-dark-1-contrast-darker: white;
--palette-5-dark-1-text-color: var(--body-alt-color);
--palette-5: #87c9cb;
--palette-5-darker: #6fbec1;
--palette-5-r: 135;
--palette-5-g: 201;
--palette-5-b: 203;
--palette-5-contrast: black;
--palette-5-contrast-darker: white;
--palette-5-text-color: var(--body-color);
--palette-5-light-1: #a7d9db;
--palette-5-light-1-darker: #8ccdd0;
--palette-5-light-1-r: 167;
--palette-5-light-1-g: 217;
--palette-5-light-1-b: 219;
--palette-5-light-1-contrast: black;
--palette-5-light-1-contrast-darker: black;
--palette-5-light-1-text-color: var(--body-color);
--palette-5-light-2: #cbe9ea;
--palette-5-light-2-darker: #acdcdd;
--palette-5-light-2-r: 203;
--palette-5-light-2-g: 233;
--palette-5-light-2-b: 234;
--palette-5-light-2-contrast: black;
--palette-5-light-2-contrast-darker: black;
--palette-5-light-2-text-color: var(--body-color);
--palette-5-light-3: #f1fafa;
--palette-5-light-3-darker: #cdeded;
--palette-5-light-3-r: 241;
--palette-5-light-3-g: 250;
--palette-5-light-3-b: 250;
--palette-5-light-3-contrast: black;
--palette-5-light-3-contrast-darker: black;
--palette-5-light-3-text-color: var(--body-color);
--grey-40: #999999;
--grey-40-darker: #8a8a8a;
--grey-40-r: 153;
--grey-40-g: 153;
--grey-40-b: 153;
--grey-40-contrast: white;
--grey-40-contrast-darker: white;
--grey-40-text-color: var(--body-alt-color);
--grey-30: #b3b3b3;
--grey-30-darker: #a1a1a1;
--grey-30-r: 179;
--grey-30-g: 179;
--grey-30-b: 179;
--grey-30-contrast: white;
--grey-30-contrast-darker: white;
--grey-30-text-color: var(--body-alt-color);
--grey-25: #c0c0c0;
--grey-25-darker: #adadad;
--grey-25-r: 192;
--grey-25-g: 192;
--grey-25-b: 192;
--grey-25-contrast: black;
--grey-25-contrast-darker: white;
--grey-25-text-color: var(--body-color);
--white: #ffffff;
--white-darker: #e6e6e6;
--white-r: 255;
--white-g: 255;
--white-b: 255;
--white-contrast: black;
--white-contrast-darker: black;
--white-text-color: var(--body-color);
--grey-15: #d9d9d9;
--grey-15-darker: #c3c3c3;
--grey-15-r: 217;
--grey-15-g: 217;
--grey-15-b: 217;
--grey-15-contrast: black;
--grey-15-contrast-darker: black;
--grey-15-text-color: var(--body-color);
--grey-10: #e5e5e5;
--grey-10-darker: #cecece;
--grey-10-r: 229;
--grey-10-g: 229;
--grey-10-b: 229;
--grey-10-contrast: black;
--grey-10-contrast-darker: black;
--grey-10-text-color: var(--body-color);
--grey-5: #f2f2f2;
--grey-5-darker: #dadada;
--grey-5-r: 242;
--grey-5-g: 242;
--grey-5-b: 242;
--grey-5-contrast: black;
--grey-5-contrast-darker: black;
--grey-5-text-color: var(--body-color);
--grey-90: #1a1a1a;
--grey-90-darker: #171717;
--grey-90-r: 26;
--grey-90-g: 26;
--grey-90-b: 26;
--grey-90-contrast: white;
--grey-90-contrast-darker: white;
--grey-90-text-color: var(--body-alt-color);
--grey-80: #333333;
--grey-80-darker: #2e2e2e;
--grey-80-r: 51;
--grey-80-g: 51;
--grey-80-b: 51;
--grey-80-contrast: white;
--grey-80-contrast-darker: white;
--grey-80-text-color: var(--body-alt-color);
--grey-75: #404040;
--grey-75-darker: #3a3a3a;
--grey-75-r: 64;
--grey-75-g: 64;
--grey-75-b: 64;
--grey-75-contrast: white;
--grey-75-contrast-darker: white;
--grey-75-text-color: var(--body-alt-color);
--black: #000000;
--black-darker: #000000;
--black-r: 0;
--black-g: 0;
--black-b: 0;
--black-contrast: white;
--black-contrast-darker: white;
--black-text-color: var(--body-alt-color);
--grey-70: #4d4d4d;
--grey-70-darker: #454545;
--grey-70-r: 77;
--grey-70-g: 77;
--grey-70-b: 77;
--grey-70-contrast: white;
--grey-70-contrast-darker: white;
--grey-70-text-color: var(--body-alt-color);
--grey-60: #666666;
--grey-60-darker: #5c5c5c;
--grey-60-r: 102;
--grey-60-g: 102;
--grey-60-b: 102;
--grey-60-contrast: white;
--grey-60-contrast-darker: white;
--grey-60-text-color: var(--body-alt-color);
--grey-50: #808080;
--grey-50-darker: #737373;
--grey-50-r: 128;
--grey-50-g: 128;
--grey-50-b: 128;
--grey-50-contrast: white;
--grey-50-contrast-darker: white;
--grey-50-text-color: var(--body-alt-color);
--grey-dark-3: #212121;
--grey-dark-3-darker: #1e1e1e;
--grey-dark-3-r: 33;
--grey-dark-3-g: 33;
--grey-dark-3-b: 33;
--grey-dark-3-contrast: white;
--grey-dark-3-contrast-darker: white;
--grey-dark-3-text-color: var(--body-alt-color);
--grey-dark-2: #333333;
--grey-dark-2-darker: #2e2e2e;
--grey-dark-2-r: 51;
--grey-dark-2-g: 51;
--grey-dark-2-b: 51;
--grey-dark-2-contrast: white;
--grey-dark-2-contrast-darker: white;
--grey-dark-2-text-color: var(--body-alt-color);
--grey-dark-1: #454545;
--grey-dark-1-darker: #3e3e3e;
--grey-dark-1-r: 69;
--grey-dark-1-g: 69;
--grey-dark-1-b: 69;
--grey-dark-1-contrast: white;
--grey-dark-1-contrast-darker: white;
--grey-dark-1-text-color: var(--body-alt-color);
--grey: #b3b3b3;
--grey-darker: #a1a1a1;
--grey-r: 179;
--grey-g: 179;
--grey-b: 179;
--grey-contrast: white;
--grey-contrast-darker: white;
--grey-text-color: var(--body-alt-color);
--grey-light-1: #d9d9d9;
--grey-light-1-darker: #c3c3c3;
--grey-light-1-r: 217;
--grey-light-1-g: 217;
--grey-light-1-b: 217;
--grey-light-1-contrast: black;
--grey-light-1-contrast-darker: black;
--grey-light-1-text-color: var(--body-color);
--grey-light-2: #eeeeee;
--grey-light-2-darker: #d6d6d6;
--grey-light-2-r: 238;
--grey-light-2-g: 238;
--grey-light-2-b: 238;
--grey-light-2-contrast: black;
--grey-light-2-contrast-darker: black;
--grey-light-2-text-color: var(--body-color);
--grey-light-3: #f6f6f6;
--grey-light-3-darker: #dddddd;
--grey-light-3-r: 246;
--grey-light-3-g: 246;
--grey-light-3-b: 246;
--grey-light-3-contrast: black;
--grey-light-3-contrast-darker: black;
--grey-light-3-text-color: var(--body-color);
--color-1-base: #f15048;
--color-1-base-darker: #ef342b;
--color-1-base-r: 241;
--color-1-base-g: 80;
--color-1-base-b: 72;
--color-1-base-contrast: white;
--color-1-base-contrast-darker: white;
--color-1-base-text-color: var(--body-alt-color);
--color-1-dark-3: #332929;
--color-1-dark-3-darker: #2e2525;
--color-1-dark-3-r: 51;
--color-1-dark-3-g: 41;
--color-1-dark-3-b: 41;
--color-1-dark-3-contrast: white;
--color-1-dark-3-contrast-darker: white;
--color-1-dark-3-text-color: var(--body-alt-color);
--color-1-dark-2: #724a48;
--color-1-dark-2-darker: #674341;
--color-1-dark-2-r: 114;
--color-1-dark-2-g: 74;
--color-1-dark-2-b: 72;
--color-1-dark-2-contrast: white;
--color-1-dark-2-contrast-darker: white;
--color-1-dark-2-text-color: var(--body-alt-color);
--color-1-dark-1: #b25753;
--color-1-dark-1-darker: #a24c49;
--color-1-dark-1-r: 178;
--color-1-dark-1-g: 87;
--color-1-dark-1-b: 83;
--color-1-dark-1-contrast: white;
--color-1-dark-1-contrast-darker: white;
--color-1-dark-1-text-color: var(--body-alt-color);
--color-1: #f15048;
--color-1-darker: #ef342b;
--color-1-r: 241;
--color-1-g: 80;
--color-1-b: 72;
--color-1-contrast: white;
--color-1-contrast-darker: white;
--color-1-text-color: var(--body-alt-color);
--color-1-light-1: #f5837d;
--color-1-light-1-darker: #f2625b;
--color-1-light-1-r: 245;
--color-1-light-1-g: 131;
--color-1-light-1-b: 125;
--color-1-light-1-contrast: white;
--color-1-light-1-contrast-darker: white;
--color-1-light-1-text-color: var(--body-alt-color);
--color-1-light-2: #f9b7b3;
--color-1-light-2-darker: #f6918b;
--color-1-light-2-r: 249;
--color-1-light-2-g: 183;
--color-1-light-2-b: 179;
--color-1-light-2-contrast: black;
--color-1-light-2-contrast-darker: white;
--color-1-light-2-text-color: var(--body-color);
--color-1-light-3: #feedec;
--color-1-light-3-darker: #fcc1bd;
--color-1-light-3-r: 254;
--color-1-light-3-g: 237;
--color-1-light-3-b: 236;
--color-1-light-3-contrast: black;
--color-1-light-3-contrast-darker: black;
--color-1-light-3-text-color: var(--body-color);
--color-2-base: #b23c8a;
--color-2-base-darker: #a0367c;
--color-2-base-r: 178;
--color-2-base-g: 60;
--color-2-base-b: 138;
--color-2-base-contrast: white;
--color-2-base-contrast-darker: white;
--color-2-base-text-color: var(--body-alt-color);
--color-2-dark-3: #332930;
--color-2-dark-3-darker: #2e252b;
--color-2-dark-3-r: 51;
--color-2-dark-3-g: 41;
--color-2-dark-3-b: 48;
--color-2-dark-3-contrast: white;
--color-2-dark-3-contrast-darker: white;
--color-2-dark-3-text-color: var(--body-alt-color);
--color-2-dark-2: #724162;
--color-2-dark-2-darker: #673a58;
--color-2-dark-2-r: 114;
--color-2-dark-2-g: 65;
--color-2-dark-2-b: 98;
--color-2-dark-2-contrast: white;
--color-2-dark-2-contrast-darker: white;
--color-2-dark-2-text-color: var(--body-alt-color);
--color-2-dark-1: #b23c8a;
--color-2-dark-1-darker: #a0367c;
--color-2-dark-1-r: 178;
--color-2-dark-1-g: 60;
--color-2-dark-1-b: 138;
--color-2-dark-1-contrast: white;
--color-2-dark-1-contrast-darker: white;
--color-2-dark-1-text-color: var(--body-alt-color);
--color-2: #dc57af;
--color-2-darker: #d73ea3;
--color-2-r: 220;
--color-2-g: 87;
--color-2-b: 175;
--color-2-contrast: white;
--color-2-contrast-darker: white;
--color-2-text-color: var(--body-alt-color);
--color-2-light-1: #e685c5;
--color-2-light-1-darker: #e067b7;
--color-2-light-1-r: 230;
--color-2-light-1-g: 133;
--color-2-light-1-b: 197;
--color-2-light-1-contrast: white;
--color-2-light-1-contrast-darker: white;
--color-2-light-1-text-color: var(--body-alt-color);
--color-2-light-2: #f1b7dd;
--color-2-light-2-darker: #ea94cc;
--color-2-light-2-r: 241;
--color-2-light-2-g: 183;
--color-2-light-2-b: 221;
--color-2-light-2-contrast: black;
--color-2-light-2-contrast-darker: white;
--color-2-light-2-text-color: var(--body-color);
--color-2-light-3: #fbecf6;
--color-2-light-3-darker: #f3c4e3;
--color-2-light-3-r: 251;
--color-2-light-3-g: 236;
--color-2-light-3-b: 246;
--color-2-light-3-contrast: black;
--color-2-light-3-contrast-darker: black;
--color-2-light-3-text-color: var(--body-color);
--color-3-base: #cc4700;
--color-3-base-darker: #b84000;
--color-3-base-r: 204;
--color-3-base-g: 71;
--color-3-base-b: 0;
--color-3-base-contrast: white;
--color-3-base-contrast-darker: white;
--color-3-base-text-color: var(--body-alt-color);
--color-3-dark-3: #332c29;
--color-3-dark-3-darker: #2e2825;
--color-3-dark-3-r: 51;
--color-3-dark-3-g: 44;
--color-3-dark-3-b: 41;
--color-3-dark-3-contrast: white;
--color-3-dark-3-contrast-darker: white;
--color-3-dark-3-text-color: var(--body-alt-color);
--color-3-dark-2: #804e33;
--color-3-dark-2-darker: #73462e;
--color-3-dark-2-r: 128;
--color-3-dark-2-g: 78;
--color-3-dark-2-b: 51;
--color-3-dark-2-contrast: white;
--color-3-dark-2-contrast-darker: white;
--color-3-dark-2-text-color: var(--body-alt-color);
--color-3-dark-1: #cc4700;
--color-3-dark-1-darker: #b84000;
--color-3-dark-1-r: 204;
--color-3-dark-1-g: 71;
--color-3-dark-1-b: 0;
--color-3-dark-1-contrast: white;
--color-3-dark-1-contrast-darker: white;
--color-3-dark-1-text-color: var(--body-alt-color);
--color-3: #f96110;
--color-3-darker: #e95506;
--color-3-r: 249;
--color-3-g: 97;
--color-3-b: 16;
--color-3-contrast: white;
--color-3-contrast-darker: white;
--color-3-text-color: var(--body-alt-color);
--color-3-light-1: #fb9056;
--color-3-light-1-darker: #fa7a35;
--color-3-light-1-r: 251;
--color-3-light-1-g: 144;
--color-3-light-1-b: 86;
--color-3-light-1-contrast: white;
--color-3-light-1-contrast-darker: white;
--color-3-light-1-text-color: var(--body-alt-color);
--color-3-light-2: #fdbf9e;
--color-3-light-2-darker: #fca476;
--color-3-light-2-r: 253;
--color-3-light-2-g: 191;
--color-3-light-2-b: 158;
--color-3-light-2-contrast: black;
--color-3-light-2-contrast-darker: white;
--color-3-light-2-text-color: var(--body-color);
--color-3-light-3: #feefe7;
--color-3-light-3-darker: #fcd0b8;
--color-3-light-3-r: 254;
--color-3-light-3-g: 239;
--color-3-light-3-b: 231;
--color-3-light-3-contrast: black;
--color-3-light-3-contrast-darker: black;
--color-3-light-3-text-color: var(--body-color);
--color-4-base: #5cb85c;
--color-4-base-darker: #4bad4b;
--color-4-base-r: 92;
--color-4-base-g: 184;
--color-4-base-b: 92;
--color-4-base-contrast: white;
--color-4-base-contrast-darker: white;
--color-4-base-text-color: var(--body-alt-color);
--color-4-dark-3: #293329;
--color-4-dark-3-darker: #252e25;
--color-4-dark-3-r: 41;
--color-4-dark-3-g: 51;
--color-4-dark-3-b: 41;
--color-4-dark-3-contrast: white;
--color-4-dark-3-contrast-darker: white;
--color-4-dark-3-text-color: var(--body-alt-color);
--color-4-dark-2: #435f43;
--color-4-dark-2-darker: #3c563c;
--color-4-dark-2-r: 67;
--color-4-dark-2-g: 95;
--color-4-dark-2-b: 67;
--color-4-dark-2-contrast: white;
--color-4-dark-2-contrast-darker: white;
--color-4-dark-2-text-color: var(--body-alt-color);
--color-4-dark-1: #548c54;
--color-4-dark-1-darker: #4c7e4c;
--color-4-dark-1-r: 84;
--color-4-dark-1-g: 140;
--color-4-dark-1-b: 84;
--color-4-dark-1-contrast: white;
--color-4-dark-1-contrast-darker: white;
--color-4-dark-1-text-color: var(--body-alt-color);
--color-4: #5cb85c;
--color-4-darker: #4bad4b;
--color-4-r: 92;
--color-4-g: 184;
--color-4-b: 92;
--color-4-contrast: white;
--color-4-contrast-darker: white;
--color-4-text-color: var(--body-alt-color);
--color-4-light-1: #85cd85;
--color-4-light-1-darker: #6dc36d;
--color-4-light-1-r: 133;
--color-4-light-1-g: 205;
--color-4-light-1-b: 133;
--color-4-light-1-contrast: black;
--color-4-light-1-contrast-darker: white;
--color-4-light-1-text-color: var(--body-color);
--color-4-light-2: #b5e3b5;
--color-4-light-2-darker: #97d897;
--color-4-light-2-r: 181;
--color-4-light-2-g: 227;
--color-4-light-2-b: 181;
--color-4-light-2-contrast: black;
--color-4-light-2-contrast-darker: black;
--color-4-light-2-text-color: var(--body-color);
--color-4-light-3: #ecf8ec;
--color-4-light-3-darker: #c9ebc9;
--color-4-light-3-r: 236;
--color-4-light-3-g: 248;
--color-4-light-3-b: 236;
--color-4-light-3-contrast: black;
--color-4-light-3-contrast-darker: black;
--color-4-light-3-text-color: var(--body-color);
--color-5-base: #87c9cb;
--color-5-base-darker: #6fbec1;
--color-5-base-r: 135;
--color-5-base-g: 201;
--color-5-base-b: 203;
--color-5-base-contrast: black;
--color-5-base-contrast-darker: white;
--color-5-base-text-color: var(--body-color);
--color-5-dark-3: #293333;
--color-5-dark-3-darker: #252e2e;
--color-5-dark-3-r: 41;
--color-5-dark-3-g: 51;
--color-5-dark-3-b: 51;
--color-5-dark-3-contrast: white;
--color-5-dark-3-contrast-darker: white;
--color-5-dark-3-text-color: var(--body-alt-color);
--color-5-dark-2: #4d6566;
--color-5-dark-2-darker: #455b5c;
--color-5-dark-2-r: 77;
--color-5-dark-2-g: 101;
--color-5-dark-2-b: 102;
--color-5-dark-2-contrast: white;
--color-5-dark-2-contrast-darker: white;
--color-5-dark-2-text-color: var(--body-alt-color);
--color-5-dark-1: #6c9798;
--color-5-dark-1-darker: #60898a;
--color-5-dark-1-r: 108;
--color-5-dark-1-g: 151;
--color-5-dark-1-b: 152;
--color-5-dark-1-contrast: white;
--color-5-dark-1-contrast-darker: white;
--color-5-dark-1-text-color: var(--body-alt-color);
--color-5: #87c9cb;
--color-5-darker: #6fbec1;
--color-5-r: 135;
--color-5-g: 201;
--color-5-b: 203;
--color-5-contrast: black;
--color-5-contrast-darker: white;
--color-5-text-color: var(--body-color);
--color-5-light-1: #a7d9db;
--color-5-light-1-darker: #8ccdd0;
--color-5-light-1-r: 167;
--color-5-light-1-g: 217;
--color-5-light-1-b: 219;
--color-5-light-1-contrast: black;
--color-5-light-1-contrast-darker: black;
--color-5-light-1-text-color: var(--body-color);
--color-5-light-2: #cbe9ea;
--color-5-light-2-darker: #acdcdd;
--color-5-light-2-r: 203;
--color-5-light-2-g: 233;
--color-5-light-2-b: 234;
--color-5-light-2-contrast: black;
--color-5-light-2-contrast-darker: black;
--color-5-light-2-text-color: var(--body-color);
--color-5-light-3: #f1fafa;
--color-5-light-3-darker: #cdeded;
--color-5-light-3-r: 241;
--color-5-light-3-g: 250;
--color-5-light-3-b: 250;
--color-5-light-3-contrast: black;
--color-5-light-3-contrast-darker: black;
--color-5-light-3-text-color: var(--body-color);
--white-contrast: var(--body-color);
--shading-contrast: var(--body-alt-color);
--bg-contrast: var(--body-color);
}/*begin-color custom-color-1*/
        .u-custom-color-1,
        .u-body.u-custom-color-1,
        section.u-custom-color-1:before,
        .u-custom-color-1 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-1 > .u-container-layout:before,
        .u-custom-color-1 > .u-inner-container-layout:before,
        .u-custom-color-1.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-1:before,
        .u-table-alt-custom-color-1 tr:nth-child(even)
        {
            color: var(--custom-color-1-text-color);
            background-color: var(--custom-color-1);

        }

        .u-input.u-custom-color-1,
        .u-field-input.u-custom-color-1,
        .u-button-style.u-custom-color-1,
        .u-button-style.u-custom-color-1[class*="u-border-"]
        {
            color: var(--custom-color-1-text-color) !important;
            background-color: var(--custom-color-1) !important;
        }

        .u-button-style.u-custom-color-1:hover,
        .u-button-style.u-custom-color-1[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-1:focus,
        .u-button-style.u-custom-color-1[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-1:active,
        .u-button-style.u-button-style.u-custom-color-1[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-1.active,
        .u-button-style.u-button-style.u-custom-color-1[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-1,
        li.active > .u-button-style.u-button-style.u-custom-color-1[class*="u-border-"]
        {
            color: var(--custom-color-1-text-color) !important;
            background-color: var(--custom-color-1-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-1:hover,
        .u-hover-custom-color-1[class*="u-border-"]:hover,
        .u-hover-custom-color-1:focus,
        .u-hover-custom-color-1[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-1:hover,
        a.u-button-style.u-hover-custom-color-1.hover,
        a.u-button-style.u-hover-custom-color-1[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-1[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-1,
        a.u-button-style:hover > .u-hover-custom-color-1[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-1:focus,
        a.u-button-style.u-hover-custom-color-1[class*="u-border-"]:focus
        {
            color: var(--custom-color-1-text-color) !important;
            background-color: var(--custom-color-1) !important;
        }

        /* active */
        .u-active-custom-color-1.u-active.u-active,
        .u-active-custom-color-1[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-1:active,
        a.u-button-style.u-button-style.u-active-custom-color-1[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-1.active,
        a.u-button-style.u-button-style.u-active-custom-color-1[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-1,
        a.u-button-style.u-button-style.active > .u-active-custom-color-1[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-1,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-1[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-1:checked
        {
            color: var(--custom-color-1-text-color) !important;
            background-color: var(--custom-color-1) !important;
        }

        a.u-link.u-hover-custom-color-1:hover {
            color: var(--custom-color-1) !important;
        }

        /*end-color custom-color-1*/
        /*begin-color custom-color-2*/
        .u-custom-color-2,
        .u-body.u-custom-color-2,
        section.u-custom-color-2:before,
        .u-custom-color-2 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-2 > .u-container-layout:before,
        .u-custom-color-2 > .u-inner-container-layout:before,
        .u-custom-color-2.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-2:before,
        .u-table-alt-custom-color-2 tr:nth-child(even)
        {
            color: var(--custom-color-2-text-color);
            background-color: var(--custom-color-2);

        }

        .u-input.u-custom-color-2,
        .u-field-input.u-custom-color-2,
        .u-button-style.u-custom-color-2,
        .u-button-style.u-custom-color-2[class*="u-border-"]
        {
            color: var(--custom-color-2-text-color) !important;
            background-color: var(--custom-color-2) !important;
        }

        .u-button-style.u-custom-color-2:hover,
        .u-button-style.u-custom-color-2[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-2:focus,
        .u-button-style.u-custom-color-2[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-2:active,
        .u-button-style.u-button-style.u-custom-color-2[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-2.active,
        .u-button-style.u-button-style.u-custom-color-2[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-2,
        li.active > .u-button-style.u-button-style.u-custom-color-2[class*="u-border-"]
        {
            color: var(--custom-color-2-text-color) !important;
            background-color: var(--custom-color-2-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-2:hover,
        .u-hover-custom-color-2[class*="u-border-"]:hover,
        .u-hover-custom-color-2:focus,
        .u-hover-custom-color-2[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-2:hover,
        a.u-button-style.u-hover-custom-color-2.hover,
        a.u-button-style.u-hover-custom-color-2[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-2[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-2,
        a.u-button-style:hover > .u-hover-custom-color-2[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-2:focus,
        a.u-button-style.u-hover-custom-color-2[class*="u-border-"]:focus
        {
            color: var(--custom-color-2-text-color) !important;
            background-color: var(--custom-color-2) !important;
        }

        /* active */
        .u-active-custom-color-2.u-active.u-active,
        .u-active-custom-color-2[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-2:active,
        a.u-button-style.u-button-style.u-active-custom-color-2[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-2.active,
        a.u-button-style.u-button-style.u-active-custom-color-2[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-2,
        a.u-button-style.u-button-style.active > .u-active-custom-color-2[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-2,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-2[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-2:checked
        {
            color: var(--custom-color-2-text-color) !important;
            background-color: var(--custom-color-2) !important;
        }

        a.u-link.u-hover-custom-color-2:hover {
            color: var(--custom-color-2) !important;
        }

        /*end-color custom-color-2*/
        /*begin-color custom-color-3*/
        .u-custom-color-3,
        .u-body.u-custom-color-3,
        section.u-custom-color-3:before,
        .u-custom-color-3 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-3 > .u-container-layout:before,
        .u-custom-color-3 > .u-inner-container-layout:before,
        .u-custom-color-3.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-3:before,
        .u-table-alt-custom-color-3 tr:nth-child(even)
        {
            color: var(--custom-color-3-text-color);
            background-color: var(--custom-color-3);

        }

        .u-input.u-custom-color-3,
        .u-field-input.u-custom-color-3,
        .u-button-style.u-custom-color-3,
        .u-button-style.u-custom-color-3[class*="u-border-"]
        {
            color: var(--custom-color-3-text-color) !important;
            background-color: var(--custom-color-3) !important;
        }

        .u-button-style.u-custom-color-3:hover,
        .u-button-style.u-custom-color-3[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-3:focus,
        .u-button-style.u-custom-color-3[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-3:active,
        .u-button-style.u-button-style.u-custom-color-3[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-3.active,
        .u-button-style.u-button-style.u-custom-color-3[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-3,
        li.active > .u-button-style.u-button-style.u-custom-color-3[class*="u-border-"]
        {
            color: var(--custom-color-3-text-color) !important;
            background-color: var(--custom-color-3-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-3:hover,
        .u-hover-custom-color-3[class*="u-border-"]:hover,
        .u-hover-custom-color-3:focus,
        .u-hover-custom-color-3[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-3:hover,
        a.u-button-style.u-hover-custom-color-3.hover,
        a.u-button-style.u-hover-custom-color-3[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-3[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-3,
        a.u-button-style:hover > .u-hover-custom-color-3[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-3:focus,
        a.u-button-style.u-hover-custom-color-3[class*="u-border-"]:focus
        {
            color: var(--custom-color-3-text-color) !important;
            background-color: var(--custom-color-3) !important;
        }

        /* active */
        .u-active-custom-color-3.u-active.u-active,
        .u-active-custom-color-3[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-3:active,
        a.u-button-style.u-button-style.u-active-custom-color-3[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-3.active,
        a.u-button-style.u-button-style.u-active-custom-color-3[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-3,
        a.u-button-style.u-button-style.active > .u-active-custom-color-3[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-3,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-3[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-3:checked
        {
            color: var(--custom-color-3-text-color) !important;
            background-color: var(--custom-color-3) !important;
        }

        a.u-link.u-hover-custom-color-3:hover {
            color: var(--custom-color-3) !important;
        }

        /*end-color custom-color-3*/
        /*begin-color custom-color-4*/
        .u-custom-color-4,
        .u-body.u-custom-color-4,
        section.u-custom-color-4:before,
        .u-custom-color-4 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-4 > .u-container-layout:before,
        .u-custom-color-4 > .u-inner-container-layout:before,
        .u-custom-color-4.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-4:before,
        .u-table-alt-custom-color-4 tr:nth-child(even)
        {
            color: var(--custom-color-4-text-color);
            background-color: var(--custom-color-4);

        }

        .u-input.u-custom-color-4,
        .u-field-input.u-custom-color-4,
        .u-button-style.u-custom-color-4,
        .u-button-style.u-custom-color-4[class*="u-border-"]
        {
            color: var(--custom-color-4-text-color) !important;
            background-color: var(--custom-color-4) !important;
        }

        .u-button-style.u-custom-color-4:hover,
        .u-button-style.u-custom-color-4[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-4:focus,
        .u-button-style.u-custom-color-4[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-4:active,
        .u-button-style.u-button-style.u-custom-color-4[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-4.active,
        .u-button-style.u-button-style.u-custom-color-4[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-4,
        li.active > .u-button-style.u-button-style.u-custom-color-4[class*="u-border-"]
        {
            color: var(--custom-color-4-text-color) !important;
            background-color: var(--custom-color-4-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-4:hover,
        .u-hover-custom-color-4[class*="u-border-"]:hover,
        .u-hover-custom-color-4:focus,
        .u-hover-custom-color-4[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-4:hover,
        a.u-button-style.u-hover-custom-color-4.hover,
        a.u-button-style.u-hover-custom-color-4[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-4[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-4,
        a.u-button-style:hover > .u-hover-custom-color-4[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-4:focus,
        a.u-button-style.u-hover-custom-color-4[class*="u-border-"]:focus
        {
            color: var(--custom-color-4-text-color) !important;
            background-color: var(--custom-color-4) !important;
        }

        /* active */
        .u-active-custom-color-4.u-active.u-active,
        .u-active-custom-color-4[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-4:active,
        a.u-button-style.u-button-style.u-active-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-4.active,
        a.u-button-style.u-button-style.u-active-custom-color-4[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-4,
        a.u-button-style.u-button-style.active > .u-active-custom-color-4[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-4,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-4[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-4:checked
        {
            color: var(--custom-color-4-text-color) !important;
            background-color: var(--custom-color-4) !important;
        }

        a.u-link.u-hover-custom-color-4:hover {
            color: var(--custom-color-4) !important;
        }

        /*end-color custom-color-4*/
        /*begin-color custom-color-5*/
        .u-custom-color-5,
        .u-body.u-custom-color-5,
        section.u-custom-color-5:before,
        .u-custom-color-5 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-5 > .u-container-layout:before,
        .u-custom-color-5 > .u-inner-container-layout:before,
        .u-custom-color-5.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-5:before,
        .u-table-alt-custom-color-5 tr:nth-child(even)
        {
            color: var(--custom-color-5-text-color);
            background-color: var(--custom-color-5);

        }

        .u-input.u-custom-color-5,
        .u-field-input.u-custom-color-5,
        .u-button-style.u-custom-color-5,
        .u-button-style.u-custom-color-5[class*="u-border-"]
        {
            color: var(--custom-color-5-text-color) !important;
            background-color: var(--custom-color-5) !important;
        }

        .u-button-style.u-custom-color-5:hover,
        .u-button-style.u-custom-color-5[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-5:focus,
        .u-button-style.u-custom-color-5[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-5:active,
        .u-button-style.u-button-style.u-custom-color-5[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-5.active,
        .u-button-style.u-button-style.u-custom-color-5[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-5,
        li.active > .u-button-style.u-button-style.u-custom-color-5[class*="u-border-"]
        {
            color: var(--custom-color-5-text-color) !important;
            background-color: var(--custom-color-5-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-5:hover,
        .u-hover-custom-color-5[class*="u-border-"]:hover,
        .u-hover-custom-color-5:focus,
        .u-hover-custom-color-5[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-5:hover,
        a.u-button-style.u-hover-custom-color-5.hover,
        a.u-button-style.u-hover-custom-color-5[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-5[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-5,
        a.u-button-style:hover > .u-hover-custom-color-5[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-5:focus,
        a.u-button-style.u-hover-custom-color-5[class*="u-border-"]:focus
        {
            color: var(--custom-color-5-text-color) !important;
            background-color: var(--custom-color-5) !important;
        }

        /* active */
        .u-active-custom-color-5.u-active.u-active,
        .u-active-custom-color-5[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-5:active,
        a.u-button-style.u-button-style.u-active-custom-color-5[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-5.active,
        a.u-button-style.u-button-style.u-active-custom-color-5[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-5,
        a.u-button-style.u-button-style.active > .u-active-custom-color-5[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-5,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-5[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-5:checked
        {
            color: var(--custom-color-5-text-color) !important;
            background-color: var(--custom-color-5) !important;
        }

        a.u-link.u-hover-custom-color-5:hover {
            color: var(--custom-color-5) !important;
        }

        /*end-color custom-color-5*/
        /*begin-color custom-color-6*/
        .u-custom-color-6,
        .u-body.u-custom-color-6,
        section.u-custom-color-6:before,
        .u-custom-color-6 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-6 > .u-container-layout:before,
        .u-custom-color-6 > .u-inner-container-layout:before,
        .u-custom-color-6.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-6:before,
        .u-table-alt-custom-color-6 tr:nth-child(even)
        {
            color: var(--custom-color-6-text-color);
            background-color: var(--custom-color-6);

        }

        .u-input.u-custom-color-6,
        .u-field-input.u-custom-color-6,
        .u-button-style.u-custom-color-6,
        .u-button-style.u-custom-color-6[class*="u-border-"]
        {
            color: var(--custom-color-6-text-color) !important;
            background-color: var(--custom-color-6) !important;
        }

        .u-button-style.u-custom-color-6:hover,
        .u-button-style.u-custom-color-6[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-6:focus,
        .u-button-style.u-custom-color-6[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-6:active,
        .u-button-style.u-button-style.u-custom-color-6[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-6.active,
        .u-button-style.u-button-style.u-custom-color-6[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-6,
        li.active > .u-button-style.u-button-style.u-custom-color-6[class*="u-border-"]
        {
            color: var(--custom-color-6-text-color) !important;
            background-color: var(--custom-color-6-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-6:hover,
        .u-hover-custom-color-6[class*="u-border-"]:hover,
        .u-hover-custom-color-6:focus,
        .u-hover-custom-color-6[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-6:hover,
        a.u-button-style.u-hover-custom-color-6.hover,
        a.u-button-style.u-hover-custom-color-6[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-6[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-6,
        a.u-button-style:hover > .u-hover-custom-color-6[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-6:focus,
        a.u-button-style.u-hover-custom-color-6[class*="u-border-"]:focus
        {
            color: var(--custom-color-6-text-color) !important;
            background-color: var(--custom-color-6) !important;
        }

        /* active */
        .u-active-custom-color-6.u-active.u-active,
        .u-active-custom-color-6[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-6:active,
        a.u-button-style.u-button-style.u-active-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-6.active,
        a.u-button-style.u-button-style.u-active-custom-color-6[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-6,
        a.u-button-style.u-button-style.active > .u-active-custom-color-6[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-6,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-6[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-6:checked
        {
            color: var(--custom-color-6-text-color) !important;
            background-color: var(--custom-color-6) !important;
        }

        a.u-link.u-hover-custom-color-6:hover {
            color: var(--custom-color-6) !important;
        }

        /*end-color custom-color-6*/
        /*begin-color custom-color-7*/
        .u-custom-color-7,
        .u-body.u-custom-color-7,
        section.u-custom-color-7:before,
        .u-custom-color-7 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-7 > .u-container-layout:before,
        .u-custom-color-7 > .u-inner-container-layout:before,
        .u-custom-color-7.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-7:before,
        .u-table-alt-custom-color-7 tr:nth-child(even)
        {
            color: var(--custom-color-7-text-color);
            background-color: var(--custom-color-7);

        }

        .u-input.u-custom-color-7,
        .u-field-input.u-custom-color-7,
        .u-button-style.u-custom-color-7,
        .u-button-style.u-custom-color-7[class*="u-border-"]
        {
            color: var(--custom-color-7-text-color) !important;
            background-color: var(--custom-color-7) !important;
        }

        .u-button-style.u-custom-color-7:hover,
        .u-button-style.u-custom-color-7[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-7:focus,
        .u-button-style.u-custom-color-7[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-7:active,
        .u-button-style.u-button-style.u-custom-color-7[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-7.active,
        .u-button-style.u-button-style.u-custom-color-7[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-7,
        li.active > .u-button-style.u-button-style.u-custom-color-7[class*="u-border-"]
        {
            color: var(--custom-color-7-text-color) !important;
            background-color: var(--custom-color-7-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-7:hover,
        .u-hover-custom-color-7[class*="u-border-"]:hover,
        .u-hover-custom-color-7:focus,
        .u-hover-custom-color-7[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-7:hover,
        a.u-button-style.u-hover-custom-color-7.hover,
        a.u-button-style.u-hover-custom-color-7[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-7[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-7,
        a.u-button-style:hover > .u-hover-custom-color-7[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-7:focus,
        a.u-button-style.u-hover-custom-color-7[class*="u-border-"]:focus
        {
            color: var(--custom-color-7-text-color) !important;
            background-color: var(--custom-color-7) !important;
        }

        /* active */
        .u-active-custom-color-7.u-active.u-active,
        .u-active-custom-color-7[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-7:active,
        a.u-button-style.u-button-style.u-active-custom-color-7[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-7.active,
        a.u-button-style.u-button-style.u-active-custom-color-7[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-7,
        a.u-button-style.u-button-style.active > .u-active-custom-color-7[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-7,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-7[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-7:checked
        {
            color: var(--custom-color-7-text-color) !important;
            background-color: var(--custom-color-7) !important;
        }

        a.u-link.u-hover-custom-color-7:hover {
            color: var(--custom-color-7) !important;
        }

        /*end-color custom-color-7*/
        /*begin-color custom-color-8*/
        .u-custom-color-8,
        .u-body.u-custom-color-8,
        section.u-custom-color-8:before,
        .u-custom-color-8 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-8 > .u-container-layout:before,
        .u-custom-color-8 > .u-inner-container-layout:before,
        .u-custom-color-8.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-8:before,
        .u-table-alt-custom-color-8 tr:nth-child(even)
        {
            color: var(--custom-color-8-text-color);
            background-color: var(--custom-color-8);

        }

        .u-input.u-custom-color-8,
        .u-field-input.u-custom-color-8,
        .u-button-style.u-custom-color-8,
        .u-button-style.u-custom-color-8[class*="u-border-"]
        {
            color: var(--custom-color-8-text-color) !important;
            background-color: var(--custom-color-8) !important;
        }

        .u-button-style.u-custom-color-8:hover,
        .u-button-style.u-custom-color-8[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-8:focus,
        .u-button-style.u-custom-color-8[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-8:active,
        .u-button-style.u-button-style.u-custom-color-8[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-8.active,
        .u-button-style.u-button-style.u-custom-color-8[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-8,
        li.active > .u-button-style.u-button-style.u-custom-color-8[class*="u-border-"]
        {
            color: var(--custom-color-8-text-color) !important;
            background-color: var(--custom-color-8-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-8:hover,
        .u-hover-custom-color-8[class*="u-border-"]:hover,
        .u-hover-custom-color-8:focus,
        .u-hover-custom-color-8[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-8:hover,
        a.u-button-style.u-hover-custom-color-8.hover,
        a.u-button-style.u-hover-custom-color-8[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-8[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-8,
        a.u-button-style:hover > .u-hover-custom-color-8[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-8:focus,
        a.u-button-style.u-hover-custom-color-8[class*="u-border-"]:focus
        {
            color: var(--custom-color-8-text-color) !important;
            background-color: var(--custom-color-8) !important;
        }

        /* active */
        .u-active-custom-color-8.u-active.u-active,
        .u-active-custom-color-8[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-8:active,
        a.u-button-style.u-button-style.u-active-custom-color-8[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-8.active,
        a.u-button-style.u-button-style.u-active-custom-color-8[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-8,
        a.u-button-style.u-button-style.active > .u-active-custom-color-8[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-8,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-8[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-8:checked
        {
            color: var(--custom-color-8-text-color) !important;
            background-color: var(--custom-color-8) !important;
        }

        a.u-link.u-hover-custom-color-8:hover {
            color: var(--custom-color-8) !important;
        }

        /*end-color custom-color-8*/
        /*begin-color custom-color-9*/
        .u-custom-color-9,
        .u-body.u-custom-color-9,
        section.u-custom-color-9:before,
        .u-custom-color-9 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-9 > .u-container-layout:before,
        .u-custom-color-9 > .u-inner-container-layout:before,
        .u-custom-color-9.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-9:before,
        .u-table-alt-custom-color-9 tr:nth-child(even)
        {
            color: var(--custom-color-9-text-color);
            background-color: var(--custom-color-9);

        }

        .u-input.u-custom-color-9,
        .u-field-input.u-custom-color-9,
        .u-button-style.u-custom-color-9,
        .u-button-style.u-custom-color-9[class*="u-border-"]
        {
            color: var(--custom-color-9-text-color) !important;
            background-color: var(--custom-color-9) !important;
        }

        .u-button-style.u-custom-color-9:hover,
        .u-button-style.u-custom-color-9[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-9:focus,
        .u-button-style.u-custom-color-9[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-9:active,
        .u-button-style.u-button-style.u-custom-color-9[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-9.active,
        .u-button-style.u-button-style.u-custom-color-9[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-9,
        li.active > .u-button-style.u-button-style.u-custom-color-9[class*="u-border-"]
        {
            color: var(--custom-color-9-text-color) !important;
            background-color: var(--custom-color-9-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-9:hover,
        .u-hover-custom-color-9[class*="u-border-"]:hover,
        .u-hover-custom-color-9:focus,
        .u-hover-custom-color-9[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-9:hover,
        a.u-button-style.u-hover-custom-color-9.hover,
        a.u-button-style.u-hover-custom-color-9[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-9[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-9,
        a.u-button-style:hover > .u-hover-custom-color-9[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-9:focus,
        a.u-button-style.u-hover-custom-color-9[class*="u-border-"]:focus
        {
            color: var(--custom-color-9-text-color) !important;
            background-color: var(--custom-color-9) !important;
        }

        /* active */
        .u-active-custom-color-9.u-active.u-active,
        .u-active-custom-color-9[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-9:active,
        a.u-button-style.u-button-style.u-active-custom-color-9[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-9.active,
        a.u-button-style.u-button-style.u-active-custom-color-9[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-9,
        a.u-button-style.u-button-style.active > .u-active-custom-color-9[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-9,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-9[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-9:checked
        {
            color: var(--custom-color-9-text-color) !important;
            background-color: var(--custom-color-9) !important;
        }

        a.u-link.u-hover-custom-color-9:hover {
            color: var(--custom-color-9) !important;
        }

        /*end-color custom-color-9*/
        /*begin-color custom-color-10*/
        .u-custom-color-10,
        .u-body.u-custom-color-10,
        section.u-custom-color-10:before,
        .u-custom-color-10 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-10 > .u-container-layout:before,
        .u-custom-color-10 > .u-inner-container-layout:before,
        .u-custom-color-10.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-10:before,
        .u-table-alt-custom-color-10 tr:nth-child(even)
        {
            color: var(--custom-color-10-text-color);
            background-color: var(--custom-color-10);

        }

        .u-input.u-custom-color-10,
        .u-field-input.u-custom-color-10,
        .u-button-style.u-custom-color-10,
        .u-button-style.u-custom-color-10[class*="u-border-"]
        {
            color: var(--custom-color-10-text-color) !important;
            background-color: var(--custom-color-10) !important;
        }

        .u-button-style.u-custom-color-10:hover,
        .u-button-style.u-custom-color-10[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-10:focus,
        .u-button-style.u-custom-color-10[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-10:active,
        .u-button-style.u-button-style.u-custom-color-10[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-10.active,
        .u-button-style.u-button-style.u-custom-color-10[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-10,
        li.active > .u-button-style.u-button-style.u-custom-color-10[class*="u-border-"]
        {
            color: var(--custom-color-10-text-color) !important;
            background-color: var(--custom-color-10-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-10:hover,
        .u-hover-custom-color-10[class*="u-border-"]:hover,
        .u-hover-custom-color-10:focus,
        .u-hover-custom-color-10[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-10:hover,
        a.u-button-style.u-hover-custom-color-10.hover,
        a.u-button-style.u-hover-custom-color-10[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-10[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-10,
        a.u-button-style:hover > .u-hover-custom-color-10[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-10:focus,
        a.u-button-style.u-hover-custom-color-10[class*="u-border-"]:focus
        {
            color: var(--custom-color-10-text-color) !important;
            background-color: var(--custom-color-10) !important;
        }

        /* active */
        .u-active-custom-color-10.u-active.u-active,
        .u-active-custom-color-10[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-10:active,
        a.u-button-style.u-button-style.u-active-custom-color-10[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-10.active,
        a.u-button-style.u-button-style.u-active-custom-color-10[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-10,
        a.u-button-style.u-button-style.active > .u-active-custom-color-10[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-10,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-10[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-10:checked
        {
            color: var(--custom-color-10-text-color) !important;
            background-color: var(--custom-color-10) !important;
        }

        a.u-link.u-hover-custom-color-10:hover {
            color: var(--custom-color-10) !important;
        }

        /*end-color custom-color-10*/
        /*begin-color custom-color-11*/
        .u-custom-color-11,
        .u-body.u-custom-color-11,
        section.u-custom-color-11:before,
        .u-custom-color-11 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-11 > .u-container-layout:before,
        .u-custom-color-11 > .u-inner-container-layout:before,
        .u-custom-color-11.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-11:before,
        .u-table-alt-custom-color-11 tr:nth-child(even)
        {
            color: var(--custom-color-11-text-color);
            background-color: var(--custom-color-11);

        }

        .u-input.u-custom-color-11,
        .u-field-input.u-custom-color-11,
        .u-button-style.u-custom-color-11,
        .u-button-style.u-custom-color-11[class*="u-border-"]
        {
            color: var(--custom-color-11-text-color) !important;
            background-color: var(--custom-color-11) !important;
        }

        .u-button-style.u-custom-color-11:hover,
        .u-button-style.u-custom-color-11[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-11:focus,
        .u-button-style.u-custom-color-11[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-11:active,
        .u-button-style.u-button-style.u-custom-color-11[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-11.active,
        .u-button-style.u-button-style.u-custom-color-11[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-11,
        li.active > .u-button-style.u-button-style.u-custom-color-11[class*="u-border-"]
        {
            color: var(--custom-color-11-text-color) !important;
            background-color: var(--custom-color-11-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-11:hover,
        .u-hover-custom-color-11[class*="u-border-"]:hover,
        .u-hover-custom-color-11:focus,
        .u-hover-custom-color-11[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-11:hover,
        a.u-button-style.u-hover-custom-color-11.hover,
        a.u-button-style.u-hover-custom-color-11[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-11[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-11,
        a.u-button-style:hover > .u-hover-custom-color-11[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-11:focus,
        a.u-button-style.u-hover-custom-color-11[class*="u-border-"]:focus
        {
            color: var(--custom-color-11-text-color) !important;
            background-color: var(--custom-color-11) !important;
        }

        /* active */
        .u-active-custom-color-11.u-active.u-active,
        .u-active-custom-color-11[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-11:active,
        a.u-button-style.u-button-style.u-active-custom-color-11[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-11.active,
        a.u-button-style.u-button-style.u-active-custom-color-11[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-11,
        a.u-button-style.u-button-style.active > .u-active-custom-color-11[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-11,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-11[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-11:checked
        {
            color: var(--custom-color-11-text-color) !important;
            background-color: var(--custom-color-11) !important;
        }

        a.u-link.u-hover-custom-color-11:hover {
            color: var(--custom-color-11) !important;
        }

        /*end-color custom-color-11*/
        /*begin-color custom-color-12*/
        .u-custom-color-12,
        .u-body.u-custom-color-12,
        section.u-custom-color-12:before,
        .u-custom-color-12 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-12 > .u-container-layout:before,
        .u-custom-color-12 > .u-inner-container-layout:before,
        .u-custom-color-12.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-12:before,
        .u-table-alt-custom-color-12 tr:nth-child(even)
        {
            color: var(--custom-color-12-text-color);
            background-color: var(--custom-color-12);

        }

        .u-input.u-custom-color-12,
        .u-field-input.u-custom-color-12,
        .u-button-style.u-custom-color-12,
        .u-button-style.u-custom-color-12[class*="u-border-"]
        {
            color: var(--custom-color-12-text-color) !important;
            background-color: var(--custom-color-12) !important;
        }

        .u-button-style.u-custom-color-12:hover,
        .u-button-style.u-custom-color-12[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-12:focus,
        .u-button-style.u-custom-color-12[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-12:active,
        .u-button-style.u-button-style.u-custom-color-12[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-12.active,
        .u-button-style.u-button-style.u-custom-color-12[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-12,
        li.active > .u-button-style.u-button-style.u-custom-color-12[class*="u-border-"]
        {
            color: var(--custom-color-12-text-color) !important;
            background-color: var(--custom-color-12-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-12:hover,
        .u-hover-custom-color-12[class*="u-border-"]:hover,
        .u-hover-custom-color-12:focus,
        .u-hover-custom-color-12[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-12:hover,
        a.u-button-style.u-hover-custom-color-12.hover,
        a.u-button-style.u-hover-custom-color-12[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-12[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-12,
        a.u-button-style:hover > .u-hover-custom-color-12[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-12:focus,
        a.u-button-style.u-hover-custom-color-12[class*="u-border-"]:focus
        {
            color: var(--custom-color-12-text-color) !important;
            background-color: var(--custom-color-12) !important;
        }

        /* active */
        .u-active-custom-color-12.u-active.u-active,
        .u-active-custom-color-12[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-12:active,
        a.u-button-style.u-button-style.u-active-custom-color-12[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-12.active,
        a.u-button-style.u-button-style.u-active-custom-color-12[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-12,
        a.u-button-style.u-button-style.active > .u-active-custom-color-12[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-12,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-12[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-12:checked
        {
            color: var(--custom-color-12-text-color) !important;
            background-color: var(--custom-color-12) !important;
        }

        a.u-link.u-hover-custom-color-12:hover {
            color: var(--custom-color-12) !important;
        }

        /*end-color custom-color-12*/
        /*begin-color custom-color-13*/
        .u-custom-color-13,
        .u-body.u-custom-color-13,
        section.u-custom-color-13:before,
        .u-custom-color-13 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-13 > .u-container-layout:before,
        .u-custom-color-13 > .u-inner-container-layout:before,
        .u-custom-color-13.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-13:before,
        .u-table-alt-custom-color-13 tr:nth-child(even)
        {
            color: var(--custom-color-13-text-color);
            background-color: var(--custom-color-13);

        }

        .u-input.u-custom-color-13,
        .u-field-input.u-custom-color-13,
        .u-button-style.u-custom-color-13,
        .u-button-style.u-custom-color-13[class*="u-border-"]
        {
            color: var(--custom-color-13-text-color) !important;
            background-color: var(--custom-color-13) !important;
        }

        .u-button-style.u-custom-color-13:hover,
        .u-button-style.u-custom-color-13[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-13:focus,
        .u-button-style.u-custom-color-13[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-13:active,
        .u-button-style.u-button-style.u-custom-color-13[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-13.active,
        .u-button-style.u-button-style.u-custom-color-13[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-13,
        li.active > .u-button-style.u-button-style.u-custom-color-13[class*="u-border-"]
        {
            color: var(--custom-color-13-text-color) !important;
            background-color: var(--custom-color-13-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-13:hover,
        .u-hover-custom-color-13[class*="u-border-"]:hover,
        .u-hover-custom-color-13:focus,
        .u-hover-custom-color-13[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-13:hover,
        a.u-button-style.u-hover-custom-color-13.hover,
        a.u-button-style.u-hover-custom-color-13[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-13[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-13,
        a.u-button-style:hover > .u-hover-custom-color-13[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-13:focus,
        a.u-button-style.u-hover-custom-color-13[class*="u-border-"]:focus
        {
            color: var(--custom-color-13-text-color) !important;
            background-color: var(--custom-color-13) !important;
        }

        /* active */
        .u-active-custom-color-13.u-active.u-active,
        .u-active-custom-color-13[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-13:active,
        a.u-button-style.u-button-style.u-active-custom-color-13[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-13.active,
        a.u-button-style.u-button-style.u-active-custom-color-13[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-13,
        a.u-button-style.u-button-style.active > .u-active-custom-color-13[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-13,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-13[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-13:checked
        {
            color: var(--custom-color-13-text-color) !important;
            background-color: var(--custom-color-13) !important;
        }

        a.u-link.u-hover-custom-color-13:hover {
            color: var(--custom-color-13) !important;
        }

        /*end-color custom-color-13*/
        /*begin-color custom-color-14*/
        .u-custom-color-14,
        .u-body.u-custom-color-14,
        section.u-custom-color-14:before,
        .u-custom-color-14 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-14 > .u-container-layout:before,
        .u-custom-color-14 > .u-inner-container-layout:before,
        .u-custom-color-14.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-14:before,
        .u-table-alt-custom-color-14 tr:nth-child(even)
        {
            color: var(--custom-color-14-text-color);
            background-color: var(--custom-color-14);

        }

        .u-input.u-custom-color-14,
        .u-field-input.u-custom-color-14,
        .u-button-style.u-custom-color-14,
        .u-button-style.u-custom-color-14[class*="u-border-"]
        {
            color: var(--custom-color-14-text-color) !important;
            background-color: var(--custom-color-14) !important;
        }

        .u-button-style.u-custom-color-14:hover,
        .u-button-style.u-custom-color-14[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-14:focus,
        .u-button-style.u-custom-color-14[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-14:active,
        .u-button-style.u-button-style.u-custom-color-14[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-14.active,
        .u-button-style.u-button-style.u-custom-color-14[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-14,
        li.active > .u-button-style.u-button-style.u-custom-color-14[class*="u-border-"]
        {
            color: var(--custom-color-14-text-color) !important;
            background-color: var(--custom-color-14-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-14:hover,
        .u-hover-custom-color-14[class*="u-border-"]:hover,
        .u-hover-custom-color-14:focus,
        .u-hover-custom-color-14[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-14:hover,
        a.u-button-style.u-hover-custom-color-14.hover,
        a.u-button-style.u-hover-custom-color-14[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-14[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-14,
        a.u-button-style:hover > .u-hover-custom-color-14[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-14:focus,
        a.u-button-style.u-hover-custom-color-14[class*="u-border-"]:focus
        {
            color: var(--custom-color-14-text-color) !important;
            background-color: var(--custom-color-14) !important;
        }

        /* active */
        .u-active-custom-color-14.u-active.u-active,
        .u-active-custom-color-14[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-14:active,
        a.u-button-style.u-button-style.u-active-custom-color-14[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-14.active,
        a.u-button-style.u-button-style.u-active-custom-color-14[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-14,
        a.u-button-style.u-button-style.active > .u-active-custom-color-14[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-14,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-14[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-14:checked
        {
            color: var(--custom-color-14-text-color) !important;
            background-color: var(--custom-color-14) !important;
        }

        a.u-link.u-hover-custom-color-14:hover {
            color: var(--custom-color-14) !important;
        }

        /*end-color custom-color-14*/
        /*begin-color custom-color-15*/
        .u-custom-color-15,
        .u-body.u-custom-color-15,
        section.u-custom-color-15:before,
        .u-custom-color-15 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-15 > .u-container-layout:before,
        .u-custom-color-15 > .u-inner-container-layout:before,
        .u-custom-color-15.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-15:before,
        .u-table-alt-custom-color-15 tr:nth-child(even)
        {
            color: var(--custom-color-15-text-color);
            background-color: var(--custom-color-15);

        }

        .u-input.u-custom-color-15,
        .u-field-input.u-custom-color-15,
        .u-button-style.u-custom-color-15,
        .u-button-style.u-custom-color-15[class*="u-border-"]
        {
            color: var(--custom-color-15-text-color) !important;
            background-color: var(--custom-color-15) !important;
        }

        .u-button-style.u-custom-color-15:hover,
        .u-button-style.u-custom-color-15[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-15:focus,
        .u-button-style.u-custom-color-15[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-15:active,
        .u-button-style.u-button-style.u-custom-color-15[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-15.active,
        .u-button-style.u-button-style.u-custom-color-15[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-15,
        li.active > .u-button-style.u-button-style.u-custom-color-15[class*="u-border-"]
        {
            color: var(--custom-color-15-text-color) !important;
            background-color: var(--custom-color-15-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-15:hover,
        .u-hover-custom-color-15[class*="u-border-"]:hover,
        .u-hover-custom-color-15:focus,
        .u-hover-custom-color-15[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-15:hover,
        a.u-button-style.u-hover-custom-color-15.hover,
        a.u-button-style.u-hover-custom-color-15[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-15[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-15,
        a.u-button-style:hover > .u-hover-custom-color-15[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-15:focus,
        a.u-button-style.u-hover-custom-color-15[class*="u-border-"]:focus
        {
            color: var(--custom-color-15-text-color) !important;
            background-color: var(--custom-color-15) !important;
        }

        /* active */
        .u-active-custom-color-15.u-active.u-active,
        .u-active-custom-color-15[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-15:active,
        a.u-button-style.u-button-style.u-active-custom-color-15[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-15.active,
        a.u-button-style.u-button-style.u-active-custom-color-15[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-15,
        a.u-button-style.u-button-style.active > .u-active-custom-color-15[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-15,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-15[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-15:checked
        {
            color: var(--custom-color-15-text-color) !important;
            background-color: var(--custom-color-15) !important;
        }

        a.u-link.u-hover-custom-color-15:hover {
            color: var(--custom-color-15) !important;
        }

        /*end-color custom-color-15*/
        /*begin-color custom-color-16*/
        .u-custom-color-16,
        .u-body.u-custom-color-16,
        section.u-custom-color-16:before,
        .u-custom-color-16 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-16 > .u-container-layout:before,
        .u-custom-color-16 > .u-inner-container-layout:before,
        .u-custom-color-16.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-16:before,
        .u-table-alt-custom-color-16 tr:nth-child(even)
        {
            color: var(--custom-color-16-text-color);
            background-color: var(--custom-color-16);

        }

        .u-input.u-custom-color-16,
        .u-field-input.u-custom-color-16,
        .u-button-style.u-custom-color-16,
        .u-button-style.u-custom-color-16[class*="u-border-"]
        {
            color: var(--custom-color-16-text-color) !important;
            background-color: var(--custom-color-16) !important;
        }

        .u-button-style.u-custom-color-16:hover,
        .u-button-style.u-custom-color-16[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-16:focus,
        .u-button-style.u-custom-color-16[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-16:active,
        .u-button-style.u-button-style.u-custom-color-16[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-16.active,
        .u-button-style.u-button-style.u-custom-color-16[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-16,
        li.active > .u-button-style.u-button-style.u-custom-color-16[class*="u-border-"]
        {
            color: var(--custom-color-16-text-color) !important;
            background-color: var(--custom-color-16-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-16:hover,
        .u-hover-custom-color-16[class*="u-border-"]:hover,
        .u-hover-custom-color-16:focus,
        .u-hover-custom-color-16[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-16:hover,
        a.u-button-style.u-hover-custom-color-16.hover,
        a.u-button-style.u-hover-custom-color-16[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-16[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-16,
        a.u-button-style:hover > .u-hover-custom-color-16[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-16:focus,
        a.u-button-style.u-hover-custom-color-16[class*="u-border-"]:focus
        {
            color: var(--custom-color-16-text-color) !important;
            background-color: var(--custom-color-16) !important;
        }

        /* active */
        .u-active-custom-color-16.u-active.u-active,
        .u-active-custom-color-16[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-16:active,
        a.u-button-style.u-button-style.u-active-custom-color-16[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-16.active,
        a.u-button-style.u-button-style.u-active-custom-color-16[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-16,
        a.u-button-style.u-button-style.active > .u-active-custom-color-16[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-16,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-16[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-16:checked
        {
            color: var(--custom-color-16-text-color) !important;
            background-color: var(--custom-color-16) !important;
        }

        a.u-link.u-hover-custom-color-16:hover {
            color: var(--custom-color-16) !important;
        }

        /*end-color custom-color-16*/
        /*begin-color custom-color-17*/
        .u-custom-color-17,
        .u-body.u-custom-color-17,
        section.u-custom-color-17:before,
        .u-custom-color-17 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-17 > .u-container-layout:before,
        .u-custom-color-17 > .u-inner-container-layout:before,
        .u-custom-color-17.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-17:before,
        .u-table-alt-custom-color-17 tr:nth-child(even)
        {
            color: var(--custom-color-17-text-color);
            background-color: var(--custom-color-17);

        }

        .u-input.u-custom-color-17,
        .u-field-input.u-custom-color-17,
        .u-button-style.u-custom-color-17,
        .u-button-style.u-custom-color-17[class*="u-border-"]
        {
            color: var(--custom-color-17-text-color) !important;
            background-color: var(--custom-color-17) !important;
        }

        .u-button-style.u-custom-color-17:hover,
        .u-button-style.u-custom-color-17[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-17:focus,
        .u-button-style.u-custom-color-17[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-17:active,
        .u-button-style.u-button-style.u-custom-color-17[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-17.active,
        .u-button-style.u-button-style.u-custom-color-17[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-17,
        li.active > .u-button-style.u-button-style.u-custom-color-17[class*="u-border-"]
        {
            color: var(--custom-color-17-text-color) !important;
            background-color: var(--custom-color-17-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-17:hover,
        .u-hover-custom-color-17[class*="u-border-"]:hover,
        .u-hover-custom-color-17:focus,
        .u-hover-custom-color-17[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-17:hover,
        a.u-button-style.u-hover-custom-color-17.hover,
        a.u-button-style.u-hover-custom-color-17[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-17[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-17,
        a.u-button-style:hover > .u-hover-custom-color-17[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-17:focus,
        a.u-button-style.u-hover-custom-color-17[class*="u-border-"]:focus
        {
            color: var(--custom-color-17-text-color) !important;
            background-color: var(--custom-color-17) !important;
        }

        /* active */
        .u-active-custom-color-17.u-active.u-active,
        .u-active-custom-color-17[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-17:active,
        a.u-button-style.u-button-style.u-active-custom-color-17[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-17.active,
        a.u-button-style.u-button-style.u-active-custom-color-17[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-17,
        a.u-button-style.u-button-style.active > .u-active-custom-color-17[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-17,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-17[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-17:checked
        {
            color: var(--custom-color-17-text-color) !important;
            background-color: var(--custom-color-17) !important;
        }

        a.u-link.u-hover-custom-color-17:hover {
            color: var(--custom-color-17) !important;
        }

        /*end-color custom-color-17*/
        /*begin-color custom-color-18*/
        .u-custom-color-18,
        .u-body.u-custom-color-18,
        section.u-custom-color-18:before,
        .u-custom-color-18 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-18 > .u-container-layout:before,
        .u-custom-color-18 > .u-inner-container-layout:before,
        .u-custom-color-18.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-18:before,
        .u-table-alt-custom-color-18 tr:nth-child(even)
        {
            color: var(--custom-color-18-text-color);
            background-color: var(--custom-color-18);

        }

        .u-input.u-custom-color-18,
        .u-field-input.u-custom-color-18,
        .u-button-style.u-custom-color-18,
        .u-button-style.u-custom-color-18[class*="u-border-"]
        {
            color: var(--custom-color-18-text-color) !important;
            background-color: var(--custom-color-18) !important;
        }

        .u-button-style.u-custom-color-18:hover,
        .u-button-style.u-custom-color-18[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-18:focus,
        .u-button-style.u-custom-color-18[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-18:active,
        .u-button-style.u-button-style.u-custom-color-18[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-18.active,
        .u-button-style.u-button-style.u-custom-color-18[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-18,
        li.active > .u-button-style.u-button-style.u-custom-color-18[class*="u-border-"]
        {
            color: var(--custom-color-18-text-color) !important;
            background-color: var(--custom-color-18-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-18:hover,
        .u-hover-custom-color-18[class*="u-border-"]:hover,
        .u-hover-custom-color-18:focus,
        .u-hover-custom-color-18[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-18:hover,
        a.u-button-style.u-hover-custom-color-18.hover,
        a.u-button-style.u-hover-custom-color-18[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-18[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-18,
        a.u-button-style:hover > .u-hover-custom-color-18[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-18:focus,
        a.u-button-style.u-hover-custom-color-18[class*="u-border-"]:focus
        {
            color: var(--custom-color-18-text-color) !important;
            background-color: var(--custom-color-18) !important;
        }

        /* active */
        .u-active-custom-color-18.u-active.u-active,
        .u-active-custom-color-18[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-18:active,
        a.u-button-style.u-button-style.u-active-custom-color-18[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-18.active,
        a.u-button-style.u-button-style.u-active-custom-color-18[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-18,
        a.u-button-style.u-button-style.active > .u-active-custom-color-18[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-18,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-18[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-18:checked
        {
            color: var(--custom-color-18-text-color) !important;
            background-color: var(--custom-color-18) !important;
        }

        a.u-link.u-hover-custom-color-18:hover {
            color: var(--custom-color-18) !important;
        }

        /*end-color custom-color-18*/
        /*begin-color custom-color-19*/
        .u-custom-color-19,
        .u-body.u-custom-color-19,
        section.u-custom-color-19:before,
        .u-custom-color-19 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-19 > .u-container-layout:before,
        .u-custom-color-19 > .u-inner-container-layout:before,
        .u-custom-color-19.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-19:before,
        .u-table-alt-custom-color-19 tr:nth-child(even)
        {
            color: var(--custom-color-19-text-color);
            background-color: var(--custom-color-19);

        }

        .u-input.u-custom-color-19,
        .u-field-input.u-custom-color-19,
        .u-button-style.u-custom-color-19,
        .u-button-style.u-custom-color-19[class*="u-border-"]
        {
            color: var(--custom-color-19-text-color) !important;
            background-color: var(--custom-color-19) !important;
        }

        .u-button-style.u-custom-color-19:hover,
        .u-button-style.u-custom-color-19[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-19:focus,
        .u-button-style.u-custom-color-19[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-19:active,
        .u-button-style.u-button-style.u-custom-color-19[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-19.active,
        .u-button-style.u-button-style.u-custom-color-19[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-19,
        li.active > .u-button-style.u-button-style.u-custom-color-19[class*="u-border-"]
        {
            color: var(--custom-color-19-text-color) !important;
            background-color: var(--custom-color-19-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-19:hover,
        .u-hover-custom-color-19[class*="u-border-"]:hover,
        .u-hover-custom-color-19:focus,
        .u-hover-custom-color-19[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-19:hover,
        a.u-button-style.u-hover-custom-color-19.hover,
        a.u-button-style.u-hover-custom-color-19[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-19[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-19,
        a.u-button-style:hover > .u-hover-custom-color-19[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-19:focus,
        a.u-button-style.u-hover-custom-color-19[class*="u-border-"]:focus
        {
            color: var(--custom-color-19-text-color) !important;
            background-color: var(--custom-color-19) !important;
        }

        /* active */
        .u-active-custom-color-19.u-active.u-active,
        .u-active-custom-color-19[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-19:active,
        a.u-button-style.u-button-style.u-active-custom-color-19[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-19.active,
        a.u-button-style.u-button-style.u-active-custom-color-19[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-19,
        a.u-button-style.u-button-style.active > .u-active-custom-color-19[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-19,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-19[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-19:checked
        {
            color: var(--custom-color-19-text-color) !important;
            background-color: var(--custom-color-19) !important;
        }

        a.u-link.u-hover-custom-color-19:hover {
            color: var(--custom-color-19) !important;
        }

        /*end-color custom-color-19*/
        /*begin-color custom-color-20*/
        .u-custom-color-20,
        .u-body.u-custom-color-20,
        section.u-custom-color-20:before,
        .u-custom-color-20 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-20 > .u-container-layout:before,
        .u-custom-color-20 > .u-inner-container-layout:before,
        .u-custom-color-20.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-20:before,
        .u-table-alt-custom-color-20 tr:nth-child(even)
        {
            color: var(--custom-color-20-text-color);
            background-color: var(--custom-color-20);

        }

        .u-input.u-custom-color-20,
        .u-field-input.u-custom-color-20,
        .u-button-style.u-custom-color-20,
        .u-button-style.u-custom-color-20[class*="u-border-"]
        {
            color: var(--custom-color-20-text-color) !important;
            background-color: var(--custom-color-20) !important;
        }

        .u-button-style.u-custom-color-20:hover,
        .u-button-style.u-custom-color-20[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-20:focus,
        .u-button-style.u-custom-color-20[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-20:active,
        .u-button-style.u-button-style.u-custom-color-20[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-20.active,
        .u-button-style.u-button-style.u-custom-color-20[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-20,
        li.active > .u-button-style.u-button-style.u-custom-color-20[class*="u-border-"]
        {
            color: var(--custom-color-20-text-color) !important;
            background-color: var(--custom-color-20-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-20:hover,
        .u-hover-custom-color-20[class*="u-border-"]:hover,
        .u-hover-custom-color-20:focus,
        .u-hover-custom-color-20[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-20:hover,
        a.u-button-style.u-hover-custom-color-20.hover,
        a.u-button-style.u-hover-custom-color-20[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-20[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-20,
        a.u-button-style:hover > .u-hover-custom-color-20[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-20:focus,
        a.u-button-style.u-hover-custom-color-20[class*="u-border-"]:focus
        {
            color: var(--custom-color-20-text-color) !important;
            background-color: var(--custom-color-20) !important;
        }

        /* active */
        .u-active-custom-color-20.u-active.u-active,
        .u-active-custom-color-20[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-20:active,
        a.u-button-style.u-button-style.u-active-custom-color-20[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-20.active,
        a.u-button-style.u-button-style.u-active-custom-color-20[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-20,
        a.u-button-style.u-button-style.active > .u-active-custom-color-20[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-20,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-20[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-20:checked
        {
            color: var(--custom-color-20-text-color) !important;
            background-color: var(--custom-color-20) !important;
        }

        a.u-link.u-hover-custom-color-20:hover {
            color: var(--custom-color-20) !important;
        }

        /*end-color custom-color-20*/
        /*begin-color custom-color-21*/
        .u-custom-color-21,
        .u-body.u-custom-color-21,
        section.u-custom-color-21:before,
        .u-custom-color-21 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-21 > .u-container-layout:before,
        .u-custom-color-21 > .u-inner-container-layout:before,
        .u-custom-color-21.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-21:before,
        .u-table-alt-custom-color-21 tr:nth-child(even)
        {
            color: var(--custom-color-21-text-color);
            background-color: var(--custom-color-21);

        }

        .u-input.u-custom-color-21,
        .u-field-input.u-custom-color-21,
        .u-button-style.u-custom-color-21,
        .u-button-style.u-custom-color-21[class*="u-border-"]
        {
            color: var(--custom-color-21-text-color) !important;
            background-color: var(--custom-color-21) !important;
        }

        .u-button-style.u-custom-color-21:hover,
        .u-button-style.u-custom-color-21[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-21:focus,
        .u-button-style.u-custom-color-21[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-21:active,
        .u-button-style.u-button-style.u-custom-color-21[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-21.active,
        .u-button-style.u-button-style.u-custom-color-21[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-21,
        li.active > .u-button-style.u-button-style.u-custom-color-21[class*="u-border-"]
        {
            color: var(--custom-color-21-text-color) !important;
            background-color: var(--custom-color-21-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-21:hover,
        .u-hover-custom-color-21[class*="u-border-"]:hover,
        .u-hover-custom-color-21:focus,
        .u-hover-custom-color-21[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-21:hover,
        a.u-button-style.u-hover-custom-color-21.hover,
        a.u-button-style.u-hover-custom-color-21[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-21[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-21,
        a.u-button-style:hover > .u-hover-custom-color-21[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-21:focus,
        a.u-button-style.u-hover-custom-color-21[class*="u-border-"]:focus
        {
            color: var(--custom-color-21-text-color) !important;
            background-color: var(--custom-color-21) !important;
        }

        /* active */
        .u-active-custom-color-21.u-active.u-active,
        .u-active-custom-color-21[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-21:active,
        a.u-button-style.u-button-style.u-active-custom-color-21[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-21.active,
        a.u-button-style.u-button-style.u-active-custom-color-21[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-21,
        a.u-button-style.u-button-style.active > .u-active-custom-color-21[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-21,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-21[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-21:checked
        {
            color: var(--custom-color-21-text-color) !important;
            background-color: var(--custom-color-21) !important;
        }

        a.u-link.u-hover-custom-color-21:hover {
            color: var(--custom-color-21) !important;
        }

        /*end-color custom-color-21*/
        /*begin-color custom-color-22*/
        .u-custom-color-22,
        .u-body.u-custom-color-22,
        section.u-custom-color-22:before,
        .u-custom-color-22 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-22 > .u-container-layout:before,
        .u-custom-color-22 > .u-inner-container-layout:before,
        .u-custom-color-22.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-22:before,
        .u-table-alt-custom-color-22 tr:nth-child(even)
        {
            color: var(--custom-color-22-text-color);
            background-color: var(--custom-color-22);

        }

        .u-input.u-custom-color-22,
        .u-field-input.u-custom-color-22,
        .u-button-style.u-custom-color-22,
        .u-button-style.u-custom-color-22[class*="u-border-"]
        {
            color: var(--custom-color-22-text-color) !important;
            background-color: var(--custom-color-22) !important;
        }

        .u-button-style.u-custom-color-22:hover,
        .u-button-style.u-custom-color-22[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-22:focus,
        .u-button-style.u-custom-color-22[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-22:active,
        .u-button-style.u-button-style.u-custom-color-22[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-22.active,
        .u-button-style.u-button-style.u-custom-color-22[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-22,
        li.active > .u-button-style.u-button-style.u-custom-color-22[class*="u-border-"]
        {
            color: var(--custom-color-22-text-color) !important;
            background-color: var(--custom-color-22-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-22:hover,
        .u-hover-custom-color-22[class*="u-border-"]:hover,
        .u-hover-custom-color-22:focus,
        .u-hover-custom-color-22[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-22:hover,
        a.u-button-style.u-hover-custom-color-22.hover,
        a.u-button-style.u-hover-custom-color-22[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-22[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-22,
        a.u-button-style:hover > .u-hover-custom-color-22[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-22:focus,
        a.u-button-style.u-hover-custom-color-22[class*="u-border-"]:focus
        {
            color: var(--custom-color-22-text-color) !important;
            background-color: var(--custom-color-22) !important;
        }

        /* active */
        .u-active-custom-color-22.u-active.u-active,
        .u-active-custom-color-22[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-22:active,
        a.u-button-style.u-button-style.u-active-custom-color-22[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-22.active,
        a.u-button-style.u-button-style.u-active-custom-color-22[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-22,
        a.u-button-style.u-button-style.active > .u-active-custom-color-22[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-22,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-22[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-22:checked
        {
            color: var(--custom-color-22-text-color) !important;
            background-color: var(--custom-color-22) !important;
        }

        a.u-link.u-hover-custom-color-22:hover {
            color: var(--custom-color-22) !important;
        }

        /*end-color custom-color-22*/
        /*begin-color custom-color-23*/
        .u-custom-color-23,
        .u-body.u-custom-color-23,
        section.u-custom-color-23:before,
        .u-custom-color-23 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-23 > .u-container-layout:before,
        .u-custom-color-23 > .u-inner-container-layout:before,
        .u-custom-color-23.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-23:before,
        .u-table-alt-custom-color-23 tr:nth-child(even)
        {
            color: var(--custom-color-23-text-color);
            background-color: var(--custom-color-23);

        }

        .u-input.u-custom-color-23,
        .u-field-input.u-custom-color-23,
        .u-button-style.u-custom-color-23,
        .u-button-style.u-custom-color-23[class*="u-border-"]
        {
            color: var(--custom-color-23-text-color) !important;
            background-color: var(--custom-color-23) !important;
        }

        .u-button-style.u-custom-color-23:hover,
        .u-button-style.u-custom-color-23[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-23:focus,
        .u-button-style.u-custom-color-23[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-23:active,
        .u-button-style.u-button-style.u-custom-color-23[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-23.active,
        .u-button-style.u-button-style.u-custom-color-23[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-23,
        li.active > .u-button-style.u-button-style.u-custom-color-23[class*="u-border-"]
        {
            color: var(--custom-color-23-text-color) !important;
            background-color: var(--custom-color-23-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-23:hover,
        .u-hover-custom-color-23[class*="u-border-"]:hover,
        .u-hover-custom-color-23:focus,
        .u-hover-custom-color-23[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-23:hover,
        a.u-button-style.u-hover-custom-color-23.hover,
        a.u-button-style.u-hover-custom-color-23[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-23[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-23,
        a.u-button-style:hover > .u-hover-custom-color-23[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-23:focus,
        a.u-button-style.u-hover-custom-color-23[class*="u-border-"]:focus
        {
            color: var(--custom-color-23-text-color) !important;
            background-color: var(--custom-color-23) !important;
        }

        /* active */
        .u-active-custom-color-23.u-active.u-active,
        .u-active-custom-color-23[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-23:active,
        a.u-button-style.u-button-style.u-active-custom-color-23[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-23.active,
        a.u-button-style.u-button-style.u-active-custom-color-23[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-23,
        a.u-button-style.u-button-style.active > .u-active-custom-color-23[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-23,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-23[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-23:checked
        {
            color: var(--custom-color-23-text-color) !important;
            background-color: var(--custom-color-23) !important;
        }

        a.u-link.u-hover-custom-color-23:hover {
            color: var(--custom-color-23) !important;
        }

        /*end-color custom-color-23*/
        /*begin-color custom-color-24*/
        .u-custom-color-24,
        .u-body.u-custom-color-24,
        section.u-custom-color-24:before,
        .u-custom-color-24 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-24 > .u-container-layout:before,
        .u-custom-color-24 > .u-inner-container-layout:before,
        .u-custom-color-24.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-24:before,
        .u-table-alt-custom-color-24 tr:nth-child(even)
        {
            color: var(--custom-color-24-text-color);
            background-color: var(--custom-color-24);

        }

        .u-input.u-custom-color-24,
        .u-field-input.u-custom-color-24,
        .u-button-style.u-custom-color-24,
        .u-button-style.u-custom-color-24[class*="u-border-"]
        {
            color: var(--custom-color-24-text-color) !important;
            background-color: var(--custom-color-24) !important;
        }

        .u-button-style.u-custom-color-24:hover,
        .u-button-style.u-custom-color-24[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-24:focus,
        .u-button-style.u-custom-color-24[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-24:active,
        .u-button-style.u-button-style.u-custom-color-24[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-24.active,
        .u-button-style.u-button-style.u-custom-color-24[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-24,
        li.active > .u-button-style.u-button-style.u-custom-color-24[class*="u-border-"]
        {
            color: var(--custom-color-24-text-color) !important;
            background-color: var(--custom-color-24-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-24:hover,
        .u-hover-custom-color-24[class*="u-border-"]:hover,
        .u-hover-custom-color-24:focus,
        .u-hover-custom-color-24[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-24:hover,
        a.u-button-style.u-hover-custom-color-24.hover,
        a.u-button-style.u-hover-custom-color-24[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-24[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-24,
        a.u-button-style:hover > .u-hover-custom-color-24[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-24:focus,
        a.u-button-style.u-hover-custom-color-24[class*="u-border-"]:focus
        {
            color: var(--custom-color-24-text-color) !important;
            background-color: var(--custom-color-24) !important;
        }

        /* active */
        .u-active-custom-color-24.u-active.u-active,
        .u-active-custom-color-24[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-24:active,
        a.u-button-style.u-button-style.u-active-custom-color-24[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-24.active,
        a.u-button-style.u-button-style.u-active-custom-color-24[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-24,
        a.u-button-style.u-button-style.active > .u-active-custom-color-24[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-24,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-24[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-24:checked
        {
            color: var(--custom-color-24-text-color) !important;
            background-color: var(--custom-color-24) !important;
        }

        a.u-link.u-hover-custom-color-24:hover {
            color: var(--custom-color-24) !important;
        }

        /*end-color custom-color-24*/
        /*begin-color custom-color-25*/
        .u-custom-color-25,
        .u-body.u-custom-color-25,
        section.u-custom-color-25:before,
        .u-custom-color-25 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-25 > .u-container-layout:before,
        .u-custom-color-25 > .u-inner-container-layout:before,
        .u-custom-color-25.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-25:before,
        .u-table-alt-custom-color-25 tr:nth-child(even)
        {
            color: var(--custom-color-25-text-color);
            background-color: var(--custom-color-25);

        }

        .u-input.u-custom-color-25,
        .u-field-input.u-custom-color-25,
        .u-button-style.u-custom-color-25,
        .u-button-style.u-custom-color-25[class*="u-border-"]
        {
            color: var(--custom-color-25-text-color) !important;
            background-color: var(--custom-color-25) !important;
        }

        .u-button-style.u-custom-color-25:hover,
        .u-button-style.u-custom-color-25[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-25:focus,
        .u-button-style.u-custom-color-25[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-25:active,
        .u-button-style.u-button-style.u-custom-color-25[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-25.active,
        .u-button-style.u-button-style.u-custom-color-25[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-25,
        li.active > .u-button-style.u-button-style.u-custom-color-25[class*="u-border-"]
        {
            color: var(--custom-color-25-text-color) !important;
            background-color: var(--custom-color-25-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-25:hover,
        .u-hover-custom-color-25[class*="u-border-"]:hover,
        .u-hover-custom-color-25:focus,
        .u-hover-custom-color-25[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-25:hover,
        a.u-button-style.u-hover-custom-color-25.hover,
        a.u-button-style.u-hover-custom-color-25[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-25[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-25,
        a.u-button-style:hover > .u-hover-custom-color-25[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-25:focus,
        a.u-button-style.u-hover-custom-color-25[class*="u-border-"]:focus
        {
            color: var(--custom-color-25-text-color) !important;
            background-color: var(--custom-color-25) !important;
        }

        /* active */
        .u-active-custom-color-25.u-active.u-active,
        .u-active-custom-color-25[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-25:active,
        a.u-button-style.u-button-style.u-active-custom-color-25[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-25.active,
        a.u-button-style.u-button-style.u-active-custom-color-25[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-25,
        a.u-button-style.u-button-style.active > .u-active-custom-color-25[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-25,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-25[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-25:checked
        {
            color: var(--custom-color-25-text-color) !important;
            background-color: var(--custom-color-25) !important;
        }

        a.u-link.u-hover-custom-color-25:hover {
            color: var(--custom-color-25) !important;
        }

        /*end-color custom-color-25*/
        /*begin-color custom-color-26*/
        .u-custom-color-26,
        .u-body.u-custom-color-26,
        section.u-custom-color-26:before,
        .u-custom-color-26 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-26 > .u-container-layout:before,
        .u-custom-color-26 > .u-inner-container-layout:before,
        .u-custom-color-26.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-26:before,
        .u-table-alt-custom-color-26 tr:nth-child(even)
        {
            color: var(--custom-color-26-text-color);
            background-color: var(--custom-color-26);

        }

        .u-input.u-custom-color-26,
        .u-field-input.u-custom-color-26,
        .u-button-style.u-custom-color-26,
        .u-button-style.u-custom-color-26[class*="u-border-"]
        {
            color: var(--custom-color-26-text-color) !important;
            background-color: var(--custom-color-26) !important;
        }

        .u-button-style.u-custom-color-26:hover,
        .u-button-style.u-custom-color-26[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-26:focus,
        .u-button-style.u-custom-color-26[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-26:active,
        .u-button-style.u-button-style.u-custom-color-26[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-26.active,
        .u-button-style.u-button-style.u-custom-color-26[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-26,
        li.active > .u-button-style.u-button-style.u-custom-color-26[class*="u-border-"]
        {
            color: var(--custom-color-26-text-color) !important;
            background-color: var(--custom-color-26-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-26:hover,
        .u-hover-custom-color-26[class*="u-border-"]:hover,
        .u-hover-custom-color-26:focus,
        .u-hover-custom-color-26[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-26:hover,
        a.u-button-style.u-hover-custom-color-26.hover,
        a.u-button-style.u-hover-custom-color-26[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-26[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-26,
        a.u-button-style:hover > .u-hover-custom-color-26[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-26:focus,
        a.u-button-style.u-hover-custom-color-26[class*="u-border-"]:focus
        {
            color: var(--custom-color-26-text-color) !important;
            background-color: var(--custom-color-26) !important;
        }

        /* active */
        .u-active-custom-color-26.u-active.u-active,
        .u-active-custom-color-26[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-26:active,
        a.u-button-style.u-button-style.u-active-custom-color-26[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-26.active,
        a.u-button-style.u-button-style.u-active-custom-color-26[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-26,
        a.u-button-style.u-button-style.active > .u-active-custom-color-26[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-26,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-26[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-26:checked
        {
            color: var(--custom-color-26-text-color) !important;
            background-color: var(--custom-color-26) !important;
        }

        a.u-link.u-hover-custom-color-26:hover {
            color: var(--custom-color-26) !important;
        }

        /*end-color custom-color-26*/
        /*begin-color custom-color-27*/
        .u-custom-color-27,
        .u-body.u-custom-color-27,
        section.u-custom-color-27:before,
        .u-custom-color-27 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-27 > .u-container-layout:before,
        .u-custom-color-27 > .u-inner-container-layout:before,
        .u-custom-color-27.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-27:before,
        .u-table-alt-custom-color-27 tr:nth-child(even)
        {
            color: var(--custom-color-27-text-color);
            background-color: var(--custom-color-27);

        }

        .u-input.u-custom-color-27,
        .u-field-input.u-custom-color-27,
        .u-button-style.u-custom-color-27,
        .u-button-style.u-custom-color-27[class*="u-border-"]
        {
            color: var(--custom-color-27-text-color) !important;
            background-color: var(--custom-color-27) !important;
        }

        .u-button-style.u-custom-color-27:hover,
        .u-button-style.u-custom-color-27[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-27:focus,
        .u-button-style.u-custom-color-27[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-27:active,
        .u-button-style.u-button-style.u-custom-color-27[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-27.active,
        .u-button-style.u-button-style.u-custom-color-27[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-27,
        li.active > .u-button-style.u-button-style.u-custom-color-27[class*="u-border-"]
        {
            color: var(--custom-color-27-text-color) !important;
            background-color: var(--custom-color-27-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-27:hover,
        .u-hover-custom-color-27[class*="u-border-"]:hover,
        .u-hover-custom-color-27:focus,
        .u-hover-custom-color-27[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-27:hover,
        a.u-button-style.u-hover-custom-color-27.hover,
        a.u-button-style.u-hover-custom-color-27[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-27[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-27,
        a.u-button-style:hover > .u-hover-custom-color-27[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-27:focus,
        a.u-button-style.u-hover-custom-color-27[class*="u-border-"]:focus
        {
            color: var(--custom-color-27-text-color) !important;
            background-color: var(--custom-color-27) !important;
        }

        /* active */
        .u-active-custom-color-27.u-active.u-active,
        .u-active-custom-color-27[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-27:active,
        a.u-button-style.u-button-style.u-active-custom-color-27[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-27.active,
        a.u-button-style.u-button-style.u-active-custom-color-27[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-27,
        a.u-button-style.u-button-style.active > .u-active-custom-color-27[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-27,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-27[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-27:checked
        {
            color: var(--custom-color-27-text-color) !important;
            background-color: var(--custom-color-27) !important;
        }

        a.u-link.u-hover-custom-color-27:hover {
            color: var(--custom-color-27) !important;
        }

        /*end-color custom-color-27*/
        /*begin-color custom-color-28*/
        .u-custom-color-28,
        .u-body.u-custom-color-28,
        section.u-custom-color-28:before,
        .u-custom-color-28 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-28 > .u-container-layout:before,
        .u-custom-color-28 > .u-inner-container-layout:before,
        .u-custom-color-28.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-28:before,
        .u-table-alt-custom-color-28 tr:nth-child(even)
        {
            color: var(--custom-color-28-text-color);
            background-color: var(--custom-color-28);

        }

        .u-input.u-custom-color-28,
        .u-field-input.u-custom-color-28,
        .u-button-style.u-custom-color-28,
        .u-button-style.u-custom-color-28[class*="u-border-"]
        {
            color: var(--custom-color-28-text-color) !important;
            background-color: var(--custom-color-28) !important;
        }

        .u-button-style.u-custom-color-28:hover,
        .u-button-style.u-custom-color-28[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-28:focus,
        .u-button-style.u-custom-color-28[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-28:active,
        .u-button-style.u-button-style.u-custom-color-28[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-28.active,
        .u-button-style.u-button-style.u-custom-color-28[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-28,
        li.active > .u-button-style.u-button-style.u-custom-color-28[class*="u-border-"]
        {
            color: var(--custom-color-28-text-color) !important;
            background-color: var(--custom-color-28-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-28:hover,
        .u-hover-custom-color-28[class*="u-border-"]:hover,
        .u-hover-custom-color-28:focus,
        .u-hover-custom-color-28[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-28:hover,
        a.u-button-style.u-hover-custom-color-28.hover,
        a.u-button-style.u-hover-custom-color-28[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-28[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-28,
        a.u-button-style:hover > .u-hover-custom-color-28[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-28:focus,
        a.u-button-style.u-hover-custom-color-28[class*="u-border-"]:focus
        {
            color: var(--custom-color-28-text-color) !important;
            background-color: var(--custom-color-28) !important;
        }

        /* active */
        .u-active-custom-color-28.u-active.u-active,
        .u-active-custom-color-28[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-28:active,
        a.u-button-style.u-button-style.u-active-custom-color-28[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-28.active,
        a.u-button-style.u-button-style.u-active-custom-color-28[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-28,
        a.u-button-style.u-button-style.active > .u-active-custom-color-28[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-28,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-28[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-28:checked
        {
            color: var(--custom-color-28-text-color) !important;
            background-color: var(--custom-color-28) !important;
        }

        a.u-link.u-hover-custom-color-28:hover {
            color: var(--custom-color-28) !important;
        }

        /*end-color custom-color-28*/
        /*begin-color custom-color-29*/
        .u-custom-color-29,
        .u-body.u-custom-color-29,
        section.u-custom-color-29:before,
        .u-custom-color-29 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-29 > .u-container-layout:before,
        .u-custom-color-29 > .u-inner-container-layout:before,
        .u-custom-color-29.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-29:before,
        .u-table-alt-custom-color-29 tr:nth-child(even)
        {
            color: var(--custom-color-29-text-color);
            background-color: var(--custom-color-29);

        }

        .u-input.u-custom-color-29,
        .u-field-input.u-custom-color-29,
        .u-button-style.u-custom-color-29,
        .u-button-style.u-custom-color-29[class*="u-border-"]
        {
            color: var(--custom-color-29-text-color) !important;
            background-color: var(--custom-color-29) !important;
        }

        .u-button-style.u-custom-color-29:hover,
        .u-button-style.u-custom-color-29[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-29:focus,
        .u-button-style.u-custom-color-29[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-29:active,
        .u-button-style.u-button-style.u-custom-color-29[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-29.active,
        .u-button-style.u-button-style.u-custom-color-29[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-29,
        li.active > .u-button-style.u-button-style.u-custom-color-29[class*="u-border-"]
        {
            color: var(--custom-color-29-text-color) !important;
            background-color: var(--custom-color-29-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-29:hover,
        .u-hover-custom-color-29[class*="u-border-"]:hover,
        .u-hover-custom-color-29:focus,
        .u-hover-custom-color-29[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-29:hover,
        a.u-button-style.u-hover-custom-color-29.hover,
        a.u-button-style.u-hover-custom-color-29[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-29[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-29,
        a.u-button-style:hover > .u-hover-custom-color-29[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-29:focus,
        a.u-button-style.u-hover-custom-color-29[class*="u-border-"]:focus
        {
            color: var(--custom-color-29-text-color) !important;
            background-color: var(--custom-color-29) !important;
        }

        /* active */
        .u-active-custom-color-29.u-active.u-active,
        .u-active-custom-color-29[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-29:active,
        a.u-button-style.u-button-style.u-active-custom-color-29[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-29.active,
        a.u-button-style.u-button-style.u-active-custom-color-29[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-29,
        a.u-button-style.u-button-style.active > .u-active-custom-color-29[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-29,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-29[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-29:checked
        {
            color: var(--custom-color-29-text-color) !important;
            background-color: var(--custom-color-29) !important;
        }

        a.u-link.u-hover-custom-color-29:hover {
            color: var(--custom-color-29) !important;
        }

        /*end-color custom-color-29*/
        /*begin-color custom-color-30*/
        .u-custom-color-30,
        .u-body.u-custom-color-30,
        section.u-custom-color-30:before,
        .u-custom-color-30 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-30 > .u-container-layout:before,
        .u-custom-color-30 > .u-inner-container-layout:before,
        .u-custom-color-30.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-30:before,
        .u-table-alt-custom-color-30 tr:nth-child(even)
        {
            color: var(--custom-color-30-text-color);
            background-color: var(--custom-color-30);

        }

        .u-input.u-custom-color-30,
        .u-field-input.u-custom-color-30,
        .u-button-style.u-custom-color-30,
        .u-button-style.u-custom-color-30[class*="u-border-"]
        {
            color: var(--custom-color-30-text-color) !important;
            background-color: var(--custom-color-30) !important;
        }

        .u-button-style.u-custom-color-30:hover,
        .u-button-style.u-custom-color-30[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-30:focus,
        .u-button-style.u-custom-color-30[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-30:active,
        .u-button-style.u-button-style.u-custom-color-30[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-30.active,
        .u-button-style.u-button-style.u-custom-color-30[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-30,
        li.active > .u-button-style.u-button-style.u-custom-color-30[class*="u-border-"]
        {
            color: var(--custom-color-30-text-color) !important;
            background-color: var(--custom-color-30-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-30:hover,
        .u-hover-custom-color-30[class*="u-border-"]:hover,
        .u-hover-custom-color-30:focus,
        .u-hover-custom-color-30[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-30:hover,
        a.u-button-style.u-hover-custom-color-30.hover,
        a.u-button-style.u-hover-custom-color-30[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-30[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-30,
        a.u-button-style:hover > .u-hover-custom-color-30[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-30:focus,
        a.u-button-style.u-hover-custom-color-30[class*="u-border-"]:focus
        {
            color: var(--custom-color-30-text-color) !important;
            background-color: var(--custom-color-30) !important;
        }

        /* active */
        .u-active-custom-color-30.u-active.u-active,
        .u-active-custom-color-30[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-30:active,
        a.u-button-style.u-button-style.u-active-custom-color-30[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-30.active,
        a.u-button-style.u-button-style.u-active-custom-color-30[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-30,
        a.u-button-style.u-button-style.active > .u-active-custom-color-30[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-30,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-30[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-30:checked
        {
            color: var(--custom-color-30-text-color) !important;
            background-color: var(--custom-color-30) !important;
        }

        a.u-link.u-hover-custom-color-30:hover {
            color: var(--custom-color-30) !important;
        }

        /*end-color custom-color-30*/
        /*begin-color custom-color-31*/
        .u-custom-color-31,
        .u-body.u-custom-color-31,
        section.u-custom-color-31:before,
        .u-custom-color-31 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-31 > .u-container-layout:before,
        .u-custom-color-31 > .u-inner-container-layout:before,
        .u-custom-color-31.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-31:before,
        .u-table-alt-custom-color-31 tr:nth-child(even)
        {
            color: var(--custom-color-31-text-color);
            background-color: var(--custom-color-31);

        }

        .u-input.u-custom-color-31,
        .u-field-input.u-custom-color-31,
        .u-button-style.u-custom-color-31,
        .u-button-style.u-custom-color-31[class*="u-border-"]
        {
            color: var(--custom-color-31-text-color) !important;
            background-color: var(--custom-color-31) !important;
        }

        .u-button-style.u-custom-color-31:hover,
        .u-button-style.u-custom-color-31[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-31:focus,
        .u-button-style.u-custom-color-31[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-31:active,
        .u-button-style.u-button-style.u-custom-color-31[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-31.active,
        .u-button-style.u-button-style.u-custom-color-31[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-31,
        li.active > .u-button-style.u-button-style.u-custom-color-31[class*="u-border-"]
        {
            color: var(--custom-color-31-text-color) !important;
            background-color: var(--custom-color-31-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-31:hover,
        .u-hover-custom-color-31[class*="u-border-"]:hover,
        .u-hover-custom-color-31:focus,
        .u-hover-custom-color-31[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-31:hover,
        a.u-button-style.u-hover-custom-color-31.hover,
        a.u-button-style.u-hover-custom-color-31[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-31[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-31,
        a.u-button-style:hover > .u-hover-custom-color-31[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-31:focus,
        a.u-button-style.u-hover-custom-color-31[class*="u-border-"]:focus
        {
            color: var(--custom-color-31-text-color) !important;
            background-color: var(--custom-color-31) !important;
        }

        /* active */
        .u-active-custom-color-31.u-active.u-active,
        .u-active-custom-color-31[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-31:active,
        a.u-button-style.u-button-style.u-active-custom-color-31[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-31.active,
        a.u-button-style.u-button-style.u-active-custom-color-31[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-31,
        a.u-button-style.u-button-style.active > .u-active-custom-color-31[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-31,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-31[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-31:checked
        {
            color: var(--custom-color-31-text-color) !important;
            background-color: var(--custom-color-31) !important;
        }

        a.u-link.u-hover-custom-color-31:hover {
            color: var(--custom-color-31) !important;
        }

        /*end-color custom-color-31*/
        /*begin-color custom-color-32*/
        .u-custom-color-32,
        .u-body.u-custom-color-32,
        section.u-custom-color-32:before,
        .u-custom-color-32 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-32 > .u-container-layout:before,
        .u-custom-color-32 > .u-inner-container-layout:before,
        .u-custom-color-32.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-32:before,
        .u-table-alt-custom-color-32 tr:nth-child(even)
        {
            color: var(--custom-color-32-text-color);
            background-color: var(--custom-color-32);

        }

        .u-input.u-custom-color-32,
        .u-field-input.u-custom-color-32,
        .u-button-style.u-custom-color-32,
        .u-button-style.u-custom-color-32[class*="u-border-"]
        {
            color: var(--custom-color-32-text-color) !important;
            background-color: var(--custom-color-32) !important;
        }

        .u-button-style.u-custom-color-32:hover,
        .u-button-style.u-custom-color-32[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-32:focus,
        .u-button-style.u-custom-color-32[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-32:active,
        .u-button-style.u-button-style.u-custom-color-32[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-32.active,
        .u-button-style.u-button-style.u-custom-color-32[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-32,
        li.active > .u-button-style.u-button-style.u-custom-color-32[class*="u-border-"]
        {
            color: var(--custom-color-32-text-color) !important;
            background-color: var(--custom-color-32-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-32:hover,
        .u-hover-custom-color-32[class*="u-border-"]:hover,
        .u-hover-custom-color-32:focus,
        .u-hover-custom-color-32[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-32:hover,
        a.u-button-style.u-hover-custom-color-32.hover,
        a.u-button-style.u-hover-custom-color-32[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-32[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-32,
        a.u-button-style:hover > .u-hover-custom-color-32[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-32:focus,
        a.u-button-style.u-hover-custom-color-32[class*="u-border-"]:focus
        {
            color: var(--custom-color-32-text-color) !important;
            background-color: var(--custom-color-32) !important;
        }

        /* active */
        .u-active-custom-color-32.u-active.u-active,
        .u-active-custom-color-32[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-32:active,
        a.u-button-style.u-button-style.u-active-custom-color-32[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-32.active,
        a.u-button-style.u-button-style.u-active-custom-color-32[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-32,
        a.u-button-style.u-button-style.active > .u-active-custom-color-32[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-32,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-32[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-32:checked
        {
            color: var(--custom-color-32-text-color) !important;
            background-color: var(--custom-color-32) !important;
        }

        a.u-link.u-hover-custom-color-32:hover {
            color: var(--custom-color-32) !important;
        }

        /*end-color custom-color-32*/

        /*begin-color custom-color-1*/
        .u-border-custom-color-1,
        .u-border-custom-color-1.u-input,
        .u-border-custom-color-1.u-field-input.u-field-input,
        .u-separator-custom-color-1:after
        {
            border-color: var(--custom-color-1);
            stroke: var(--custom-color-1);
        }

        .u-button-style.u-border-custom-color-1
        {
            border-color: var(--custom-color-1) !important;
            color: var(--custom-color-1) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-1:hover,
        .u-button-style.u-border-custom-color-1:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-1-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-1:hover,
        .u-border-hover-custom-color-1:focus,
        a.u-button-style.u-border-hover-custom-color-1:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-1,
        a.u-button-style.u-border-hover-custom-color-1:focus
        {
            color: var(--custom-color-1) !important;
            border-color: var(--custom-color-1) !important;
        }


        .u-border-active-custom-color-1.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-1:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-1.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-1,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-1,
        input.u-field-input.u-field-input.u-border-active-custom-color-1:checked
        {
            color: var(--custom-color-1) !important;
            border-color: var(--custom-color-1) !important;
        }

        .u-link.u-border-custom-color-1[class*="u-border-"]
        {
            border-color: var(--custom-color-1) !important;
        }

        .u-link.u-border-custom-color-1[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-1-darker) !important;
        }
        /*end-color custom-color-1*/
        /*begin-color custom-color-2*/
        .u-border-custom-color-2,
        .u-border-custom-color-2.u-input,
        .u-border-custom-color-2.u-field-input.u-field-input,
        .u-separator-custom-color-2:after
        {
            border-color: var(--custom-color-2);
            stroke: var(--custom-color-2);
        }

        .u-button-style.u-border-custom-color-2
        {
            border-color: var(--custom-color-2) !important;
            color: var(--custom-color-2) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-2:hover,
        .u-button-style.u-border-custom-color-2:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-2-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-2:hover,
        .u-border-hover-custom-color-2:focus,
        a.u-button-style.u-border-hover-custom-color-2:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-2,
        a.u-button-style.u-border-hover-custom-color-2:focus
        {
            color: var(--custom-color-2) !important;
            border-color: var(--custom-color-2) !important;
        }


        .u-border-active-custom-color-2.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-2:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-2.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-2,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-2,
        input.u-field-input.u-field-input.u-border-active-custom-color-2:checked
        {
            color: var(--custom-color-2) !important;
            border-color: var(--custom-color-2) !important;
        }

        .u-link.u-border-custom-color-2[class*="u-border-"]
        {
            border-color: var(--custom-color-2) !important;
        }

        .u-link.u-border-custom-color-2[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-2-darker) !important;
        }
        /*end-color custom-color-2*/
        /*begin-color custom-color-3*/
        .u-border-custom-color-3,
        .u-border-custom-color-3.u-input,
        .u-border-custom-color-3.u-field-input.u-field-input,
        .u-separator-custom-color-3:after
        {
            border-color: var(--custom-color-3);
            stroke: var(--custom-color-3);
        }

        .u-button-style.u-border-custom-color-3
        {
            border-color: var(--custom-color-3) !important;
            color: var(--custom-color-3) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-3:hover,
        .u-button-style.u-border-custom-color-3:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-3-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-3:hover,
        .u-border-hover-custom-color-3:focus,
        a.u-button-style.u-border-hover-custom-color-3:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-3,
        a.u-button-style.u-border-hover-custom-color-3:focus
        {
            color: var(--custom-color-3) !important;
            border-color: var(--custom-color-3) !important;
        }


        .u-border-active-custom-color-3.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-3:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-3.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-3,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-3,
        input.u-field-input.u-field-input.u-border-active-custom-color-3:checked
        {
            color: var(--custom-color-3) !important;
            border-color: var(--custom-color-3) !important;
        }

        .u-link.u-border-custom-color-3[class*="u-border-"]
        {
            border-color: var(--custom-color-3) !important;
        }

        .u-link.u-border-custom-color-3[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-3-darker) !important;
        }
        /*end-color custom-color-3*/
        /*begin-color custom-color-4*/
        .u-border-custom-color-4,
        .u-border-custom-color-4.u-input,
        .u-border-custom-color-4.u-field-input.u-field-input,
        .u-separator-custom-color-4:after
        {
            border-color: var(--custom-color-4);
            stroke: var(--custom-color-4);
        }

        .u-button-style.u-border-custom-color-4
        {
            border-color: var(--custom-color-4) !important;
            color: var(--custom-color-4) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-4:hover,
        .u-button-style.u-border-custom-color-4:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-4-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-4:hover,
        .u-border-hover-custom-color-4:focus,
        a.u-button-style.u-border-hover-custom-color-4:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-4,
        a.u-button-style.u-border-hover-custom-color-4:focus
        {
            color: var(--custom-color-4) !important;
            border-color: var(--custom-color-4) !important;
        }


        .u-border-active-custom-color-4.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-4:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-4.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-4,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-4,
        input.u-field-input.u-field-input.u-border-active-custom-color-4:checked
        {
            color: var(--custom-color-4) !important;
            border-color: var(--custom-color-4) !important;
        }

        .u-link.u-border-custom-color-4[class*="u-border-"]
        {
            border-color: var(--custom-color-4) !important;
        }

        .u-link.u-border-custom-color-4[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-4-darker) !important;
        }
        /*end-color custom-color-4*/
        /*begin-color custom-color-5*/
        .u-border-custom-color-5,
        .u-border-custom-color-5.u-input,
        .u-border-custom-color-5.u-field-input.u-field-input,
        .u-separator-custom-color-5:after
        {
            border-color: var(--custom-color-5);
            stroke: var(--custom-color-5);
        }

        .u-button-style.u-border-custom-color-5
        {
            border-color: var(--custom-color-5) !important;
            color: var(--custom-color-5) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-5:hover,
        .u-button-style.u-border-custom-color-5:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-5-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-5:hover,
        .u-border-hover-custom-color-5:focus,
        a.u-button-style.u-border-hover-custom-color-5:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-5,
        a.u-button-style.u-border-hover-custom-color-5:focus
        {
            color: var(--custom-color-5) !important;
            border-color: var(--custom-color-5) !important;
        }


        .u-border-active-custom-color-5.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-5:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-5.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-5,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-5,
        input.u-field-input.u-field-input.u-border-active-custom-color-5:checked
        {
            color: var(--custom-color-5) !important;
            border-color: var(--custom-color-5) !important;
        }

        .u-link.u-border-custom-color-5[class*="u-border-"]
        {
            border-color: var(--custom-color-5) !important;
        }

        .u-link.u-border-custom-color-5[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-5-darker) !important;
        }
        /*end-color custom-color-5*/
        /*begin-color custom-color-6*/
        .u-border-custom-color-6,
        .u-border-custom-color-6.u-input,
        .u-border-custom-color-6.u-field-input.u-field-input,
        .u-separator-custom-color-6:after
        {
            border-color: var(--custom-color-6);
            stroke: var(--custom-color-6);
        }

        .u-button-style.u-border-custom-color-6
        {
            border-color: var(--custom-color-6) !important;
            color: var(--custom-color-6) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-6:hover,
        .u-button-style.u-border-custom-color-6:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-6-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-6:hover,
        .u-border-hover-custom-color-6:focus,
        a.u-button-style.u-border-hover-custom-color-6:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-6,
        a.u-button-style.u-border-hover-custom-color-6:focus
        {
            color: var(--custom-color-6) !important;
            border-color: var(--custom-color-6) !important;
        }


        .u-border-active-custom-color-6.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-6:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-6.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-6,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-6,
        input.u-field-input.u-field-input.u-border-active-custom-color-6:checked
        {
            color: var(--custom-color-6) !important;
            border-color: var(--custom-color-6) !important;
        }

        .u-link.u-border-custom-color-6[class*="u-border-"]
        {
            border-color: var(--custom-color-6) !important;
        }

        .u-link.u-border-custom-color-6[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-6-darker) !important;
        }
        /*end-color custom-color-6*/
        /*begin-color custom-color-7*/
        .u-border-custom-color-7,
        .u-border-custom-color-7.u-input,
        .u-border-custom-color-7.u-field-input.u-field-input,
        .u-separator-custom-color-7:after
        {
            border-color: var(--custom-color-7);
            stroke: var(--custom-color-7);
        }

        .u-button-style.u-border-custom-color-7
        {
            border-color: var(--custom-color-7) !important;
            color: var(--custom-color-7) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-7:hover,
        .u-button-style.u-border-custom-color-7:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-7-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-7:hover,
        .u-border-hover-custom-color-7:focus,
        a.u-button-style.u-border-hover-custom-color-7:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-7,
        a.u-button-style.u-border-hover-custom-color-7:focus
        {
            color: var(--custom-color-7) !important;
            border-color: var(--custom-color-7) !important;
        }


        .u-border-active-custom-color-7.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-7:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-7.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-7,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-7,
        input.u-field-input.u-field-input.u-border-active-custom-color-7:checked
        {
            color: var(--custom-color-7) !important;
            border-color: var(--custom-color-7) !important;
        }

        .u-link.u-border-custom-color-7[class*="u-border-"]
        {
            border-color: var(--custom-color-7) !important;
        }

        .u-link.u-border-custom-color-7[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-7-darker) !important;
        }
        /*end-color custom-color-7*/
        /*begin-color custom-color-8*/
        .u-border-custom-color-8,
        .u-border-custom-color-8.u-input,
        .u-border-custom-color-8.u-field-input.u-field-input,
        .u-separator-custom-color-8:after
        {
            border-color: var(--custom-color-8);
            stroke: var(--custom-color-8);
        }

        .u-button-style.u-border-custom-color-8
        {
            border-color: var(--custom-color-8) !important;
            color: var(--custom-color-8) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-8:hover,
        .u-button-style.u-border-custom-color-8:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-8-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-8:hover,
        .u-border-hover-custom-color-8:focus,
        a.u-button-style.u-border-hover-custom-color-8:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-8,
        a.u-button-style.u-border-hover-custom-color-8:focus
        {
            color: var(--custom-color-8) !important;
            border-color: var(--custom-color-8) !important;
        }


        .u-border-active-custom-color-8.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-8:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-8.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-8,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-8,
        input.u-field-input.u-field-input.u-border-active-custom-color-8:checked
        {
            color: var(--custom-color-8) !important;
            border-color: var(--custom-color-8) !important;
        }

        .u-link.u-border-custom-color-8[class*="u-border-"]
        {
            border-color: var(--custom-color-8) !important;
        }

        .u-link.u-border-custom-color-8[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-8-darker) !important;
        }
        /*end-color custom-color-8*/
        /*begin-color custom-color-9*/
        .u-border-custom-color-9,
        .u-border-custom-color-9.u-input,
        .u-border-custom-color-9.u-field-input.u-field-input,
        .u-separator-custom-color-9:after
        {
            border-color: var(--custom-color-9);
            stroke: var(--custom-color-9);
        }

        .u-button-style.u-border-custom-color-9
        {
            border-color: var(--custom-color-9) !important;
            color: var(--custom-color-9) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-9:hover,
        .u-button-style.u-border-custom-color-9:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-9-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-9:hover,
        .u-border-hover-custom-color-9:focus,
        a.u-button-style.u-border-hover-custom-color-9:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-9,
        a.u-button-style.u-border-hover-custom-color-9:focus
        {
            color: var(--custom-color-9) !important;
            border-color: var(--custom-color-9) !important;
        }


        .u-border-active-custom-color-9.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-9:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-9.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-9,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-9,
        input.u-field-input.u-field-input.u-border-active-custom-color-9:checked
        {
            color: var(--custom-color-9) !important;
            border-color: var(--custom-color-9) !important;
        }

        .u-link.u-border-custom-color-9[class*="u-border-"]
        {
            border-color: var(--custom-color-9) !important;
        }

        .u-link.u-border-custom-color-9[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-9-darker) !important;
        }
        /*end-color custom-color-9*/
        /*begin-color custom-color-10*/
        .u-border-custom-color-10,
        .u-border-custom-color-10.u-input,
        .u-border-custom-color-10.u-field-input.u-field-input,
        .u-separator-custom-color-10:after
        {
            border-color: var(--custom-color-10);
            stroke: var(--custom-color-10);
        }

        .u-button-style.u-border-custom-color-10
        {
            border-color: var(--custom-color-10) !important;
            color: var(--custom-color-10) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-10:hover,
        .u-button-style.u-border-custom-color-10:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-10-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-10:hover,
        .u-border-hover-custom-color-10:focus,
        a.u-button-style.u-border-hover-custom-color-10:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-10,
        a.u-button-style.u-border-hover-custom-color-10:focus
        {
            color: var(--custom-color-10) !important;
            border-color: var(--custom-color-10) !important;
        }


        .u-border-active-custom-color-10.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-10:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-10.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-10,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-10,
        input.u-field-input.u-field-input.u-border-active-custom-color-10:checked
        {
            color: var(--custom-color-10) !important;
            border-color: var(--custom-color-10) !important;
        }

        .u-link.u-border-custom-color-10[class*="u-border-"]
        {
            border-color: var(--custom-color-10) !important;
        }

        .u-link.u-border-custom-color-10[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-10-darker) !important;
        }
        /*end-color custom-color-10*/
        /*begin-color custom-color-11*/
        .u-border-custom-color-11,
        .u-border-custom-color-11.u-input,
        .u-border-custom-color-11.u-field-input.u-field-input,
        .u-separator-custom-color-11:after
        {
            border-color: var(--custom-color-11);
            stroke: var(--custom-color-11);
        }

        .u-button-style.u-border-custom-color-11
        {
            border-color: var(--custom-color-11) !important;
            color: var(--custom-color-11) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-11:hover,
        .u-button-style.u-border-custom-color-11:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-11-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-11:hover,
        .u-border-hover-custom-color-11:focus,
        a.u-button-style.u-border-hover-custom-color-11:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-11,
        a.u-button-style.u-border-hover-custom-color-11:focus
        {
            color: var(--custom-color-11) !important;
            border-color: var(--custom-color-11) !important;
        }


        .u-border-active-custom-color-11.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-11:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-11.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-11,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-11,
        input.u-field-input.u-field-input.u-border-active-custom-color-11:checked
        {
            color: var(--custom-color-11) !important;
            border-color: var(--custom-color-11) !important;
        }

        .u-link.u-border-custom-color-11[class*="u-border-"]
        {
            border-color: var(--custom-color-11) !important;
        }

        .u-link.u-border-custom-color-11[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-11-darker) !important;
        }
        /*end-color custom-color-11*/
        /*begin-color custom-color-12*/
        .u-border-custom-color-12,
        .u-border-custom-color-12.u-input,
        .u-border-custom-color-12.u-field-input.u-field-input,
        .u-separator-custom-color-12:after
        {
            border-color: var(--custom-color-12);
            stroke: var(--custom-color-12);
        }

        .u-button-style.u-border-custom-color-12
        {
            border-color: var(--custom-color-12) !important;
            color: var(--custom-color-12) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-12:hover,
        .u-button-style.u-border-custom-color-12:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-12-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-12:hover,
        .u-border-hover-custom-color-12:focus,
        a.u-button-style.u-border-hover-custom-color-12:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-12,
        a.u-button-style.u-border-hover-custom-color-12:focus
        {
            color: var(--custom-color-12) !important;
            border-color: var(--custom-color-12) !important;
        }


        .u-border-active-custom-color-12.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-12:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-12.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-12,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-12,
        input.u-field-input.u-field-input.u-border-active-custom-color-12:checked
        {
            color: var(--custom-color-12) !important;
            border-color: var(--custom-color-12) !important;
        }

        .u-link.u-border-custom-color-12[class*="u-border-"]
        {
            border-color: var(--custom-color-12) !important;
        }

        .u-link.u-border-custom-color-12[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-12-darker) !important;
        }
        /*end-color custom-color-12*/
        /*begin-color custom-color-13*/
        .u-border-custom-color-13,
        .u-border-custom-color-13.u-input,
        .u-border-custom-color-13.u-field-input.u-field-input,
        .u-separator-custom-color-13:after
        {
            border-color: var(--custom-color-13);
            stroke: var(--custom-color-13);
        }

        .u-button-style.u-border-custom-color-13
        {
            border-color: var(--custom-color-13) !important;
            color: var(--custom-color-13) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-13:hover,
        .u-button-style.u-border-custom-color-13:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-13-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-13:hover,
        .u-border-hover-custom-color-13:focus,
        a.u-button-style.u-border-hover-custom-color-13:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-13,
        a.u-button-style.u-border-hover-custom-color-13:focus
        {
            color: var(--custom-color-13) !important;
            border-color: var(--custom-color-13) !important;
        }


        .u-border-active-custom-color-13.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-13:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-13.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-13,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-13,
        input.u-field-input.u-field-input.u-border-active-custom-color-13:checked
        {
            color: var(--custom-color-13) !important;
            border-color: var(--custom-color-13) !important;
        }

        .u-link.u-border-custom-color-13[class*="u-border-"]
        {
            border-color: var(--custom-color-13) !important;
        }

        .u-link.u-border-custom-color-13[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-13-darker) !important;
        }
        /*end-color custom-color-13*/
        /*begin-color custom-color-14*/
        .u-border-custom-color-14,
        .u-border-custom-color-14.u-input,
        .u-border-custom-color-14.u-field-input.u-field-input,
        .u-separator-custom-color-14:after
        {
            border-color: var(--custom-color-14);
            stroke: var(--custom-color-14);
        }

        .u-button-style.u-border-custom-color-14
        {
            border-color: var(--custom-color-14) !important;
            color: var(--custom-color-14) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-14:hover,
        .u-button-style.u-border-custom-color-14:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-14-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-14:hover,
        .u-border-hover-custom-color-14:focus,
        a.u-button-style.u-border-hover-custom-color-14:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-14,
        a.u-button-style.u-border-hover-custom-color-14:focus
        {
            color: var(--custom-color-14) !important;
            border-color: var(--custom-color-14) !important;
        }


        .u-border-active-custom-color-14.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-14:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-14.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-14,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-14,
        input.u-field-input.u-field-input.u-border-active-custom-color-14:checked
        {
            color: var(--custom-color-14) !important;
            border-color: var(--custom-color-14) !important;
        }

        .u-link.u-border-custom-color-14[class*="u-border-"]
        {
            border-color: var(--custom-color-14) !important;
        }

        .u-link.u-border-custom-color-14[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-14-darker) !important;
        }
        /*end-color custom-color-14*/
        /*begin-color custom-color-15*/
        .u-border-custom-color-15,
        .u-border-custom-color-15.u-input,
        .u-border-custom-color-15.u-field-input.u-field-input,
        .u-separator-custom-color-15:after
        {
            border-color: var(--custom-color-15);
            stroke: var(--custom-color-15);
        }

        .u-button-style.u-border-custom-color-15
        {
            border-color: var(--custom-color-15) !important;
            color: var(--custom-color-15) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-15:hover,
        .u-button-style.u-border-custom-color-15:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-15-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-15:hover,
        .u-border-hover-custom-color-15:focus,
        a.u-button-style.u-border-hover-custom-color-15:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-15,
        a.u-button-style.u-border-hover-custom-color-15:focus
        {
            color: var(--custom-color-15) !important;
            border-color: var(--custom-color-15) !important;
        }


        .u-border-active-custom-color-15.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-15:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-15.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-15,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-15,
        input.u-field-input.u-field-input.u-border-active-custom-color-15:checked
        {
            color: var(--custom-color-15) !important;
            border-color: var(--custom-color-15) !important;
        }

        .u-link.u-border-custom-color-15[class*="u-border-"]
        {
            border-color: var(--custom-color-15) !important;
        }

        .u-link.u-border-custom-color-15[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-15-darker) !important;
        }
        /*end-color custom-color-15*/
        /*begin-color custom-color-16*/
        .u-border-custom-color-16,
        .u-border-custom-color-16.u-input,
        .u-border-custom-color-16.u-field-input.u-field-input,
        .u-separator-custom-color-16:after
        {
            border-color: var(--custom-color-16);
            stroke: var(--custom-color-16);
        }

        .u-button-style.u-border-custom-color-16
        {
            border-color: var(--custom-color-16) !important;
            color: var(--custom-color-16) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-16:hover,
        .u-button-style.u-border-custom-color-16:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-16-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-16:hover,
        .u-border-hover-custom-color-16:focus,
        a.u-button-style.u-border-hover-custom-color-16:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-16,
        a.u-button-style.u-border-hover-custom-color-16:focus
        {
            color: var(--custom-color-16) !important;
            border-color: var(--custom-color-16) !important;
        }


        .u-border-active-custom-color-16.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-16:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-16.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-16,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-16,
        input.u-field-input.u-field-input.u-border-active-custom-color-16:checked
        {
            color: var(--custom-color-16) !important;
            border-color: var(--custom-color-16) !important;
        }

        .u-link.u-border-custom-color-16[class*="u-border-"]
        {
            border-color: var(--custom-color-16) !important;
        }

        .u-link.u-border-custom-color-16[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-16-darker) !important;
        }
        /*end-color custom-color-16*/
        /*begin-color custom-color-17*/
        .u-border-custom-color-17,
        .u-border-custom-color-17.u-input,
        .u-border-custom-color-17.u-field-input.u-field-input,
        .u-separator-custom-color-17:after
        {
            border-color: var(--custom-color-17);
            stroke: var(--custom-color-17);
        }

        .u-button-style.u-border-custom-color-17
        {
            border-color: var(--custom-color-17) !important;
            color: var(--custom-color-17) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-17:hover,
        .u-button-style.u-border-custom-color-17:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-17-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-17:hover,
        .u-border-hover-custom-color-17:focus,
        a.u-button-style.u-border-hover-custom-color-17:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-17,
        a.u-button-style.u-border-hover-custom-color-17:focus
        {
            color: var(--custom-color-17) !important;
            border-color: var(--custom-color-17) !important;
        }


        .u-border-active-custom-color-17.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-17:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-17.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-17,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-17,
        input.u-field-input.u-field-input.u-border-active-custom-color-17:checked
        {
            color: var(--custom-color-17) !important;
            border-color: var(--custom-color-17) !important;
        }

        .u-link.u-border-custom-color-17[class*="u-border-"]
        {
            border-color: var(--custom-color-17) !important;
        }

        .u-link.u-border-custom-color-17[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-17-darker) !important;
        }
        /*end-color custom-color-17*/
        /*begin-color custom-color-18*/
        .u-border-custom-color-18,
        .u-border-custom-color-18.u-input,
        .u-border-custom-color-18.u-field-input.u-field-input,
        .u-separator-custom-color-18:after
        {
            border-color: var(--custom-color-18);
            stroke: var(--custom-color-18);
        }

        .u-button-style.u-border-custom-color-18
        {
            border-color: var(--custom-color-18) !important;
            color: var(--custom-color-18) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-18:hover,
        .u-button-style.u-border-custom-color-18:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-18-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-18:hover,
        .u-border-hover-custom-color-18:focus,
        a.u-button-style.u-border-hover-custom-color-18:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-18,
        a.u-button-style.u-border-hover-custom-color-18:focus
        {
            color: var(--custom-color-18) !important;
            border-color: var(--custom-color-18) !important;
        }


        .u-border-active-custom-color-18.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-18:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-18.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-18,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-18,
        input.u-field-input.u-field-input.u-border-active-custom-color-18:checked
        {
            color: var(--custom-color-18) !important;
            border-color: var(--custom-color-18) !important;
        }

        .u-link.u-border-custom-color-18[class*="u-border-"]
        {
            border-color: var(--custom-color-18) !important;
        }

        .u-link.u-border-custom-color-18[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-18-darker) !important;
        }
        /*end-color custom-color-18*/
        /*begin-color custom-color-19*/
        .u-border-custom-color-19,
        .u-border-custom-color-19.u-input,
        .u-border-custom-color-19.u-field-input.u-field-input,
        .u-separator-custom-color-19:after
        {
            border-color: var(--custom-color-19);
            stroke: var(--custom-color-19);
        }

        .u-button-style.u-border-custom-color-19
        {
            border-color: var(--custom-color-19) !important;
            color: var(--custom-color-19) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-19:hover,
        .u-button-style.u-border-custom-color-19:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-19-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-19:hover,
        .u-border-hover-custom-color-19:focus,
        a.u-button-style.u-border-hover-custom-color-19:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-19,
        a.u-button-style.u-border-hover-custom-color-19:focus
        {
            color: var(--custom-color-19) !important;
            border-color: var(--custom-color-19) !important;
        }


        .u-border-active-custom-color-19.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-19:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-19.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-19,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-19,
        input.u-field-input.u-field-input.u-border-active-custom-color-19:checked
        {
            color: var(--custom-color-19) !important;
            border-color: var(--custom-color-19) !important;
        }

        .u-link.u-border-custom-color-19[class*="u-border-"]
        {
            border-color: var(--custom-color-19) !important;
        }

        .u-link.u-border-custom-color-19[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-19-darker) !important;
        }
        /*end-color custom-color-19*/
        /*begin-color custom-color-20*/
        .u-border-custom-color-20,
        .u-border-custom-color-20.u-input,
        .u-border-custom-color-20.u-field-input.u-field-input,
        .u-separator-custom-color-20:after
        {
            border-color: var(--custom-color-20);
            stroke: var(--custom-color-20);
        }

        .u-button-style.u-border-custom-color-20
        {
            border-color: var(--custom-color-20) !important;
            color: var(--custom-color-20) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-20:hover,
        .u-button-style.u-border-custom-color-20:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-20-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-20:hover,
        .u-border-hover-custom-color-20:focus,
        a.u-button-style.u-border-hover-custom-color-20:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-20,
        a.u-button-style.u-border-hover-custom-color-20:focus
        {
            color: var(--custom-color-20) !important;
            border-color: var(--custom-color-20) !important;
        }


        .u-border-active-custom-color-20.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-20:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-20.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-20,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-20,
        input.u-field-input.u-field-input.u-border-active-custom-color-20:checked
        {
            color: var(--custom-color-20) !important;
            border-color: var(--custom-color-20) !important;
        }

        .u-link.u-border-custom-color-20[class*="u-border-"]
        {
            border-color: var(--custom-color-20) !important;
        }

        .u-link.u-border-custom-color-20[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-20-darker) !important;
        }
        /*end-color custom-color-20*/
        /*begin-color custom-color-21*/
        .u-border-custom-color-21,
        .u-border-custom-color-21.u-input,
        .u-border-custom-color-21.u-field-input.u-field-input,
        .u-separator-custom-color-21:after
        {
            border-color: var(--custom-color-21);
            stroke: var(--custom-color-21);
        }

        .u-button-style.u-border-custom-color-21
        {
            border-color: var(--custom-color-21) !important;
            color: var(--custom-color-21) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-21:hover,
        .u-button-style.u-border-custom-color-21:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-21-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-21:hover,
        .u-border-hover-custom-color-21:focus,
        a.u-button-style.u-border-hover-custom-color-21:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-21,
        a.u-button-style.u-border-hover-custom-color-21:focus
        {
            color: var(--custom-color-21) !important;
            border-color: var(--custom-color-21) !important;
        }


        .u-border-active-custom-color-21.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-21:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-21.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-21,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-21,
        input.u-field-input.u-field-input.u-border-active-custom-color-21:checked
        {
            color: var(--custom-color-21) !important;
            border-color: var(--custom-color-21) !important;
        }

        .u-link.u-border-custom-color-21[class*="u-border-"]
        {
            border-color: var(--custom-color-21) !important;
        }

        .u-link.u-border-custom-color-21[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-21-darker) !important;
        }
        /*end-color custom-color-21*/
        /*begin-color custom-color-22*/
        .u-border-custom-color-22,
        .u-border-custom-color-22.u-input,
        .u-border-custom-color-22.u-field-input.u-field-input,
        .u-separator-custom-color-22:after
        {
            border-color: var(--custom-color-22);
            stroke: var(--custom-color-22);
        }

        .u-button-style.u-border-custom-color-22
        {
            border-color: var(--custom-color-22) !important;
            color: var(--custom-color-22) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-22:hover,
        .u-button-style.u-border-custom-color-22:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-22-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-22:hover,
        .u-border-hover-custom-color-22:focus,
        a.u-button-style.u-border-hover-custom-color-22:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-22,
        a.u-button-style.u-border-hover-custom-color-22:focus
        {
            color: var(--custom-color-22) !important;
            border-color: var(--custom-color-22) !important;
        }


        .u-border-active-custom-color-22.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-22:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-22.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-22,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-22,
        input.u-field-input.u-field-input.u-border-active-custom-color-22:checked
        {
            color: var(--custom-color-22) !important;
            border-color: var(--custom-color-22) !important;
        }

        .u-link.u-border-custom-color-22[class*="u-border-"]
        {
            border-color: var(--custom-color-22) !important;
        }

        .u-link.u-border-custom-color-22[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-22-darker) !important;
        }
        /*end-color custom-color-22*/
        /*begin-color custom-color-23*/
        .u-border-custom-color-23,
        .u-border-custom-color-23.u-input,
        .u-border-custom-color-23.u-field-input.u-field-input,
        .u-separator-custom-color-23:after
        {
            border-color: var(--custom-color-23);
            stroke: var(--custom-color-23);
        }

        .u-button-style.u-border-custom-color-23
        {
            border-color: var(--custom-color-23) !important;
            color: var(--custom-color-23) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-23:hover,
        .u-button-style.u-border-custom-color-23:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-23-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-23:hover,
        .u-border-hover-custom-color-23:focus,
        a.u-button-style.u-border-hover-custom-color-23:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-23,
        a.u-button-style.u-border-hover-custom-color-23:focus
        {
            color: var(--custom-color-23) !important;
            border-color: var(--custom-color-23) !important;
        }


        .u-border-active-custom-color-23.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-23:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-23.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-23,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-23,
        input.u-field-input.u-field-input.u-border-active-custom-color-23:checked
        {
            color: var(--custom-color-23) !important;
            border-color: var(--custom-color-23) !important;
        }

        .u-link.u-border-custom-color-23[class*="u-border-"]
        {
            border-color: var(--custom-color-23) !important;
        }

        .u-link.u-border-custom-color-23[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-23-darker) !important;
        }
        /*end-color custom-color-23*/
        /*begin-color custom-color-24*/
        .u-border-custom-color-24,
        .u-border-custom-color-24.u-input,
        .u-border-custom-color-24.u-field-input.u-field-input,
        .u-separator-custom-color-24:after
        {
            border-color: var(--custom-color-24);
            stroke: var(--custom-color-24);
        }

        .u-button-style.u-border-custom-color-24
        {
            border-color: var(--custom-color-24) !important;
            color: var(--custom-color-24) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-24:hover,
        .u-button-style.u-border-custom-color-24:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-24-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-24:hover,
        .u-border-hover-custom-color-24:focus,
        a.u-button-style.u-border-hover-custom-color-24:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-24,
        a.u-button-style.u-border-hover-custom-color-24:focus
        {
            color: var(--custom-color-24) !important;
            border-color: var(--custom-color-24) !important;
        }


        .u-border-active-custom-color-24.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-24:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-24.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-24,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-24,
        input.u-field-input.u-field-input.u-border-active-custom-color-24:checked
        {
            color: var(--custom-color-24) !important;
            border-color: var(--custom-color-24) !important;
        }

        .u-link.u-border-custom-color-24[class*="u-border-"]
        {
            border-color: var(--custom-color-24) !important;
        }

        .u-link.u-border-custom-color-24[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-24-darker) !important;
        }
        /*end-color custom-color-24*/
        /*begin-color custom-color-25*/
        .u-border-custom-color-25,
        .u-border-custom-color-25.u-input,
        .u-border-custom-color-25.u-field-input.u-field-input,
        .u-separator-custom-color-25:after
        {
            border-color: var(--custom-color-25);
            stroke: var(--custom-color-25);
        }

        .u-button-style.u-border-custom-color-25
        {
            border-color: var(--custom-color-25) !important;
            color: var(--custom-color-25) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-25:hover,
        .u-button-style.u-border-custom-color-25:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-25-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-25:hover,
        .u-border-hover-custom-color-25:focus,
        a.u-button-style.u-border-hover-custom-color-25:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-25,
        a.u-button-style.u-border-hover-custom-color-25:focus
        {
            color: var(--custom-color-25) !important;
            border-color: var(--custom-color-25) !important;
        }


        .u-border-active-custom-color-25.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-25:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-25.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-25,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-25,
        input.u-field-input.u-field-input.u-border-active-custom-color-25:checked
        {
            color: var(--custom-color-25) !important;
            border-color: var(--custom-color-25) !important;
        }

        .u-link.u-border-custom-color-25[class*="u-border-"]
        {
            border-color: var(--custom-color-25) !important;
        }

        .u-link.u-border-custom-color-25[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-25-darker) !important;
        }
        /*end-color custom-color-25*/
        /*begin-color custom-color-26*/
        .u-border-custom-color-26,
        .u-border-custom-color-26.u-input,
        .u-border-custom-color-26.u-field-input.u-field-input,
        .u-separator-custom-color-26:after
        {
            border-color: var(--custom-color-26);
            stroke: var(--custom-color-26);
        }

        .u-button-style.u-border-custom-color-26
        {
            border-color: var(--custom-color-26) !important;
            color: var(--custom-color-26) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-26:hover,
        .u-button-style.u-border-custom-color-26:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-26-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-26:hover,
        .u-border-hover-custom-color-26:focus,
        a.u-button-style.u-border-hover-custom-color-26:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-26,
        a.u-button-style.u-border-hover-custom-color-26:focus
        {
            color: var(--custom-color-26) !important;
            border-color: var(--custom-color-26) !important;
        }


        .u-border-active-custom-color-26.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-26:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-26.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-26,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-26,
        input.u-field-input.u-field-input.u-border-active-custom-color-26:checked
        {
            color: var(--custom-color-26) !important;
            border-color: var(--custom-color-26) !important;
        }

        .u-link.u-border-custom-color-26[class*="u-border-"]
        {
            border-color: var(--custom-color-26) !important;
        }

        .u-link.u-border-custom-color-26[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-26-darker) !important;
        }
        /*end-color custom-color-26*/
        /*begin-color custom-color-27*/
        .u-border-custom-color-27,
        .u-border-custom-color-27.u-input,
        .u-border-custom-color-27.u-field-input.u-field-input,
        .u-separator-custom-color-27:after
        {
            border-color: var(--custom-color-27);
            stroke: var(--custom-color-27);
        }

        .u-button-style.u-border-custom-color-27
        {
            border-color: var(--custom-color-27) !important;
            color: var(--custom-color-27) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-27:hover,
        .u-button-style.u-border-custom-color-27:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-27-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-27:hover,
        .u-border-hover-custom-color-27:focus,
        a.u-button-style.u-border-hover-custom-color-27:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-27,
        a.u-button-style.u-border-hover-custom-color-27:focus
        {
            color: var(--custom-color-27) !important;
            border-color: var(--custom-color-27) !important;
        }


        .u-border-active-custom-color-27.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-27:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-27.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-27,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-27,
        input.u-field-input.u-field-input.u-border-active-custom-color-27:checked
        {
            color: var(--custom-color-27) !important;
            border-color: var(--custom-color-27) !important;
        }

        .u-link.u-border-custom-color-27[class*="u-border-"]
        {
            border-color: var(--custom-color-27) !important;
        }

        .u-link.u-border-custom-color-27[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-27-darker) !important;
        }
        /*end-color custom-color-27*/
        /*begin-color custom-color-28*/
        .u-border-custom-color-28,
        .u-border-custom-color-28.u-input,
        .u-border-custom-color-28.u-field-input.u-field-input,
        .u-separator-custom-color-28:after
        {
            border-color: var(--custom-color-28);
            stroke: var(--custom-color-28);
        }

        .u-button-style.u-border-custom-color-28
        {
            border-color: var(--custom-color-28) !important;
            color: var(--custom-color-28) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-28:hover,
        .u-button-style.u-border-custom-color-28:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-28-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-28:hover,
        .u-border-hover-custom-color-28:focus,
        a.u-button-style.u-border-hover-custom-color-28:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-28,
        a.u-button-style.u-border-hover-custom-color-28:focus
        {
            color: var(--custom-color-28) !important;
            border-color: var(--custom-color-28) !important;
        }


        .u-border-active-custom-color-28.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-28:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-28.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-28,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-28,
        input.u-field-input.u-field-input.u-border-active-custom-color-28:checked
        {
            color: var(--custom-color-28) !important;
            border-color: var(--custom-color-28) !important;
        }

        .u-link.u-border-custom-color-28[class*="u-border-"]
        {
            border-color: var(--custom-color-28) !important;
        }

        .u-link.u-border-custom-color-28[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-28-darker) !important;
        }
        /*end-color custom-color-28*/
        /*begin-color custom-color-29*/
        .u-border-custom-color-29,
        .u-border-custom-color-29.u-input,
        .u-border-custom-color-29.u-field-input.u-field-input,
        .u-separator-custom-color-29:after
        {
            border-color: var(--custom-color-29);
            stroke: var(--custom-color-29);
        }

        .u-button-style.u-border-custom-color-29
        {
            border-color: var(--custom-color-29) !important;
            color: var(--custom-color-29) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-29:hover,
        .u-button-style.u-border-custom-color-29:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-29-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-29:hover,
        .u-border-hover-custom-color-29:focus,
        a.u-button-style.u-border-hover-custom-color-29:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-29,
        a.u-button-style.u-border-hover-custom-color-29:focus
        {
            color: var(--custom-color-29) !important;
            border-color: var(--custom-color-29) !important;
        }


        .u-border-active-custom-color-29.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-29:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-29.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-29,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-29,
        input.u-field-input.u-field-input.u-border-active-custom-color-29:checked
        {
            color: var(--custom-color-29) !important;
            border-color: var(--custom-color-29) !important;
        }

        .u-link.u-border-custom-color-29[class*="u-border-"]
        {
            border-color: var(--custom-color-29) !important;
        }

        .u-link.u-border-custom-color-29[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-29-darker) !important;
        }
        /*end-color custom-color-29*/
        /*begin-color custom-color-30*/
        .u-border-custom-color-30,
        .u-border-custom-color-30.u-input,
        .u-border-custom-color-30.u-field-input.u-field-input,
        .u-separator-custom-color-30:after
        {
            border-color: var(--custom-color-30);
            stroke: var(--custom-color-30);
        }

        .u-button-style.u-border-custom-color-30
        {
            border-color: var(--custom-color-30) !important;
            color: var(--custom-color-30) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-30:hover,
        .u-button-style.u-border-custom-color-30:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-30-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-30:hover,
        .u-border-hover-custom-color-30:focus,
        a.u-button-style.u-border-hover-custom-color-30:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-30,
        a.u-button-style.u-border-hover-custom-color-30:focus
        {
            color: var(--custom-color-30) !important;
            border-color: var(--custom-color-30) !important;
        }


        .u-border-active-custom-color-30.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-30:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-30.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-30,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-30,
        input.u-field-input.u-field-input.u-border-active-custom-color-30:checked
        {
            color: var(--custom-color-30) !important;
            border-color: var(--custom-color-30) !important;
        }

        .u-link.u-border-custom-color-30[class*="u-border-"]
        {
            border-color: var(--custom-color-30) !important;
        }

        .u-link.u-border-custom-color-30[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-30-darker) !important;
        }
        /*end-color custom-color-30*/
        /*begin-color custom-color-31*/
        .u-border-custom-color-31,
        .u-border-custom-color-31.u-input,
        .u-border-custom-color-31.u-field-input.u-field-input,
        .u-separator-custom-color-31:after
        {
            border-color: var(--custom-color-31);
            stroke: var(--custom-color-31);
        }

        .u-button-style.u-border-custom-color-31
        {
            border-color: var(--custom-color-31) !important;
            color: var(--custom-color-31) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-31:hover,
        .u-button-style.u-border-custom-color-31:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-31-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-31:hover,
        .u-border-hover-custom-color-31:focus,
        a.u-button-style.u-border-hover-custom-color-31:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-31,
        a.u-button-style.u-border-hover-custom-color-31:focus
        {
            color: var(--custom-color-31) !important;
            border-color: var(--custom-color-31) !important;
        }


        .u-border-active-custom-color-31.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-31:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-31.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-31,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-31,
        input.u-field-input.u-field-input.u-border-active-custom-color-31:checked
        {
            color: var(--custom-color-31) !important;
            border-color: var(--custom-color-31) !important;
        }

        .u-link.u-border-custom-color-31[class*="u-border-"]
        {
            border-color: var(--custom-color-31) !important;
        }

        .u-link.u-border-custom-color-31[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-31-darker) !important;
        }
        /*end-color custom-color-31*/
        /*begin-color custom-color-32*/
        .u-border-custom-color-32,
        .u-border-custom-color-32.u-input,
        .u-border-custom-color-32.u-field-input.u-field-input,
        .u-separator-custom-color-32:after
        {
            border-color: var(--custom-color-32);
            stroke: var(--custom-color-32);
        }

        .u-button-style.u-border-custom-color-32
        {
            border-color: var(--custom-color-32) !important;
            color: var(--custom-color-32) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-32:hover,
        .u-button-style.u-border-custom-color-32:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-32-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-32:hover,
        .u-border-hover-custom-color-32:focus,
        a.u-button-style.u-border-hover-custom-color-32:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-32,
        a.u-button-style.u-border-hover-custom-color-32:focus
        {
            color: var(--custom-color-32) !important;
            border-color: var(--custom-color-32) !important;
        }


        .u-border-active-custom-color-32.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-32:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-32.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-32,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-32,
        input.u-field-input.u-field-input.u-border-active-custom-color-32:checked
        {
            color: var(--custom-color-32) !important;
            border-color: var(--custom-color-32) !important;
        }

        .u-link.u-border-custom-color-32[class*="u-border-"]
        {
            border-color: var(--custom-color-32) !important;
        }

        .u-link.u-border-custom-color-32[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-32-darker) !important;
        }
        /*end-color custom-color-32*/

        /*begin-color custom-color-1*/
        .u-text-custom-color-1,
        .u-input.u-text-custom-color-1,
        .u-input.u-text-custom-color-1[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-1,
        li.active > a.u-button-style.u-text-custom-color-1[class*="u-border-"],
        a.u-button-style.u-text-custom-color-1,
        a.u-button-style.u-text-custom-color-1[class*="u-border-"]
        {
            color: var(--custom-color-1) !important;
            --current-color-r: var(--custom-color-1-r);
            --current-color-g: var(--custom-color-1-g);
            --current-color-b: var(--custom-color-1-b);
        }

        a.u-button-style.u-text-custom-color-1:hover,
        a.u-button-style.u-text-custom-color-1[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-1:focus,
        a.u-button-style.u-text-custom-color-1[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-1:active,
        a.u-button-style.u-button-style.u-text-custom-color-1[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-1.active,
        a.u-button-style.u-button-style.u-text-custom-color-1[class*="u-border-"].active
        {
            color: var(--custom-color-1-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-1,
        a.u-button-style:hover > .u-text-hover-custom-color-1[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-1:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-1[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-1.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-1[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-1:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-1[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-1:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-1[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-1:hover,
        .u-text-hover-custom-color-1.u-language-url:hover,
        .u-text-hover-custom-color-1 .u-language-url:hover,
        .u-text-hover-custom-color-1.u-carousel-control:hover,
        .u-text-hover-custom-color-1.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-1 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-1:hover
        {
            color: var(--custom-color-1) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-1,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-1[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-1.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-1 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-1.u-active
        {
            color: var(--custom-color-1) !important;
        }

        .u-text-custom-color-1 .u-svg-link {
            fill: var(--custom-color-1);
        }

        .u-text-hover-custom-color-1:hover .u-svg-link,
        .u-text-hover-custom-color-1:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-1 .u-svg-link
        {
            fill: var(--custom-color-1);
        }

        .u-text-active-custom-color-1:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-1 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-1 .u-svg-link
        {
            fill: var(--custom-color-1);
        }

        .u-link.u-text-custom-color-1:hover
        {
            color: var(--custom-color-1-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-1:hover
        {
            color: var(--custom-color-1) !important;
        }
        /*end-color custom-color-1*/
        /*begin-color custom-color-2*/
        .u-text-custom-color-2,
        .u-input.u-text-custom-color-2,
        .u-input.u-text-custom-color-2[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-2,
        li.active > a.u-button-style.u-text-custom-color-2[class*="u-border-"],
        a.u-button-style.u-text-custom-color-2,
        a.u-button-style.u-text-custom-color-2[class*="u-border-"]
        {
            color: var(--custom-color-2) !important;
            --current-color-r: var(--custom-color-2-r);
            --current-color-g: var(--custom-color-2-g);
            --current-color-b: var(--custom-color-2-b);
        }

        a.u-button-style.u-text-custom-color-2:hover,
        a.u-button-style.u-text-custom-color-2[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-2:focus,
        a.u-button-style.u-text-custom-color-2[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-2:active,
        a.u-button-style.u-button-style.u-text-custom-color-2[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-2.active,
        a.u-button-style.u-button-style.u-text-custom-color-2[class*="u-border-"].active
        {
            color: var(--custom-color-2-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-2,
        a.u-button-style:hover > .u-text-hover-custom-color-2[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-2:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-2[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-2.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-2[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-2:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-2[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-2:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-2[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-2:hover,
        .u-text-hover-custom-color-2.u-language-url:hover,
        .u-text-hover-custom-color-2 .u-language-url:hover,
        .u-text-hover-custom-color-2.u-carousel-control:hover,
        .u-text-hover-custom-color-2.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-2 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-2:hover
        {
            color: var(--custom-color-2) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-2:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-2[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-2.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-2[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-2,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-2[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-2.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-2 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-2.u-active
        {
            color: var(--custom-color-2) !important;
        }

        .u-text-custom-color-2 .u-svg-link {
            fill: var(--custom-color-2);
        }

        .u-text-hover-custom-color-2:hover .u-svg-link,
        .u-text-hover-custom-color-2:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-2 .u-svg-link
        {
            fill: var(--custom-color-2);
        }

        .u-text-active-custom-color-2:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-2 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-2 .u-svg-link
        {
            fill: var(--custom-color-2);
        }

        .u-link.u-text-custom-color-2:hover
        {
            color: var(--custom-color-2-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-2:hover
        {
            color: var(--custom-color-2) !important;
        }
        /*end-color custom-color-2*/
        /*begin-color custom-color-3*/
        .u-text-custom-color-3,
        .u-input.u-text-custom-color-3,
        .u-input.u-text-custom-color-3[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-3,
        li.active > a.u-button-style.u-text-custom-color-3[class*="u-border-"],
        a.u-button-style.u-text-custom-color-3,
        a.u-button-style.u-text-custom-color-3[class*="u-border-"]
        {
            color: var(--custom-color-3) !important;
            --current-color-r: var(--custom-color-3-r);
            --current-color-g: var(--custom-color-3-g);
            --current-color-b: var(--custom-color-3-b);
        }

        a.u-button-style.u-text-custom-color-3:hover,
        a.u-button-style.u-text-custom-color-3[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-3:focus,
        a.u-button-style.u-text-custom-color-3[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-3:active,
        a.u-button-style.u-button-style.u-text-custom-color-3[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-3.active,
        a.u-button-style.u-button-style.u-text-custom-color-3[class*="u-border-"].active
        {
            color: var(--custom-color-3-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-3,
        a.u-button-style:hover > .u-text-hover-custom-color-3[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-3:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-3[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-3.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-3[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-3:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-3[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-3:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-3[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-3:hover,
        .u-text-hover-custom-color-3.u-language-url:hover,
        .u-text-hover-custom-color-3 .u-language-url:hover,
        .u-text-hover-custom-color-3.u-carousel-control:hover,
        .u-text-hover-custom-color-3.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-3 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-3:hover
        {
            color: var(--custom-color-3) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-3:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-3[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-3.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-3[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-3,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-3[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-3.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-3 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-3.u-active
        {
            color: var(--custom-color-3) !important;
        }

        .u-text-custom-color-3 .u-svg-link {
            fill: var(--custom-color-3);
        }

        .u-text-hover-custom-color-3:hover .u-svg-link,
        .u-text-hover-custom-color-3:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-3 .u-svg-link
        {
            fill: var(--custom-color-3);
        }

        .u-text-active-custom-color-3:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-3 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-3 .u-svg-link
        {
            fill: var(--custom-color-3);
        }

        .u-link.u-text-custom-color-3:hover
        {
            color: var(--custom-color-3-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-3:hover
        {
            color: var(--custom-color-3) !important;
        }
        /*end-color custom-color-3*/
        /*begin-color custom-color-4*/
        .u-text-custom-color-4,
        .u-input.u-text-custom-color-4,
        .u-input.u-text-custom-color-4[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-4,
        li.active > a.u-button-style.u-text-custom-color-4[class*="u-border-"],
        a.u-button-style.u-text-custom-color-4,
        a.u-button-style.u-text-custom-color-4[class*="u-border-"]
        {
            color: var(--custom-color-4) !important;
            --current-color-r: var(--custom-color-4-r);
            --current-color-g: var(--custom-color-4-g);
            --current-color-b: var(--custom-color-4-b);
        }

        a.u-button-style.u-text-custom-color-4:hover,
        a.u-button-style.u-text-custom-color-4[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-4:focus,
        a.u-button-style.u-text-custom-color-4[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-4:active,
        a.u-button-style.u-button-style.u-text-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-4.active,
        a.u-button-style.u-button-style.u-text-custom-color-4[class*="u-border-"].active
        {
            color: var(--custom-color-4-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-4,
        a.u-button-style:hover > .u-text-hover-custom-color-4[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-4:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-4:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-4:hover,
        .u-text-hover-custom-color-4.u-language-url:hover,
        .u-text-hover-custom-color-4 .u-language-url:hover,
        .u-text-hover-custom-color-4.u-carousel-control:hover,
        .u-text-hover-custom-color-4.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-4 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-4:hover
        {
            color: var(--custom-color-4) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-4,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-4[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-4.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-4 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-4.u-active
        {
            color: var(--custom-color-4) !important;
        }

        .u-text-custom-color-4 .u-svg-link {
            fill: var(--custom-color-4);
        }

        .u-text-hover-custom-color-4:hover .u-svg-link,
        .u-text-hover-custom-color-4:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-4 .u-svg-link
        {
            fill: var(--custom-color-4);
        }

        .u-text-active-custom-color-4:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-4 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-4 .u-svg-link
        {
            fill: var(--custom-color-4);
        }

        .u-link.u-text-custom-color-4:hover
        {
            color: var(--custom-color-4-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-4:hover
        {
            color: var(--custom-color-4) !important;
        }
        /*end-color custom-color-4*/
        /*begin-color custom-color-5*/
        .u-text-custom-color-5,
        .u-input.u-text-custom-color-5,
        .u-input.u-text-custom-color-5[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-5,
        li.active > a.u-button-style.u-text-custom-color-5[class*="u-border-"],
        a.u-button-style.u-text-custom-color-5,
        a.u-button-style.u-text-custom-color-5[class*="u-border-"]
        {
            color: var(--custom-color-5) !important;
            --current-color-r: var(--custom-color-5-r);
            --current-color-g: var(--custom-color-5-g);
            --current-color-b: var(--custom-color-5-b);
        }

        a.u-button-style.u-text-custom-color-5:hover,
        a.u-button-style.u-text-custom-color-5[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-5:focus,
        a.u-button-style.u-text-custom-color-5[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-5:active,
        a.u-button-style.u-button-style.u-text-custom-color-5[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-5.active,
        a.u-button-style.u-button-style.u-text-custom-color-5[class*="u-border-"].active
        {
            color: var(--custom-color-5-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-5,
        a.u-button-style:hover > .u-text-hover-custom-color-5[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-5:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-5[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-5.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-5[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-5:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-5[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-5:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-5[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-5:hover,
        .u-text-hover-custom-color-5.u-language-url:hover,
        .u-text-hover-custom-color-5 .u-language-url:hover,
        .u-text-hover-custom-color-5.u-carousel-control:hover,
        .u-text-hover-custom-color-5.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-5 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-5:hover
        {
            color: var(--custom-color-5) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-5:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-5[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-5.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-5[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-5,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-5[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-5.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-5 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-5.u-active
        {
            color: var(--custom-color-5) !important;
        }

        .u-text-custom-color-5 .u-svg-link {
            fill: var(--custom-color-5);
        }

        .u-text-hover-custom-color-5:hover .u-svg-link,
        .u-text-hover-custom-color-5:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-5 .u-svg-link
        {
            fill: var(--custom-color-5);
        }

        .u-text-active-custom-color-5:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-5 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-5 .u-svg-link
        {
            fill: var(--custom-color-5);
        }

        .u-link.u-text-custom-color-5:hover
        {
            color: var(--custom-color-5-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-5:hover
        {
            color: var(--custom-color-5) !important;
        }
        /*end-color custom-color-5*/
        /*begin-color custom-color-6*/
        .u-text-custom-color-6,
        .u-input.u-text-custom-color-6,
        .u-input.u-text-custom-color-6[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-6,
        li.active > a.u-button-style.u-text-custom-color-6[class*="u-border-"],
        a.u-button-style.u-text-custom-color-6,
        a.u-button-style.u-text-custom-color-6[class*="u-border-"]
        {
            color: var(--custom-color-6) !important;
            --current-color-r: var(--custom-color-6-r);
            --current-color-g: var(--custom-color-6-g);
            --current-color-b: var(--custom-color-6-b);
        }

        a.u-button-style.u-text-custom-color-6:hover,
        a.u-button-style.u-text-custom-color-6[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-6:focus,
        a.u-button-style.u-text-custom-color-6[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-6:active,
        a.u-button-style.u-button-style.u-text-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-6.active,
        a.u-button-style.u-button-style.u-text-custom-color-6[class*="u-border-"].active
        {
            color: var(--custom-color-6-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-6,
        a.u-button-style:hover > .u-text-hover-custom-color-6[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-6:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-6:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-6:hover,
        .u-text-hover-custom-color-6.u-language-url:hover,
        .u-text-hover-custom-color-6 .u-language-url:hover,
        .u-text-hover-custom-color-6.u-carousel-control:hover,
        .u-text-hover-custom-color-6.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-6 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-6:hover
        {
            color: var(--custom-color-6) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-6,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-6[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-6.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-6 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-6.u-active
        {
            color: var(--custom-color-6) !important;
        }

        .u-text-custom-color-6 .u-svg-link {
            fill: var(--custom-color-6);
        }

        .u-text-hover-custom-color-6:hover .u-svg-link,
        .u-text-hover-custom-color-6:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-6 .u-svg-link
        {
            fill: var(--custom-color-6);
        }

        .u-text-active-custom-color-6:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-6 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-6 .u-svg-link
        {
            fill: var(--custom-color-6);
        }

        .u-link.u-text-custom-color-6:hover
        {
            color: var(--custom-color-6-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-6:hover
        {
            color: var(--custom-color-6) !important;
        }
        /*end-color custom-color-6*/
        /*begin-color custom-color-7*/
        .u-text-custom-color-7,
        .u-input.u-text-custom-color-7,
        .u-input.u-text-custom-color-7[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-7,
        li.active > a.u-button-style.u-text-custom-color-7[class*="u-border-"],
        a.u-button-style.u-text-custom-color-7,
        a.u-button-style.u-text-custom-color-7[class*="u-border-"]
        {
            color: var(--custom-color-7) !important;
            --current-color-r: var(--custom-color-7-r);
            --current-color-g: var(--custom-color-7-g);
            --current-color-b: var(--custom-color-7-b);
        }

        a.u-button-style.u-text-custom-color-7:hover,
        a.u-button-style.u-text-custom-color-7[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-7:focus,
        a.u-button-style.u-text-custom-color-7[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-7:active,
        a.u-button-style.u-button-style.u-text-custom-color-7[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-7.active,
        a.u-button-style.u-button-style.u-text-custom-color-7[class*="u-border-"].active
        {
            color: var(--custom-color-7-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-7,
        a.u-button-style:hover > .u-text-hover-custom-color-7[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-7:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-7[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-7.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-7[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-7:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-7[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-7:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-7[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-7:hover,
        .u-text-hover-custom-color-7.u-language-url:hover,
        .u-text-hover-custom-color-7 .u-language-url:hover,
        .u-text-hover-custom-color-7.u-carousel-control:hover,
        .u-text-hover-custom-color-7.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-7 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-7:hover
        {
            color: var(--custom-color-7) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-7:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-7[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-7.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-7[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-7,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-7[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-7.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-7 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-7.u-active
        {
            color: var(--custom-color-7) !important;
        }

        .u-text-custom-color-7 .u-svg-link {
            fill: var(--custom-color-7);
        }

        .u-text-hover-custom-color-7:hover .u-svg-link,
        .u-text-hover-custom-color-7:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-7 .u-svg-link
        {
            fill: var(--custom-color-7);
        }

        .u-text-active-custom-color-7:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-7 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-7 .u-svg-link
        {
            fill: var(--custom-color-7);
        }

        .u-link.u-text-custom-color-7:hover
        {
            color: var(--custom-color-7-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-7:hover
        {
            color: var(--custom-color-7) !important;
        }
        /*end-color custom-color-7*/
        /*begin-color custom-color-8*/
        .u-text-custom-color-8,
        .u-input.u-text-custom-color-8,
        .u-input.u-text-custom-color-8[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-8,
        li.active > a.u-button-style.u-text-custom-color-8[class*="u-border-"],
        a.u-button-style.u-text-custom-color-8,
        a.u-button-style.u-text-custom-color-8[class*="u-border-"]
        {
            color: var(--custom-color-8) !important;
            --current-color-r: var(--custom-color-8-r);
            --current-color-g: var(--custom-color-8-g);
            --current-color-b: var(--custom-color-8-b);
        }

        a.u-button-style.u-text-custom-color-8:hover,
        a.u-button-style.u-text-custom-color-8[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-8:focus,
        a.u-button-style.u-text-custom-color-8[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-8:active,
        a.u-button-style.u-button-style.u-text-custom-color-8[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-8.active,
        a.u-button-style.u-button-style.u-text-custom-color-8[class*="u-border-"].active
        {
            color: var(--custom-color-8-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-8,
        a.u-button-style:hover > .u-text-hover-custom-color-8[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-8:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-8[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-8.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-8[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-8:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-8[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-8:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-8[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-8:hover,
        .u-text-hover-custom-color-8.u-language-url:hover,
        .u-text-hover-custom-color-8 .u-language-url:hover,
        .u-text-hover-custom-color-8.u-carousel-control:hover,
        .u-text-hover-custom-color-8.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-8 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-8:hover
        {
            color: var(--custom-color-8) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-8:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-8[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-8.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-8[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-8,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-8[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-8.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-8 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-8.u-active
        {
            color: var(--custom-color-8) !important;
        }

        .u-text-custom-color-8 .u-svg-link {
            fill: var(--custom-color-8);
        }

        .u-text-hover-custom-color-8:hover .u-svg-link,
        .u-text-hover-custom-color-8:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-8 .u-svg-link
        {
            fill: var(--custom-color-8);
        }

        .u-text-active-custom-color-8:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-8 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-8 .u-svg-link
        {
            fill: var(--custom-color-8);
        }

        .u-link.u-text-custom-color-8:hover
        {
            color: var(--custom-color-8-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-8:hover
        {
            color: var(--custom-color-8) !important;
        }
        /*end-color custom-color-8*/
        /*begin-color custom-color-9*/
        .u-text-custom-color-9,
        .u-input.u-text-custom-color-9,
        .u-input.u-text-custom-color-9[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-9,
        li.active > a.u-button-style.u-text-custom-color-9[class*="u-border-"],
        a.u-button-style.u-text-custom-color-9,
        a.u-button-style.u-text-custom-color-9[class*="u-border-"]
        {
            color: var(--custom-color-9) !important;
            --current-color-r: var(--custom-color-9-r);
            --current-color-g: var(--custom-color-9-g);
            --current-color-b: var(--custom-color-9-b);
        }

        a.u-button-style.u-text-custom-color-9:hover,
        a.u-button-style.u-text-custom-color-9[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-9:focus,
        a.u-button-style.u-text-custom-color-9[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-9:active,
        a.u-button-style.u-button-style.u-text-custom-color-9[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-9.active,
        a.u-button-style.u-button-style.u-text-custom-color-9[class*="u-border-"].active
        {
            color: var(--custom-color-9-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-9,
        a.u-button-style:hover > .u-text-hover-custom-color-9[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-9:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-9[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-9.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-9[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-9:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-9[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-9:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-9[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-9:hover,
        .u-text-hover-custom-color-9.u-language-url:hover,
        .u-text-hover-custom-color-9 .u-language-url:hover,
        .u-text-hover-custom-color-9.u-carousel-control:hover,
        .u-text-hover-custom-color-9.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-9 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-9:hover
        {
            color: var(--custom-color-9) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-9:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-9[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-9.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-9[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-9,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-9[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-9.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-9 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-9.u-active
        {
            color: var(--custom-color-9) !important;
        }

        .u-text-custom-color-9 .u-svg-link {
            fill: var(--custom-color-9);
        }

        .u-text-hover-custom-color-9:hover .u-svg-link,
        .u-text-hover-custom-color-9:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-9 .u-svg-link
        {
            fill: var(--custom-color-9);
        }

        .u-text-active-custom-color-9:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-9 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-9 .u-svg-link
        {
            fill: var(--custom-color-9);
        }

        .u-link.u-text-custom-color-9:hover
        {
            color: var(--custom-color-9-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-9:hover
        {
            color: var(--custom-color-9) !important;
        }
        /*end-color custom-color-9*/
        /*begin-color custom-color-10*/
        .u-text-custom-color-10,
        .u-input.u-text-custom-color-10,
        .u-input.u-text-custom-color-10[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-10,
        li.active > a.u-button-style.u-text-custom-color-10[class*="u-border-"],
        a.u-button-style.u-text-custom-color-10,
        a.u-button-style.u-text-custom-color-10[class*="u-border-"]
        {
            color: var(--custom-color-10) !important;
            --current-color-r: var(--custom-color-10-r);
            --current-color-g: var(--custom-color-10-g);
            --current-color-b: var(--custom-color-10-b);
        }

        a.u-button-style.u-text-custom-color-10:hover,
        a.u-button-style.u-text-custom-color-10[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-10:focus,
        a.u-button-style.u-text-custom-color-10[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-10:active,
        a.u-button-style.u-button-style.u-text-custom-color-10[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-10.active,
        a.u-button-style.u-button-style.u-text-custom-color-10[class*="u-border-"].active
        {
            color: var(--custom-color-10-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-10,
        a.u-button-style:hover > .u-text-hover-custom-color-10[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-10:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-10[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-10.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-10[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-10:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-10[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-10:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-10[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-10:hover,
        .u-text-hover-custom-color-10.u-language-url:hover,
        .u-text-hover-custom-color-10 .u-language-url:hover,
        .u-text-hover-custom-color-10.u-carousel-control:hover,
        .u-text-hover-custom-color-10.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-10 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-10:hover
        {
            color: var(--custom-color-10) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-10:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-10[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-10.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-10[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-10,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-10[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-10.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-10 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-10.u-active
        {
            color: var(--custom-color-10) !important;
        }

        .u-text-custom-color-10 .u-svg-link {
            fill: var(--custom-color-10);
        }

        .u-text-hover-custom-color-10:hover .u-svg-link,
        .u-text-hover-custom-color-10:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-10 .u-svg-link
        {
            fill: var(--custom-color-10);
        }

        .u-text-active-custom-color-10:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-10 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-10 .u-svg-link
        {
            fill: var(--custom-color-10);
        }

        .u-link.u-text-custom-color-10:hover
        {
            color: var(--custom-color-10-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-10:hover
        {
            color: var(--custom-color-10) !important;
        }
        /*end-color custom-color-10*/
        /*begin-color custom-color-11*/
        .u-text-custom-color-11,
        .u-input.u-text-custom-color-11,
        .u-input.u-text-custom-color-11[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-11,
        li.active > a.u-button-style.u-text-custom-color-11[class*="u-border-"],
        a.u-button-style.u-text-custom-color-11,
        a.u-button-style.u-text-custom-color-11[class*="u-border-"]
        {
            color: var(--custom-color-11) !important;
            --current-color-r: var(--custom-color-11-r);
            --current-color-g: var(--custom-color-11-g);
            --current-color-b: var(--custom-color-11-b);
        }

        a.u-button-style.u-text-custom-color-11:hover,
        a.u-button-style.u-text-custom-color-11[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-11:focus,
        a.u-button-style.u-text-custom-color-11[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-11:active,
        a.u-button-style.u-button-style.u-text-custom-color-11[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-11.active,
        a.u-button-style.u-button-style.u-text-custom-color-11[class*="u-border-"].active
        {
            color: var(--custom-color-11-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-11,
        a.u-button-style:hover > .u-text-hover-custom-color-11[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-11:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-11[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-11.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-11[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-11:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-11[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-11:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-11[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-11:hover,
        .u-text-hover-custom-color-11.u-language-url:hover,
        .u-text-hover-custom-color-11 .u-language-url:hover,
        .u-text-hover-custom-color-11.u-carousel-control:hover,
        .u-text-hover-custom-color-11.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-11 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-11:hover
        {
            color: var(--custom-color-11) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-11:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-11[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-11.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-11[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-11,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-11[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-11.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-11 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-11.u-active
        {
            color: var(--custom-color-11) !important;
        }

        .u-text-custom-color-11 .u-svg-link {
            fill: var(--custom-color-11);
        }

        .u-text-hover-custom-color-11:hover .u-svg-link,
        .u-text-hover-custom-color-11:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-11 .u-svg-link
        {
            fill: var(--custom-color-11);
        }

        .u-text-active-custom-color-11:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-11 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-11 .u-svg-link
        {
            fill: var(--custom-color-11);
        }

        .u-link.u-text-custom-color-11:hover
        {
            color: var(--custom-color-11-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-11:hover
        {
            color: var(--custom-color-11) !important;
        }
        /*end-color custom-color-11*/
        /*begin-color custom-color-12*/
        .u-text-custom-color-12,
        .u-input.u-text-custom-color-12,
        .u-input.u-text-custom-color-12[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-12,
        li.active > a.u-button-style.u-text-custom-color-12[class*="u-border-"],
        a.u-button-style.u-text-custom-color-12,
        a.u-button-style.u-text-custom-color-12[class*="u-border-"]
        {
            color: var(--custom-color-12) !important;
            --current-color-r: var(--custom-color-12-r);
            --current-color-g: var(--custom-color-12-g);
            --current-color-b: var(--custom-color-12-b);
        }

        a.u-button-style.u-text-custom-color-12:hover,
        a.u-button-style.u-text-custom-color-12[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-12:focus,
        a.u-button-style.u-text-custom-color-12[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-12:active,
        a.u-button-style.u-button-style.u-text-custom-color-12[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-12.active,
        a.u-button-style.u-button-style.u-text-custom-color-12[class*="u-border-"].active
        {
            color: var(--custom-color-12-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-12,
        a.u-button-style:hover > .u-text-hover-custom-color-12[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-12:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-12[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-12.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-12[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-12:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-12[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-12:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-12[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-12:hover,
        .u-text-hover-custom-color-12.u-language-url:hover,
        .u-text-hover-custom-color-12 .u-language-url:hover,
        .u-text-hover-custom-color-12.u-carousel-control:hover,
        .u-text-hover-custom-color-12.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-12 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-12:hover
        {
            color: var(--custom-color-12) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-12:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-12[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-12.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-12[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-12,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-12[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-12.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-12 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-12.u-active
        {
            color: var(--custom-color-12) !important;
        }

        .u-text-custom-color-12 .u-svg-link {
            fill: var(--custom-color-12);
        }

        .u-text-hover-custom-color-12:hover .u-svg-link,
        .u-text-hover-custom-color-12:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-12 .u-svg-link
        {
            fill: var(--custom-color-12);
        }

        .u-text-active-custom-color-12:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-12 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-12 .u-svg-link
        {
            fill: var(--custom-color-12);
        }

        .u-link.u-text-custom-color-12:hover
        {
            color: var(--custom-color-12-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-12:hover
        {
            color: var(--custom-color-12) !important;
        }
        /*end-color custom-color-12*/
        /*begin-color custom-color-13*/
        .u-text-custom-color-13,
        .u-input.u-text-custom-color-13,
        .u-input.u-text-custom-color-13[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-13,
        li.active > a.u-button-style.u-text-custom-color-13[class*="u-border-"],
        a.u-button-style.u-text-custom-color-13,
        a.u-button-style.u-text-custom-color-13[class*="u-border-"]
        {
            color: var(--custom-color-13) !important;
            --current-color-r: var(--custom-color-13-r);
            --current-color-g: var(--custom-color-13-g);
            --current-color-b: var(--custom-color-13-b);
        }

        a.u-button-style.u-text-custom-color-13:hover,
        a.u-button-style.u-text-custom-color-13[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-13:focus,
        a.u-button-style.u-text-custom-color-13[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-13:active,
        a.u-button-style.u-button-style.u-text-custom-color-13[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-13.active,
        a.u-button-style.u-button-style.u-text-custom-color-13[class*="u-border-"].active
        {
            color: var(--custom-color-13-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-13,
        a.u-button-style:hover > .u-text-hover-custom-color-13[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-13:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-13[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-13.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-13[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-13:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-13[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-13:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-13[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-13:hover,
        .u-text-hover-custom-color-13.u-language-url:hover,
        .u-text-hover-custom-color-13 .u-language-url:hover,
        .u-text-hover-custom-color-13.u-carousel-control:hover,
        .u-text-hover-custom-color-13.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-13 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-13:hover
        {
            color: var(--custom-color-13) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-13:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-13[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-13.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-13[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-13,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-13[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-13.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-13 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-13.u-active
        {
            color: var(--custom-color-13) !important;
        }

        .u-text-custom-color-13 .u-svg-link {
            fill: var(--custom-color-13);
        }

        .u-text-hover-custom-color-13:hover .u-svg-link,
        .u-text-hover-custom-color-13:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-13 .u-svg-link
        {
            fill: var(--custom-color-13);
        }

        .u-text-active-custom-color-13:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-13 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-13 .u-svg-link
        {
            fill: var(--custom-color-13);
        }

        .u-link.u-text-custom-color-13:hover
        {
            color: var(--custom-color-13-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-13:hover
        {
            color: var(--custom-color-13) !important;
        }
        /*end-color custom-color-13*/
        /*begin-color custom-color-14*/
        .u-text-custom-color-14,
        .u-input.u-text-custom-color-14,
        .u-input.u-text-custom-color-14[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-14,
        li.active > a.u-button-style.u-text-custom-color-14[class*="u-border-"],
        a.u-button-style.u-text-custom-color-14,
        a.u-button-style.u-text-custom-color-14[class*="u-border-"]
        {
            color: var(--custom-color-14) !important;
            --current-color-r: var(--custom-color-14-r);
            --current-color-g: var(--custom-color-14-g);
            --current-color-b: var(--custom-color-14-b);
        }

        a.u-button-style.u-text-custom-color-14:hover,
        a.u-button-style.u-text-custom-color-14[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-14:focus,
        a.u-button-style.u-text-custom-color-14[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-14:active,
        a.u-button-style.u-button-style.u-text-custom-color-14[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-14.active,
        a.u-button-style.u-button-style.u-text-custom-color-14[class*="u-border-"].active
        {
            color: var(--custom-color-14-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-14,
        a.u-button-style:hover > .u-text-hover-custom-color-14[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-14:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-14[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-14.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-14[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-14:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-14[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-14:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-14[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-14:hover,
        .u-text-hover-custom-color-14.u-language-url:hover,
        .u-text-hover-custom-color-14 .u-language-url:hover,
        .u-text-hover-custom-color-14.u-carousel-control:hover,
        .u-text-hover-custom-color-14.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-14 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-14:hover
        {
            color: var(--custom-color-14) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-14:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-14[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-14.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-14[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-14,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-14[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-14.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-14 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-14.u-active
        {
            color: var(--custom-color-14) !important;
        }

        .u-text-custom-color-14 .u-svg-link {
            fill: var(--custom-color-14);
        }

        .u-text-hover-custom-color-14:hover .u-svg-link,
        .u-text-hover-custom-color-14:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-14 .u-svg-link
        {
            fill: var(--custom-color-14);
        }

        .u-text-active-custom-color-14:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-14 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-14 .u-svg-link
        {
            fill: var(--custom-color-14);
        }

        .u-link.u-text-custom-color-14:hover
        {
            color: var(--custom-color-14-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-14:hover
        {
            color: var(--custom-color-14) !important;
        }
        /*end-color custom-color-14*/
        /*begin-color custom-color-15*/
        .u-text-custom-color-15,
        .u-input.u-text-custom-color-15,
        .u-input.u-text-custom-color-15[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-15,
        li.active > a.u-button-style.u-text-custom-color-15[class*="u-border-"],
        a.u-button-style.u-text-custom-color-15,
        a.u-button-style.u-text-custom-color-15[class*="u-border-"]
        {
            color: var(--custom-color-15) !important;
            --current-color-r: var(--custom-color-15-r);
            --current-color-g: var(--custom-color-15-g);
            --current-color-b: var(--custom-color-15-b);
        }

        a.u-button-style.u-text-custom-color-15:hover,
        a.u-button-style.u-text-custom-color-15[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-15:focus,
        a.u-button-style.u-text-custom-color-15[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-15:active,
        a.u-button-style.u-button-style.u-text-custom-color-15[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-15.active,
        a.u-button-style.u-button-style.u-text-custom-color-15[class*="u-border-"].active
        {
            color: var(--custom-color-15-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-15,
        a.u-button-style:hover > .u-text-hover-custom-color-15[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-15:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-15[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-15.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-15[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-15:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-15[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-15:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-15[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-15:hover,
        .u-text-hover-custom-color-15.u-language-url:hover,
        .u-text-hover-custom-color-15 .u-language-url:hover,
        .u-text-hover-custom-color-15.u-carousel-control:hover,
        .u-text-hover-custom-color-15.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-15 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-15:hover
        {
            color: var(--custom-color-15) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-15:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-15[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-15.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-15[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-15,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-15[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-15.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-15 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-15.u-active
        {
            color: var(--custom-color-15) !important;
        }

        .u-text-custom-color-15 .u-svg-link {
            fill: var(--custom-color-15);
        }

        .u-text-hover-custom-color-15:hover .u-svg-link,
        .u-text-hover-custom-color-15:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-15 .u-svg-link
        {
            fill: var(--custom-color-15);
        }

        .u-text-active-custom-color-15:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-15 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-15 .u-svg-link
        {
            fill: var(--custom-color-15);
        }

        .u-link.u-text-custom-color-15:hover
        {
            color: var(--custom-color-15-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-15:hover
        {
            color: var(--custom-color-15) !important;
        }
        /*end-color custom-color-15*/
        /*begin-color custom-color-16*/
        .u-text-custom-color-16,
        .u-input.u-text-custom-color-16,
        .u-input.u-text-custom-color-16[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-16,
        li.active > a.u-button-style.u-text-custom-color-16[class*="u-border-"],
        a.u-button-style.u-text-custom-color-16,
        a.u-button-style.u-text-custom-color-16[class*="u-border-"]
        {
            color: var(--custom-color-16) !important;
            --current-color-r: var(--custom-color-16-r);
            --current-color-g: var(--custom-color-16-g);
            --current-color-b: var(--custom-color-16-b);
        }

        a.u-button-style.u-text-custom-color-16:hover,
        a.u-button-style.u-text-custom-color-16[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-16:focus,
        a.u-button-style.u-text-custom-color-16[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-16:active,
        a.u-button-style.u-button-style.u-text-custom-color-16[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-16.active,
        a.u-button-style.u-button-style.u-text-custom-color-16[class*="u-border-"].active
        {
            color: var(--custom-color-16-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-16,
        a.u-button-style:hover > .u-text-hover-custom-color-16[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-16:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-16[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-16.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-16[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-16:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-16[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-16:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-16[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-16:hover,
        .u-text-hover-custom-color-16.u-language-url:hover,
        .u-text-hover-custom-color-16 .u-language-url:hover,
        .u-text-hover-custom-color-16.u-carousel-control:hover,
        .u-text-hover-custom-color-16.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-16 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-16:hover
        {
            color: var(--custom-color-16) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-16:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-16[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-16.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-16[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-16,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-16[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-16.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-16 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-16.u-active
        {
            color: var(--custom-color-16) !important;
        }

        .u-text-custom-color-16 .u-svg-link {
            fill: var(--custom-color-16);
        }

        .u-text-hover-custom-color-16:hover .u-svg-link,
        .u-text-hover-custom-color-16:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-16 .u-svg-link
        {
            fill: var(--custom-color-16);
        }

        .u-text-active-custom-color-16:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-16 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-16 .u-svg-link
        {
            fill: var(--custom-color-16);
        }

        .u-link.u-text-custom-color-16:hover
        {
            color: var(--custom-color-16-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-16:hover
        {
            color: var(--custom-color-16) !important;
        }
        /*end-color custom-color-16*/
        /*begin-color custom-color-17*/
        .u-text-custom-color-17,
        .u-input.u-text-custom-color-17,
        .u-input.u-text-custom-color-17[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-17,
        li.active > a.u-button-style.u-text-custom-color-17[class*="u-border-"],
        a.u-button-style.u-text-custom-color-17,
        a.u-button-style.u-text-custom-color-17[class*="u-border-"]
        {
            color: var(--custom-color-17) !important;
            --current-color-r: var(--custom-color-17-r);
            --current-color-g: var(--custom-color-17-g);
            --current-color-b: var(--custom-color-17-b);
        }

        a.u-button-style.u-text-custom-color-17:hover,
        a.u-button-style.u-text-custom-color-17[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-17:focus,
        a.u-button-style.u-text-custom-color-17[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-17:active,
        a.u-button-style.u-button-style.u-text-custom-color-17[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-17.active,
        a.u-button-style.u-button-style.u-text-custom-color-17[class*="u-border-"].active
        {
            color: var(--custom-color-17-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-17,
        a.u-button-style:hover > .u-text-hover-custom-color-17[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-17:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-17[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-17.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-17[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-17:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-17[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-17:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-17[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-17:hover,
        .u-text-hover-custom-color-17.u-language-url:hover,
        .u-text-hover-custom-color-17 .u-language-url:hover,
        .u-text-hover-custom-color-17.u-carousel-control:hover,
        .u-text-hover-custom-color-17.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-17 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-17:hover
        {
            color: var(--custom-color-17) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-17:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-17[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-17.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-17[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-17,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-17[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-17.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-17 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-17.u-active
        {
            color: var(--custom-color-17) !important;
        }

        .u-text-custom-color-17 .u-svg-link {
            fill: var(--custom-color-17);
        }

        .u-text-hover-custom-color-17:hover .u-svg-link,
        .u-text-hover-custom-color-17:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-17 .u-svg-link
        {
            fill: var(--custom-color-17);
        }

        .u-text-active-custom-color-17:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-17 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-17 .u-svg-link
        {
            fill: var(--custom-color-17);
        }

        .u-link.u-text-custom-color-17:hover
        {
            color: var(--custom-color-17-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-17:hover
        {
            color: var(--custom-color-17) !important;
        }
        /*end-color custom-color-17*/
        /*begin-color custom-color-18*/
        .u-text-custom-color-18,
        .u-input.u-text-custom-color-18,
        .u-input.u-text-custom-color-18[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-18,
        li.active > a.u-button-style.u-text-custom-color-18[class*="u-border-"],
        a.u-button-style.u-text-custom-color-18,
        a.u-button-style.u-text-custom-color-18[class*="u-border-"]
        {
            color: var(--custom-color-18) !important;
            --current-color-r: var(--custom-color-18-r);
            --current-color-g: var(--custom-color-18-g);
            --current-color-b: var(--custom-color-18-b);
        }

        a.u-button-style.u-text-custom-color-18:hover,
        a.u-button-style.u-text-custom-color-18[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-18:focus,
        a.u-button-style.u-text-custom-color-18[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-18:active,
        a.u-button-style.u-button-style.u-text-custom-color-18[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-18.active,
        a.u-button-style.u-button-style.u-text-custom-color-18[class*="u-border-"].active
        {
            color: var(--custom-color-18-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-18,
        a.u-button-style:hover > .u-text-hover-custom-color-18[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-18:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-18[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-18.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-18[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-18:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-18[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-18:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-18[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-18:hover,
        .u-text-hover-custom-color-18.u-language-url:hover,
        .u-text-hover-custom-color-18 .u-language-url:hover,
        .u-text-hover-custom-color-18.u-carousel-control:hover,
        .u-text-hover-custom-color-18.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-18 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-18:hover
        {
            color: var(--custom-color-18) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-18:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-18[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-18.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-18[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-18,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-18[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-18.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-18 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-18.u-active
        {
            color: var(--custom-color-18) !important;
        }

        .u-text-custom-color-18 .u-svg-link {
            fill: var(--custom-color-18);
        }

        .u-text-hover-custom-color-18:hover .u-svg-link,
        .u-text-hover-custom-color-18:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-18 .u-svg-link
        {
            fill: var(--custom-color-18);
        }

        .u-text-active-custom-color-18:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-18 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-18 .u-svg-link
        {
            fill: var(--custom-color-18);
        }

        .u-link.u-text-custom-color-18:hover
        {
            color: var(--custom-color-18-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-18:hover
        {
            color: var(--custom-color-18) !important;
        }
        /*end-color custom-color-18*/
        /*begin-color custom-color-19*/
        .u-text-custom-color-19,
        .u-input.u-text-custom-color-19,
        .u-input.u-text-custom-color-19[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-19,
        li.active > a.u-button-style.u-text-custom-color-19[class*="u-border-"],
        a.u-button-style.u-text-custom-color-19,
        a.u-button-style.u-text-custom-color-19[class*="u-border-"]
        {
            color: var(--custom-color-19) !important;
            --current-color-r: var(--custom-color-19-r);
            --current-color-g: var(--custom-color-19-g);
            --current-color-b: var(--custom-color-19-b);
        }

        a.u-button-style.u-text-custom-color-19:hover,
        a.u-button-style.u-text-custom-color-19[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-19:focus,
        a.u-button-style.u-text-custom-color-19[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-19:active,
        a.u-button-style.u-button-style.u-text-custom-color-19[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-19.active,
        a.u-button-style.u-button-style.u-text-custom-color-19[class*="u-border-"].active
        {
            color: var(--custom-color-19-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-19,
        a.u-button-style:hover > .u-text-hover-custom-color-19[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-19:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-19[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-19.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-19[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-19:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-19[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-19:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-19[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-19:hover,
        .u-text-hover-custom-color-19.u-language-url:hover,
        .u-text-hover-custom-color-19 .u-language-url:hover,
        .u-text-hover-custom-color-19.u-carousel-control:hover,
        .u-text-hover-custom-color-19.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-19 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-19:hover
        {
            color: var(--custom-color-19) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-19:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-19[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-19.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-19[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-19,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-19[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-19.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-19 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-19.u-active
        {
            color: var(--custom-color-19) !important;
        }

        .u-text-custom-color-19 .u-svg-link {
            fill: var(--custom-color-19);
        }

        .u-text-hover-custom-color-19:hover .u-svg-link,
        .u-text-hover-custom-color-19:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-19 .u-svg-link
        {
            fill: var(--custom-color-19);
        }

        .u-text-active-custom-color-19:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-19 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-19 .u-svg-link
        {
            fill: var(--custom-color-19);
        }

        .u-link.u-text-custom-color-19:hover
        {
            color: var(--custom-color-19-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-19:hover
        {
            color: var(--custom-color-19) !important;
        }
        /*end-color custom-color-19*/
        /*begin-color custom-color-20*/
        .u-text-custom-color-20,
        .u-input.u-text-custom-color-20,
        .u-input.u-text-custom-color-20[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-20,
        li.active > a.u-button-style.u-text-custom-color-20[class*="u-border-"],
        a.u-button-style.u-text-custom-color-20,
        a.u-button-style.u-text-custom-color-20[class*="u-border-"]
        {
            color: var(--custom-color-20) !important;
            --current-color-r: var(--custom-color-20-r);
            --current-color-g: var(--custom-color-20-g);
            --current-color-b: var(--custom-color-20-b);
        }

        a.u-button-style.u-text-custom-color-20:hover,
        a.u-button-style.u-text-custom-color-20[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-20:focus,
        a.u-button-style.u-text-custom-color-20[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-20:active,
        a.u-button-style.u-button-style.u-text-custom-color-20[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-20.active,
        a.u-button-style.u-button-style.u-text-custom-color-20[class*="u-border-"].active
        {
            color: var(--custom-color-20-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-20,
        a.u-button-style:hover > .u-text-hover-custom-color-20[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-20:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-20[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-20.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-20[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-20:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-20[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-20:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-20[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-20:hover,
        .u-text-hover-custom-color-20.u-language-url:hover,
        .u-text-hover-custom-color-20 .u-language-url:hover,
        .u-text-hover-custom-color-20.u-carousel-control:hover,
        .u-text-hover-custom-color-20.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-20 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-20:hover
        {
            color: var(--custom-color-20) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-20:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-20[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-20.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-20[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-20,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-20[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-20.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-20 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-20.u-active
        {
            color: var(--custom-color-20) !important;
        }

        .u-text-custom-color-20 .u-svg-link {
            fill: var(--custom-color-20);
        }

        .u-text-hover-custom-color-20:hover .u-svg-link,
        .u-text-hover-custom-color-20:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-20 .u-svg-link
        {
            fill: var(--custom-color-20);
        }

        .u-text-active-custom-color-20:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-20 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-20 .u-svg-link
        {
            fill: var(--custom-color-20);
        }

        .u-link.u-text-custom-color-20:hover
        {
            color: var(--custom-color-20-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-20:hover
        {
            color: var(--custom-color-20) !important;
        }
        /*end-color custom-color-20*/
        /*begin-color custom-color-21*/
        .u-text-custom-color-21,
        .u-input.u-text-custom-color-21,
        .u-input.u-text-custom-color-21[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-21,
        li.active > a.u-button-style.u-text-custom-color-21[class*="u-border-"],
        a.u-button-style.u-text-custom-color-21,
        a.u-button-style.u-text-custom-color-21[class*="u-border-"]
        {
            color: var(--custom-color-21) !important;
            --current-color-r: var(--custom-color-21-r);
            --current-color-g: var(--custom-color-21-g);
            --current-color-b: var(--custom-color-21-b);
        }

        a.u-button-style.u-text-custom-color-21:hover,
        a.u-button-style.u-text-custom-color-21[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-21:focus,
        a.u-button-style.u-text-custom-color-21[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-21:active,
        a.u-button-style.u-button-style.u-text-custom-color-21[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-21.active,
        a.u-button-style.u-button-style.u-text-custom-color-21[class*="u-border-"].active
        {
            color: var(--custom-color-21-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-21,
        a.u-button-style:hover > .u-text-hover-custom-color-21[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-21:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-21[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-21.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-21[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-21:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-21[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-21:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-21[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-21:hover,
        .u-text-hover-custom-color-21.u-language-url:hover,
        .u-text-hover-custom-color-21 .u-language-url:hover,
        .u-text-hover-custom-color-21.u-carousel-control:hover,
        .u-text-hover-custom-color-21.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-21 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-21:hover
        {
            color: var(--custom-color-21) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-21:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-21[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-21.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-21[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-21,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-21[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-21.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-21 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-21.u-active
        {
            color: var(--custom-color-21) !important;
        }

        .u-text-custom-color-21 .u-svg-link {
            fill: var(--custom-color-21);
        }

        .u-text-hover-custom-color-21:hover .u-svg-link,
        .u-text-hover-custom-color-21:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-21 .u-svg-link
        {
            fill: var(--custom-color-21);
        }

        .u-text-active-custom-color-21:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-21 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-21 .u-svg-link
        {
            fill: var(--custom-color-21);
        }

        .u-link.u-text-custom-color-21:hover
        {
            color: var(--custom-color-21-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-21:hover
        {
            color: var(--custom-color-21) !important;
        }
        /*end-color custom-color-21*/
        /*begin-color custom-color-22*/
        .u-text-custom-color-22,
        .u-input.u-text-custom-color-22,
        .u-input.u-text-custom-color-22[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-22,
        li.active > a.u-button-style.u-text-custom-color-22[class*="u-border-"],
        a.u-button-style.u-text-custom-color-22,
        a.u-button-style.u-text-custom-color-22[class*="u-border-"]
        {
            color: var(--custom-color-22) !important;
            --current-color-r: var(--custom-color-22-r);
            --current-color-g: var(--custom-color-22-g);
            --current-color-b: var(--custom-color-22-b);
        }

        a.u-button-style.u-text-custom-color-22:hover,
        a.u-button-style.u-text-custom-color-22[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-22:focus,
        a.u-button-style.u-text-custom-color-22[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-22:active,
        a.u-button-style.u-button-style.u-text-custom-color-22[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-22.active,
        a.u-button-style.u-button-style.u-text-custom-color-22[class*="u-border-"].active
        {
            color: var(--custom-color-22-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-22,
        a.u-button-style:hover > .u-text-hover-custom-color-22[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-22:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-22[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-22.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-22[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-22:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-22[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-22:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-22[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-22:hover,
        .u-text-hover-custom-color-22.u-language-url:hover,
        .u-text-hover-custom-color-22 .u-language-url:hover,
        .u-text-hover-custom-color-22.u-carousel-control:hover,
        .u-text-hover-custom-color-22.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-22 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-22:hover
        {
            color: var(--custom-color-22) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-22:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-22[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-22.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-22[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-22,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-22[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-22.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-22 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-22.u-active
        {
            color: var(--custom-color-22) !important;
        }

        .u-text-custom-color-22 .u-svg-link {
            fill: var(--custom-color-22);
        }

        .u-text-hover-custom-color-22:hover .u-svg-link,
        .u-text-hover-custom-color-22:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-22 .u-svg-link
        {
            fill: var(--custom-color-22);
        }

        .u-text-active-custom-color-22:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-22 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-22 .u-svg-link
        {
            fill: var(--custom-color-22);
        }

        .u-link.u-text-custom-color-22:hover
        {
            color: var(--custom-color-22-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-22:hover
        {
            color: var(--custom-color-22) !important;
        }
        /*end-color custom-color-22*/
        /*begin-color custom-color-23*/
        .u-text-custom-color-23,
        .u-input.u-text-custom-color-23,
        .u-input.u-text-custom-color-23[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-23,
        li.active > a.u-button-style.u-text-custom-color-23[class*="u-border-"],
        a.u-button-style.u-text-custom-color-23,
        a.u-button-style.u-text-custom-color-23[class*="u-border-"]
        {
            color: var(--custom-color-23) !important;
            --current-color-r: var(--custom-color-23-r);
            --current-color-g: var(--custom-color-23-g);
            --current-color-b: var(--custom-color-23-b);
        }

        a.u-button-style.u-text-custom-color-23:hover,
        a.u-button-style.u-text-custom-color-23[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-23:focus,
        a.u-button-style.u-text-custom-color-23[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-23:active,
        a.u-button-style.u-button-style.u-text-custom-color-23[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-23.active,
        a.u-button-style.u-button-style.u-text-custom-color-23[class*="u-border-"].active
        {
            color: var(--custom-color-23-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-23,
        a.u-button-style:hover > .u-text-hover-custom-color-23[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-23:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-23[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-23.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-23[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-23:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-23[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-23:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-23[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-23:hover,
        .u-text-hover-custom-color-23.u-language-url:hover,
        .u-text-hover-custom-color-23 .u-language-url:hover,
        .u-text-hover-custom-color-23.u-carousel-control:hover,
        .u-text-hover-custom-color-23.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-23 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-23:hover
        {
            color: var(--custom-color-23) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-23:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-23[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-23.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-23[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-23,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-23[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-23.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-23 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-23.u-active
        {
            color: var(--custom-color-23) !important;
        }

        .u-text-custom-color-23 .u-svg-link {
            fill: var(--custom-color-23);
        }

        .u-text-hover-custom-color-23:hover .u-svg-link,
        .u-text-hover-custom-color-23:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-23 .u-svg-link
        {
            fill: var(--custom-color-23);
        }

        .u-text-active-custom-color-23:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-23 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-23 .u-svg-link
        {
            fill: var(--custom-color-23);
        }

        .u-link.u-text-custom-color-23:hover
        {
            color: var(--custom-color-23-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-23:hover
        {
            color: var(--custom-color-23) !important;
        }
        /*end-color custom-color-23*/
        /*begin-color custom-color-24*/
        .u-text-custom-color-24,
        .u-input.u-text-custom-color-24,
        .u-input.u-text-custom-color-24[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-24,
        li.active > a.u-button-style.u-text-custom-color-24[class*="u-border-"],
        a.u-button-style.u-text-custom-color-24,
        a.u-button-style.u-text-custom-color-24[class*="u-border-"]
        {
            color: var(--custom-color-24) !important;
            --current-color-r: var(--custom-color-24-r);
            --current-color-g: var(--custom-color-24-g);
            --current-color-b: var(--custom-color-24-b);
        }

        a.u-button-style.u-text-custom-color-24:hover,
        a.u-button-style.u-text-custom-color-24[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-24:focus,
        a.u-button-style.u-text-custom-color-24[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-24:active,
        a.u-button-style.u-button-style.u-text-custom-color-24[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-24.active,
        a.u-button-style.u-button-style.u-text-custom-color-24[class*="u-border-"].active
        {
            color: var(--custom-color-24-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-24,
        a.u-button-style:hover > .u-text-hover-custom-color-24[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-24:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-24[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-24.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-24[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-24:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-24[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-24:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-24[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-24:hover,
        .u-text-hover-custom-color-24.u-language-url:hover,
        .u-text-hover-custom-color-24 .u-language-url:hover,
        .u-text-hover-custom-color-24.u-carousel-control:hover,
        .u-text-hover-custom-color-24.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-24 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-24:hover
        {
            color: var(--custom-color-24) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-24:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-24[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-24.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-24[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-24,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-24[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-24.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-24 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-24.u-active
        {
            color: var(--custom-color-24) !important;
        }

        .u-text-custom-color-24 .u-svg-link {
            fill: var(--custom-color-24);
        }

        .u-text-hover-custom-color-24:hover .u-svg-link,
        .u-text-hover-custom-color-24:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-24 .u-svg-link
        {
            fill: var(--custom-color-24);
        }

        .u-text-active-custom-color-24:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-24 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-24 .u-svg-link
        {
            fill: var(--custom-color-24);
        }

        .u-link.u-text-custom-color-24:hover
        {
            color: var(--custom-color-24-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-24:hover
        {
            color: var(--custom-color-24) !important;
        }
        /*end-color custom-color-24*/
        /*begin-color custom-color-25*/
        .u-text-custom-color-25,
        .u-input.u-text-custom-color-25,
        .u-input.u-text-custom-color-25[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-25,
        li.active > a.u-button-style.u-text-custom-color-25[class*="u-border-"],
        a.u-button-style.u-text-custom-color-25,
        a.u-button-style.u-text-custom-color-25[class*="u-border-"]
        {
            color: var(--custom-color-25) !important;
            --current-color-r: var(--custom-color-25-r);
            --current-color-g: var(--custom-color-25-g);
            --current-color-b: var(--custom-color-25-b);
        }

        a.u-button-style.u-text-custom-color-25:hover,
        a.u-button-style.u-text-custom-color-25[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-25:focus,
        a.u-button-style.u-text-custom-color-25[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-25:active,
        a.u-button-style.u-button-style.u-text-custom-color-25[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-25.active,
        a.u-button-style.u-button-style.u-text-custom-color-25[class*="u-border-"].active
        {
            color: var(--custom-color-25-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-25,
        a.u-button-style:hover > .u-text-hover-custom-color-25[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-25:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-25[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-25.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-25[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-25:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-25[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-25:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-25[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-25:hover,
        .u-text-hover-custom-color-25.u-language-url:hover,
        .u-text-hover-custom-color-25 .u-language-url:hover,
        .u-text-hover-custom-color-25.u-carousel-control:hover,
        .u-text-hover-custom-color-25.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-25 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-25:hover
        {
            color: var(--custom-color-25) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-25:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-25[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-25.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-25[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-25,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-25[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-25.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-25 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-25.u-active
        {
            color: var(--custom-color-25) !important;
        }

        .u-text-custom-color-25 .u-svg-link {
            fill: var(--custom-color-25);
        }

        .u-text-hover-custom-color-25:hover .u-svg-link,
        .u-text-hover-custom-color-25:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-25 .u-svg-link
        {
            fill: var(--custom-color-25);
        }

        .u-text-active-custom-color-25:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-25 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-25 .u-svg-link
        {
            fill: var(--custom-color-25);
        }

        .u-link.u-text-custom-color-25:hover
        {
            color: var(--custom-color-25-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-25:hover
        {
            color: var(--custom-color-25) !important;
        }
        /*end-color custom-color-25*/
        /*begin-color custom-color-26*/
        .u-text-custom-color-26,
        .u-input.u-text-custom-color-26,
        .u-input.u-text-custom-color-26[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-26,
        li.active > a.u-button-style.u-text-custom-color-26[class*="u-border-"],
        a.u-button-style.u-text-custom-color-26,
        a.u-button-style.u-text-custom-color-26[class*="u-border-"]
        {
            color: var(--custom-color-26) !important;
            --current-color-r: var(--custom-color-26-r);
            --current-color-g: var(--custom-color-26-g);
            --current-color-b: var(--custom-color-26-b);
        }

        a.u-button-style.u-text-custom-color-26:hover,
        a.u-button-style.u-text-custom-color-26[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-26:focus,
        a.u-button-style.u-text-custom-color-26[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-26:active,
        a.u-button-style.u-button-style.u-text-custom-color-26[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-26.active,
        a.u-button-style.u-button-style.u-text-custom-color-26[class*="u-border-"].active
        {
            color: var(--custom-color-26-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-26,
        a.u-button-style:hover > .u-text-hover-custom-color-26[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-26:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-26[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-26.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-26[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-26:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-26[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-26:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-26[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-26:hover,
        .u-text-hover-custom-color-26.u-language-url:hover,
        .u-text-hover-custom-color-26 .u-language-url:hover,
        .u-text-hover-custom-color-26.u-carousel-control:hover,
        .u-text-hover-custom-color-26.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-26 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-26:hover
        {
            color: var(--custom-color-26) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-26:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-26[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-26.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-26[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-26,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-26[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-26.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-26 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-26.u-active
        {
            color: var(--custom-color-26) !important;
        }

        .u-text-custom-color-26 .u-svg-link {
            fill: var(--custom-color-26);
        }

        .u-text-hover-custom-color-26:hover .u-svg-link,
        .u-text-hover-custom-color-26:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-26 .u-svg-link
        {
            fill: var(--custom-color-26);
        }

        .u-text-active-custom-color-26:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-26 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-26 .u-svg-link
        {
            fill: var(--custom-color-26);
        }

        .u-link.u-text-custom-color-26:hover
        {
            color: var(--custom-color-26-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-26:hover
        {
            color: var(--custom-color-26) !important;
        }
        /*end-color custom-color-26*/
        /*begin-color custom-color-27*/
        .u-text-custom-color-27,
        .u-input.u-text-custom-color-27,
        .u-input.u-text-custom-color-27[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-27,
        li.active > a.u-button-style.u-text-custom-color-27[class*="u-border-"],
        a.u-button-style.u-text-custom-color-27,
        a.u-button-style.u-text-custom-color-27[class*="u-border-"]
        {
            color: var(--custom-color-27) !important;
            --current-color-r: var(--custom-color-27-r);
            --current-color-g: var(--custom-color-27-g);
            --current-color-b: var(--custom-color-27-b);
        }

        a.u-button-style.u-text-custom-color-27:hover,
        a.u-button-style.u-text-custom-color-27[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-27:focus,
        a.u-button-style.u-text-custom-color-27[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-27:active,
        a.u-button-style.u-button-style.u-text-custom-color-27[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-27.active,
        a.u-button-style.u-button-style.u-text-custom-color-27[class*="u-border-"].active
        {
            color: var(--custom-color-27-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-27,
        a.u-button-style:hover > .u-text-hover-custom-color-27[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-27:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-27[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-27.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-27[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-27:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-27[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-27:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-27[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-27:hover,
        .u-text-hover-custom-color-27.u-language-url:hover,
        .u-text-hover-custom-color-27 .u-language-url:hover,
        .u-text-hover-custom-color-27.u-carousel-control:hover,
        .u-text-hover-custom-color-27.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-27 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-27:hover
        {
            color: var(--custom-color-27) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-27:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-27[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-27.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-27[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-27,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-27[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-27.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-27 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-27.u-active
        {
            color: var(--custom-color-27) !important;
        }

        .u-text-custom-color-27 .u-svg-link {
            fill: var(--custom-color-27);
        }

        .u-text-hover-custom-color-27:hover .u-svg-link,
        .u-text-hover-custom-color-27:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-27 .u-svg-link
        {
            fill: var(--custom-color-27);
        }

        .u-text-active-custom-color-27:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-27 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-27 .u-svg-link
        {
            fill: var(--custom-color-27);
        }

        .u-link.u-text-custom-color-27:hover
        {
            color: var(--custom-color-27-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-27:hover
        {
            color: var(--custom-color-27) !important;
        }
        /*end-color custom-color-27*/
        /*begin-color custom-color-28*/
        .u-text-custom-color-28,
        .u-input.u-text-custom-color-28,
        .u-input.u-text-custom-color-28[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-28,
        li.active > a.u-button-style.u-text-custom-color-28[class*="u-border-"],
        a.u-button-style.u-text-custom-color-28,
        a.u-button-style.u-text-custom-color-28[class*="u-border-"]
        {
            color: var(--custom-color-28) !important;
            --current-color-r: var(--custom-color-28-r);
            --current-color-g: var(--custom-color-28-g);
            --current-color-b: var(--custom-color-28-b);
        }

        a.u-button-style.u-text-custom-color-28:hover,
        a.u-button-style.u-text-custom-color-28[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-28:focus,
        a.u-button-style.u-text-custom-color-28[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-28:active,
        a.u-button-style.u-button-style.u-text-custom-color-28[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-28.active,
        a.u-button-style.u-button-style.u-text-custom-color-28[class*="u-border-"].active
        {
            color: var(--custom-color-28-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-28,
        a.u-button-style:hover > .u-text-hover-custom-color-28[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-28:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-28[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-28.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-28[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-28:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-28[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-28:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-28[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-28:hover,
        .u-text-hover-custom-color-28.u-language-url:hover,
        .u-text-hover-custom-color-28 .u-language-url:hover,
        .u-text-hover-custom-color-28.u-carousel-control:hover,
        .u-text-hover-custom-color-28.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-28 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-28:hover
        {
            color: var(--custom-color-28) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-28:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-28[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-28.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-28[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-28,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-28[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-28.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-28 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-28.u-active
        {
            color: var(--custom-color-28) !important;
        }

        .u-text-custom-color-28 .u-svg-link {
            fill: var(--custom-color-28);
        }

        .u-text-hover-custom-color-28:hover .u-svg-link,
        .u-text-hover-custom-color-28:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-28 .u-svg-link
        {
            fill: var(--custom-color-28);
        }

        .u-text-active-custom-color-28:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-28 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-28 .u-svg-link
        {
            fill: var(--custom-color-28);
        }

        .u-link.u-text-custom-color-28:hover
        {
            color: var(--custom-color-28-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-28:hover
        {
            color: var(--custom-color-28) !important;
        }
        /*end-color custom-color-28*/
        /*begin-color custom-color-29*/
        .u-text-custom-color-29,
        .u-input.u-text-custom-color-29,
        .u-input.u-text-custom-color-29[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-29,
        li.active > a.u-button-style.u-text-custom-color-29[class*="u-border-"],
        a.u-button-style.u-text-custom-color-29,
        a.u-button-style.u-text-custom-color-29[class*="u-border-"]
        {
            color: var(--custom-color-29) !important;
            --current-color-r: var(--custom-color-29-r);
            --current-color-g: var(--custom-color-29-g);
            --current-color-b: var(--custom-color-29-b);
        }

        a.u-button-style.u-text-custom-color-29:hover,
        a.u-button-style.u-text-custom-color-29[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-29:focus,
        a.u-button-style.u-text-custom-color-29[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-29:active,
        a.u-button-style.u-button-style.u-text-custom-color-29[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-29.active,
        a.u-button-style.u-button-style.u-text-custom-color-29[class*="u-border-"].active
        {
            color: var(--custom-color-29-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-29,
        a.u-button-style:hover > .u-text-hover-custom-color-29[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-29:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-29[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-29.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-29[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-29:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-29[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-29:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-29[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-29:hover,
        .u-text-hover-custom-color-29.u-language-url:hover,
        .u-text-hover-custom-color-29 .u-language-url:hover,
        .u-text-hover-custom-color-29.u-carousel-control:hover,
        .u-text-hover-custom-color-29.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-29 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-29:hover
        {
            color: var(--custom-color-29) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-29:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-29[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-29.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-29[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-29,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-29[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-29.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-29 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-29.u-active
        {
            color: var(--custom-color-29) !important;
        }

        .u-text-custom-color-29 .u-svg-link {
            fill: var(--custom-color-29);
        }

        .u-text-hover-custom-color-29:hover .u-svg-link,
        .u-text-hover-custom-color-29:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-29 .u-svg-link
        {
            fill: var(--custom-color-29);
        }

        .u-text-active-custom-color-29:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-29 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-29 .u-svg-link
        {
            fill: var(--custom-color-29);
        }

        .u-link.u-text-custom-color-29:hover
        {
            color: var(--custom-color-29-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-29:hover
        {
            color: var(--custom-color-29) !important;
        }
        /*end-color custom-color-29*/
        /*begin-color custom-color-30*/
        .u-text-custom-color-30,
        .u-input.u-text-custom-color-30,
        .u-input.u-text-custom-color-30[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-30,
        li.active > a.u-button-style.u-text-custom-color-30[class*="u-border-"],
        a.u-button-style.u-text-custom-color-30,
        a.u-button-style.u-text-custom-color-30[class*="u-border-"]
        {
            color: var(--custom-color-30) !important;
            --current-color-r: var(--custom-color-30-r);
            --current-color-g: var(--custom-color-30-g);
            --current-color-b: var(--custom-color-30-b);
        }

        a.u-button-style.u-text-custom-color-30:hover,
        a.u-button-style.u-text-custom-color-30[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-30:focus,
        a.u-button-style.u-text-custom-color-30[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-30:active,
        a.u-button-style.u-button-style.u-text-custom-color-30[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-30.active,
        a.u-button-style.u-button-style.u-text-custom-color-30[class*="u-border-"].active
        {
            color: var(--custom-color-30-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-30,
        a.u-button-style:hover > .u-text-hover-custom-color-30[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-30:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-30[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-30.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-30[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-30:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-30[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-30:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-30[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-30:hover,
        .u-text-hover-custom-color-30.u-language-url:hover,
        .u-text-hover-custom-color-30 .u-language-url:hover,
        .u-text-hover-custom-color-30.u-carousel-control:hover,
        .u-text-hover-custom-color-30.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-30 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-30:hover
        {
            color: var(--custom-color-30) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-30:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-30[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-30.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-30[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-30,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-30[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-30.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-30 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-30.u-active
        {
            color: var(--custom-color-30) !important;
        }

        .u-text-custom-color-30 .u-svg-link {
            fill: var(--custom-color-30);
        }

        .u-text-hover-custom-color-30:hover .u-svg-link,
        .u-text-hover-custom-color-30:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-30 .u-svg-link
        {
            fill: var(--custom-color-30);
        }

        .u-text-active-custom-color-30:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-30 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-30 .u-svg-link
        {
            fill: var(--custom-color-30);
        }

        .u-link.u-text-custom-color-30:hover
        {
            color: var(--custom-color-30-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-30:hover
        {
            color: var(--custom-color-30) !important;
        }
        /*end-color custom-color-30*/
        /*begin-color custom-color-31*/
        .u-text-custom-color-31,
        .u-input.u-text-custom-color-31,
        .u-input.u-text-custom-color-31[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-31,
        li.active > a.u-button-style.u-text-custom-color-31[class*="u-border-"],
        a.u-button-style.u-text-custom-color-31,
        a.u-button-style.u-text-custom-color-31[class*="u-border-"]
        {
            color: var(--custom-color-31) !important;
            --current-color-r: var(--custom-color-31-r);
            --current-color-g: var(--custom-color-31-g);
            --current-color-b: var(--custom-color-31-b);
        }

        a.u-button-style.u-text-custom-color-31:hover,
        a.u-button-style.u-text-custom-color-31[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-31:focus,
        a.u-button-style.u-text-custom-color-31[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-31:active,
        a.u-button-style.u-button-style.u-text-custom-color-31[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-31.active,
        a.u-button-style.u-button-style.u-text-custom-color-31[class*="u-border-"].active
        {
            color: var(--custom-color-31-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-31,
        a.u-button-style:hover > .u-text-hover-custom-color-31[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-31:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-31[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-31.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-31[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-31:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-31[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-31:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-31[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-31:hover,
        .u-text-hover-custom-color-31.u-language-url:hover,
        .u-text-hover-custom-color-31 .u-language-url:hover,
        .u-text-hover-custom-color-31.u-carousel-control:hover,
        .u-text-hover-custom-color-31.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-31 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-31:hover
        {
            color: var(--custom-color-31) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-31:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-31[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-31.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-31[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-31,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-31[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-31.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-31 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-31.u-active
        {
            color: var(--custom-color-31) !important;
        }

        .u-text-custom-color-31 .u-svg-link {
            fill: var(--custom-color-31);
        }

        .u-text-hover-custom-color-31:hover .u-svg-link,
        .u-text-hover-custom-color-31:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-31 .u-svg-link
        {
            fill: var(--custom-color-31);
        }

        .u-text-active-custom-color-31:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-31 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-31 .u-svg-link
        {
            fill: var(--custom-color-31);
        }

        .u-link.u-text-custom-color-31:hover
        {
            color: var(--custom-color-31-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-31:hover
        {
            color: var(--custom-color-31) !important;
        }
        /*end-color custom-color-31*/
        /*begin-color custom-color-32*/
        .u-text-custom-color-32,
        .u-input.u-text-custom-color-32,
        .u-input.u-text-custom-color-32[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-32,
        li.active > a.u-button-style.u-text-custom-color-32[class*="u-border-"],
        a.u-button-style.u-text-custom-color-32,
        a.u-button-style.u-text-custom-color-32[class*="u-border-"]
        {
            color: var(--custom-color-32) !important;
            --current-color-r: var(--custom-color-32-r);
            --current-color-g: var(--custom-color-32-g);
            --current-color-b: var(--custom-color-32-b);
        }

        a.u-button-style.u-text-custom-color-32:hover,
        a.u-button-style.u-text-custom-color-32[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-32:focus,
        a.u-button-style.u-text-custom-color-32[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-32:active,
        a.u-button-style.u-button-style.u-text-custom-color-32[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-32.active,
        a.u-button-style.u-button-style.u-text-custom-color-32[class*="u-border-"].active
        {
            color: var(--custom-color-32-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-32,
        a.u-button-style:hover > .u-text-hover-custom-color-32[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-32:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-32[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-32.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-32[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-32:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-32[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-32:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-32[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-32:hover,
        .u-text-hover-custom-color-32.u-language-url:hover,
        .u-text-hover-custom-color-32 .u-language-url:hover,
        .u-text-hover-custom-color-32.u-carousel-control:hover,
        .u-text-hover-custom-color-32.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-32 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-32:hover
        {
            color: var(--custom-color-32) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-32:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-32[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-32.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-32[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-32,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-32[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-32.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-32 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-32.u-active
        {
            color: var(--custom-color-32) !important;
        }

        .u-text-custom-color-32 .u-svg-link {
            fill: var(--custom-color-32);
        }

        .u-text-hover-custom-color-32:hover .u-svg-link,
        .u-text-hover-custom-color-32:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-32 .u-svg-link
        {
            fill: var(--custom-color-32);
        }

        .u-text-active-custom-color-32:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-32 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-32 .u-svg-link
        {
            fill: var(--custom-color-32);
        }

        .u-link.u-text-custom-color-32:hover
        {
            color: var(--custom-color-32-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-32:hover
        {
            color: var(--custom-color-32) !important;
        }
        /*end-color custom-color-32*/

        .u-body
        {
        --title-font-size: 3rem;
        --title-line-height: 1.1;
        --title-margin-top: 20px;
        --title-margin-bottom: 20px;
        --title-font-weight: 700;
        --subtitle-font-weight: 400;
        --subtitle-font-size: 2.25rem;
        --subtitle-line-height: 1.1;
        --subtitle-margin-top: 20px;
        --subtitle-margin-bottom: 20px;
        --h1-font-weight: 400;
        --h1-font-size: 3rem;
        --h1-line-height: 1.1;
        --h1-margin-top: 28px;
        --h1-margin-bottom: 20px;
        --h2-font-size: 3rem;
        --h2-line-height: 1.1;
        --h2-margin-top: 30px;
        --h2-margin-bottom: 20px;
        --h2-font-weight: 400;
        --h3-font-weight: 400;
        --h3-font-size: 1.875rem;
        --h3-line-height: 1.2;
        --h3-margin-top: 20px;
        --h3-margin-bottom: 20px;
        --h4-font-size: 1.125rem;
        --h4-line-height: 1.2;
        --h4-margin-top: 20px;
        --h4-margin-bottom: 20px;
        --h4-font-weight: 700;
        --h5-font-weight: 400;
        --h5-font-size: 1.25rem;
        --h5-line-height: 1.2;
        --h5-margin-top: 20px;
        --h5-margin-bottom: 20px;
        --h6-font-weight: 400;
        --h6-font-size: 1.125rem;
        --h6-line-height: 1.2;
        --h6-margin-top: 20px;
        --h6-margin-bottom: 20px;
        --largeText-font-size: 1.25rem;
        --largeText-margin-top: 20px;
        --largeText-margin-bottom: 20px;
        --smallText-font-size: 0.875rem;
        --smallText-margin-top: 20px;
        --smallText-margin-bottom: 20px;
        --smallText-color: var(--grey-50);
        --smallText-letter-spacing: 1px;
        --smallText-text-transform: uppercase;
        --smallText-font-family: var(--heading-font);
        --smallText-font-weight: 500;
        --smallText-alt-text-color: var(--white);
        --text-margin-top: 20px;
        --text-margin-bottom: 20px;
        --text-font-size: 1.125rem;
        --text-color: var(--grey-80);
        --text-alt-text-color: var(--white);
        --button-margin-top: 20px;
        --button-margin-bottom: 20px;
        --button-background-image: none;
        --button-font-size: 1rem;
        --button-text-transform: uppercase;
        --button-font-family: var(--heading-font);
        --button-letter-spacing: 2px;
        --button-font-weight: 700;
        --button-line-height: 1.4;
        --button-background-color: var(--palette-4-base);
        --button-color: var(--white);
        --button-alt-background-color: var(--palette-4-light-2);
        --button-alt-color: var(--black);
        --button-hover-background-color: var(--palette-4-base-darker);
        --button-hover-color: var(--white-darker);
        --button-hover-alt-background-color: var(--palette-4-light-2-darker);
        --button-hover-alt-color: var(--white);
        --button-hover-background-color: var(--palette-4-base-darker);
        --button-hover-color: var(--white-darker);
        --button-hover-alt-background-color: var(--palette-4-light-2-darker);
        --button-hover-alt-color: var(--white);
        --button-active-background-color: var(--palette-4-base-darker);
        --button-active-color: var(--white-darker);
        --button-active-alt-background-color: var(--palette-4-light-2-darker);
        --button-active-alt-color: var(--white);
        --blockquote-font-style: italic;
        --blockquote-padding-left: 20px;
        --blockquote-border-width: 4px;
        --blockquote-border-color: var(--palette-1-base);
        --blockquote-margin-top: 20px;
        --blockquote-margin-bottom: 20px;
        --metadata-margin-top: 20px;
        --metadata-margin-bottom: 20px;
        --list-margin-top: 20px;
        --list-margin-bottom: 20px;
        --list-margin-bottom: 10px;
        --list-color: var(--body-color);
        --list-font-size: 1.125rem;
        --list-margin-bottom: 10px;
        --orderedlist-margin-top: 20px;
        --orderedlist-margin-bottom: 20px;
        --postContent-margin-top: 20px;
        --postContent-margin-bottom: 20px;
        --theme-sheet-width-xl: 1140px;
        --theme-sheet-width-lg: 940px;
        --theme-sheet-width-md: 720px;
        --theme-sheet-width-sm: 540px;
        --theme-sheet-width-xs: 340px;
        --hyperlink-color: var(--custom-color-1);
        --hyperlink-alt-text-color: var(--white);
        --hyperlink-hover-color: var(--custom-color-1-darker);
        --hyperlink-hover-alt-text-color: var(--grey-30-darker);
        --hyperlink-active-color: var(--custom-color-1-darker);
        --hyperlink-active-alt-text-color: var(--grey-30-darker);
        --form-input-border-width: 1px;
        --form-input-border-color: var(--grey-30);
        --form-input-borders: top right bottom left;
        --form-input-background-color: var(--white);
        }

        /** common-rules **/
        h1.u-title
        {
        font-size: var(--title-font-size);
        line-height: var(--title-line-height);
        margin-top: var(--title-margin-top);
        margin-bottom: var(--title-margin-bottom);
        font-weight: var(--title-font-weight);
        }
        h2.u-subtitle
        {
        font-weight: var(--subtitle-font-weight);
        font-size: var(--subtitle-font-size);
        line-height: var(--subtitle-line-height);
        margin-top: var(--subtitle-margin-top);
        margin-bottom: var(--subtitle-margin-bottom);
        }
        h1:not(.u-title)
        {
        font-weight: var(--h1-font-weight);
        font-size: var(--h1-font-size);
        line-height: var(--h1-line-height);
        margin-top: var(--h1-margin-top);
        margin-bottom: var(--h1-margin-bottom);
        }
        h2:not(.u-subtitle)
        {
        font-size: var(--h2-font-size);
        line-height: var(--h2-line-height);
        margin-top: var(--h2-margin-top);
        margin-bottom: var(--h2-margin-bottom);
        font-weight: var(--h2-font-weight);
        }
        h3
        {
        font-weight: var(--h3-font-weight);
        font-size: var(--h3-font-size);
        line-height: var(--h3-line-height);
        margin-top: var(--h3-margin-top);
        margin-bottom: var(--h3-margin-bottom);
        }
        h4
        {
        font-size: var(--h4-font-size);
        line-height: var(--h4-line-height);
        margin-top: var(--h4-margin-top);
        margin-bottom: var(--h4-margin-bottom);
        font-weight: var(--h4-font-weight);
        }
        h5
        {
        font-weight: var(--h5-font-weight);
        font-size: var(--h5-font-size);
        line-height: var(--h5-line-height);
        margin-top: var(--h5-margin-top);
        margin-bottom: var(--h5-margin-bottom);
        }
        h6
        {
        font-weight: var(--h6-font-weight);
        font-size: var(--h6-font-size);
        line-height: var(--h6-line-height);
        margin-top: var(--h6-margin-top);
        margin-bottom: var(--h6-margin-bottom);
        }
        p.u-large-text
        {
        font-size: var(--largeText-font-size);
        margin-top: var(--largeText-margin-top);
        margin-bottom: var(--largeText-margin-bottom);
        }
        p.u-small-text
        {
        font-size: var(--smallText-font-size);
        margin-top: var(--smallText-margin-top);
        margin-bottom: var(--smallText-margin-bottom);
        letter-spacing: var(--smallText-letter-spacing);
        text-transform: var(--smallText-text-transform);
        font-family: var(--smallText-font-family);
        font-weight: var(--smallText-font-weight);
        }
        p:not(.u-text-variant)
        {
        margin-top: var(--text-margin-top);
        margin-bottom: var(--text-margin-bottom);
        font-size: var(--text-font-size);
        }
        .u-btn
        {
        margin-top: var(--button-margin-top);
        margin-bottom: var(--button-margin-bottom);
        background-image: var(--button-background-image);
        font-size: var(--button-font-size);
        text-transform: var(--button-text-transform);
        font-family: var(--button-font-family);
        letter-spacing: var(--button-letter-spacing);
        font-weight: var(--button-font-weight);
        line-height: var(--button-line-height);
        }
        blockquote
        {
        font-style: var(--blockquote-font-style);
        padding-left: var(--blockquote-padding-left);
        border-width: var(--blockquote-border-width);
        margin-top: var(--blockquote-margin-top);
        margin-bottom: var(--blockquote-margin-bottom);
        }
        .u-metadata
        {
        margin-top: var(--metadata-margin-top);
        margin-bottom: var(--metadata-margin-bottom);
        }
        ul:not(.u-unstyled)
        {
        margin-top: var(--list-margin-top);
        margin-bottom: var(--list-margin-bottom);
        margin-bottom: var(--list-margin-bottom);
        font-size: var(--list-font-size);
        }
        ul:not(.u-unstyled) li
        {
        margin-bottom: var(--list-margin-bottom);
        }
        ol
        {
        margin-top: var(--orderedlist-margin-top);
        margin-bottom: var(--orderedlist-margin-bottom);
        }
        .u-post-content
        {
        margin-top: var(--postContent-margin-top);
        margin-bottom: var(--postContent-margin-bottom);
        }
        .u-input
        {
        border-width: var(--form-input-border-width);
        borders: var(--form-input-borders);
        }
        /** common-rules **/

        /** publish-rules **/
        /*begin-media rules*/
        /*end-media rules*/
        /** publish-rules **/

        

        /** cms-rules **/
        /*begin-responsive rules*/
        /*end-responsive rules*/
        /** cms-rules **/

        /** color-rules **/
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > p.u-small-text,
        .u-gradient > .u-container-layout > p.u-small-text,
        .u-image:not(.u-shading) > .u-container-layout > p.u-small-text,
        p.u-small-text
        {
        color: var(--smallText-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > p:not(.u-text-variant),
        .u-gradient > .u-container-layout > p:not(.u-text-variant),
        .u-image:not(.u-shading) > .u-container-layout > p:not(.u-text-variant),
        p:not(.u-text-variant)
        {
        color: var(--text-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn,
        .u-gradient > .u-container-layout > .u-btn,
        .u-image:not(.u-shading) > .u-container-layout > .u-btn,
        .u-btn
        {
        background-color: var(--button-background-color);
        color: var(--button-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn:hover,
        .u-gradient > .u-container-layout > .u-btn:hover,
        .u-image:not(.u-shading) > .u-container-layout > .u-btn:hover,
        .u-btn:hover
        {
        background-color: var(--button-hover-background-color);
        color: var(--button-hover-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn:focus,
        .u-gradient > .u-container-layout > .u-btn:focus,
        .u-image:not(.u-shading) > .u-container-layout > .u-btn:focus,
        .u-btn:focus
        {
        background-color: var(--button-hover-background-color);
        color: var(--button-hover-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn:active,
        .u-gradient > .u-container-layout > .u-btn:active,
        .u-image:not(.u-shading) > .u-container-layout > .u-btn:active,
        .u-btn:active
        {
        background-color: var(--button-active-background-color);
        color: var(--button-active-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > blockquote,
        .u-gradient > .u-container-layout > blockquote,
        .u-image:not(.u-shading) > .u-container-layout > blockquote,
        blockquote
        {
        border-color: var(--blockquote-border-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > ul:not(.u-unstyled),
        .u-gradient > .u-container-layout > ul:not(.u-unstyled),
        .u-image:not(.u-shading) > .u-container-layout > ul:not(.u-unstyled),
        ul:not(.u-unstyled)
        {
        color: var(--list-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a,
        .u-gradient > .u-container-layout > a,
        .u-image:not(.u-shading) > .u-container-layout > a,
        a
        {
        color: var(--hyperlink-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a:hover,
        .u-gradient > .u-container-layout > a:hover,
        .u-image:not(.u-shading) > .u-container-layout > a:hover,
        a:hover
        {
        color: var(--hyperlink-hover-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a:active,
        .u-gradient > .u-container-layout > a:active,
        .u-image:not(.u-shading) > .u-container-layout > a:active,
        a:active
        {
        color: var(--hyperlink-active-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-input,
        .u-gradient > .u-container-layout > .u-input,
        .u-image:not(.u-shading) > .u-container-layout > .u-input,
        .u-input
        {
        border-color: var(--form-input-border-color);
        background-color: var(--form-input-background-color);
        }
        /** color-rules **/

        /** alt-color-rules **/
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-7, .u-custom-color-9, .u-custom-color-10, .u-custom-color-11, .u-custom-color-13, .u-custom-color-14, .u-custom-color-15, .u-custom-color-20, .u-custom-color-21, .u-custom-color-22, .u-custom-color-23, .u-custom-color-24, .u-custom-color-25, .u-custom-color-26, .u-custom-color-27, .u-custom-color-28, .u-custom-color-29, .u-custom-color-30, .u-custom-color-32, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-3-light-1, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) p.u-small-text, :where(.u-overlap-contrast .u-header) p.u-small-text:not(.u-nav-link):not(.u-btn)
        {
        color: var(--smallText-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-7, .u-custom-color-9, .u-custom-color-10, .u-custom-color-11, .u-custom-color-13, .u-custom-color-14, .u-custom-color-15, .u-custom-color-20, .u-custom-color-21, .u-custom-color-22, .u-custom-color-23, .u-custom-color-24, .u-custom-color-25, .u-custom-color-26, .u-custom-color-27, .u-custom-color-28, .u-custom-color-29, .u-custom-color-30, .u-custom-color-32, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-3-light-1, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) p:not(.u-text-variant), :where(.u-overlap-contrast .u-header) p:not(.u-text-variant):not(.u-nav-link):not(.u-btn)
        {
        color: var(--text-alt-text-color);
        }
        :where(.u-shading, .u-overlap-contrast .u-header) .u-btn
        {
        background-color: var(--button-alt-background-color);
        color: var(--button-alt-color);
        }
        :where(.u-shading, .u-overlap-contrast .u-header) .u-btn:hover
        {
        background-color: var(--button-hover-alt-background-color);
        color: var(--button-hover-alt-color);
        }
        :where(.u-shading, .u-overlap-contrast .u-header) .u-btn:active
        {
        background-color: var(--button-active-alt-background-color);
        color: var(--button-active-alt-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-7, .u-custom-color-9, .u-custom-color-10, .u-custom-color-11, .u-custom-color-13, .u-custom-color-14, .u-custom-color-15, .u-custom-color-20, .u-custom-color-21, .u-custom-color-22, .u-custom-color-23, .u-custom-color-24, .u-custom-color-25, .u-custom-color-26, .u-custom-color-27, .u-custom-color-28, .u-custom-color-29, .u-custom-color-30, .u-custom-color-32, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-3-light-1, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) a, :where(.u-overlap-contrast .u-header) a:not(.u-nav-link):not(.u-btn)
        {
        color: var(--hyperlink-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-7, .u-custom-color-9, .u-custom-color-10, .u-custom-color-11, .u-custom-color-13, .u-custom-color-14, .u-custom-color-15, .u-custom-color-20, .u-custom-color-21, .u-custom-color-22, .u-custom-color-23, .u-custom-color-24, .u-custom-color-25, .u-custom-color-26, .u-custom-color-27, .u-custom-color-28, .u-custom-color-29, .u-custom-color-30, .u-custom-color-32, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-3-light-1, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey) a:hover
        {
        color: var(--hyperlink-hover-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-7, .u-custom-color-9, .u-custom-color-10, .u-custom-color-11, .u-custom-color-13, .u-custom-color-14, .u-custom-color-15, .u-custom-color-20, .u-custom-color-21, .u-custom-color-22, .u-custom-color-23, .u-custom-color-24, .u-custom-color-25, .u-custom-color-26, .u-custom-color-27, .u-custom-color-28, .u-custom-color-29, .u-custom-color-30, .u-custom-color-32, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-3-light-1, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey) a:active
        {
        color: var(--hyperlink-active-alt-text-color);
        }
        /** alt-color-rules **/
    
.u-body {
   --text-font: 'Open Sans',sans-serif;
   --heading-font: Montserrat,sans-serif;
}