@charset "UTF-8";
/* ----------------------------------------------------------- */
/*          AIO CMS CSS Library - © Aiomax Group 2024          */
/* ----------------------------------------------------------- */
/* ------------------------------ */
/*            Colors              */
/* ------------------------------ */
/*
* Color Palletes
*/
.pallete--items {
  width: 2rem;
  height: 2rem;
  margin-bottom: 0.5rem;
  border-radius: 50%;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  opacity: 0.75;
  transition: all 0.1s;
}
.pallete--items:hover, .pallete--items.pallete--active {
  opacity: 1;
}

/*
* Variable Colors
*/
.doc-warm {
  --gray: #958E88;
  --gray-25: #FDFCFC;
  --gray-50: #FBFAF9;
  --gray-75: #F8F7F5;
  --gray-100: #F6F4F2;
  --gray-125: #F0EEEB;
  --gray-150: #EAE7E5;
  --gray-175: #E4E1DE;
  --gray-200: #DEDBD8;
  --gray-225: #D8D4D1;
  --gray-250: #D2CECA;
  --gray-275: #CCC7C4;
  --gray-300: #C6C1BD;
  --gray-325: #BFBBB6;
  --gray-350: #B9B4B0;
  --gray-375: #B3AEA9;
  --gray-400: #ADA8A3;
  --gray-425: #A7A19C;
  --gray-450: #A19B95;
  --gray-475: #9B948F;
  --gray-500: #958E88;
  --gray-525: #8E8782;
  --gray-550: #88817B;
  --gray-575: #817A75;
  --gray-600: #7A746E;
  --gray-625: #736D68;
  --gray-650: #6D6661;
  --gray-675: #66605B;
  --gray-700: #5F5955;
  --gray-725: #58524E;
  --gray-750: #524C48;
  --gray-775: #4B4541;
  --gray-800: #443F3B;
  --gray-825: #3D3834;
  --gray-850: #37312E;
  --gray-875: #302B27;
  --gray-900: #292421;
  --gray-925: #1F1B19;
  --gray-950: #151211;
  --gray-975: #0A0908;
  --gray-a50: rgba(149, 142, 136, 0.05);
  --gray-a100: rgba(149, 142, 136, 0.1);
  --gray-a150: rgba(149, 142, 136, 0.15);
  --gray-a200: rgba(149, 142, 136, 0.2);
  --gray-a250: rgba(149, 142, 136, 0.25);
  --gray-a300: rgba(149, 142, 136, 0.3);
  --gray-a350: rgba(149, 142, 136, 0.35);
  --gray-a400: rgba(149, 142, 136, 0.4);
  --gray-a450: rgba(149, 142, 136, 0.45);
  --gray-a500: rgba(149, 142, 136, 0.5);
  --gray-a550: rgba(149, 142, 136, 0.55);
  --gray-a600: rgba(149, 142, 136, 0.6);
  --gray-a650: rgba(149, 142, 136, 0.65);
  --gray-a700: rgba(149, 142, 136, 0.7);
  --gray-a750: rgba(149, 142, 136, 0.75);
  --gray-a800: rgba(149, 142, 136, 0.8);
  --gray-a850: rgba(149, 142, 136, 0.85);
  --gray-a900: rgba(149, 142, 136, 0.9);
  --gray-a950: rgba(149, 142, 136, 0.95);
}
.doc-cool {
  --gray: #848E96;
  --gray-25: #FCFCFD;
  --gray-50: #F8FAFB;
  --gray-75: #F5F7F8;
  --gray-100: #F1F4F6;
  --gray-125: #EAEEF0;
  --gray-150: #E3E7EA;
  --gray-175: #DDE1E4;
  --gray-200: #D6DBDE;
  --gray-225: #CFD4D8;
  --gray-250: #C8CED2;
  --gray-275: #C1C7CC;
  --gray-300: #BBC1C6;
  --gray-325: #B4BBC0;
  --gray-350: #ADB4BA;
  --gray-375: #A6AEB4;
  --gray-400: #9FA8AE;
  --gray-425: #98A1A8;
  --gray-450: #929BA2;
  --gray-475: #8B949C;
  --gray-500: #848E96;
  --gray-525: #7E878F;
  --gray-550: #788188;
  --gray-575: #717A81;
  --gray-600: #6B747B;
  --gray-625: #656D74;
  --gray-650: #5F666D;
  --gray-675: #586066;
  --gray-700: #52595F;
  --gray-725: #4C5258;
  --gray-750: #464C51;
  --gray-775: #3F454A;
  --gray-800: #393F44;
  --gray-825: #33383D;
  --gray-850: #2D3136;
  --gray-875: #262B2F;
  --gray-900: #202428;
  --gray-925: #181B1E;
  --gray-950: #101214;
  --gray-975: #08090A;
  --gray-a50: rgba(132, 142, 150, 0.05);
  --gray-a100: rgba(132, 142, 150, 0.1);
  --gray-a150: rgba(132, 142, 150, 0.15);
  --gray-a200: rgba(132, 142, 150, 0.2);
  --gray-a250: rgba(132, 142, 150, 0.25);
  --gray-a300: rgba(132, 142, 150, 0.3);
  --gray-a350: rgba(132, 142, 150, 0.35);
  --gray-a400: rgba(132, 142, 150, 0.4);
  --gray-a450: rgba(132, 142, 150, 0.45);
  --gray-a500: rgba(132, 142, 150, 0.5);
  --gray-a550: rgba(132, 142, 150, 0.55);
  --gray-a600: rgba(132, 142, 150, 0.6);
  --gray-a650: rgba(132, 142, 150, 0.65);
  --gray-a700: rgba(132, 142, 150, 0.7);
  --gray-a750: rgba(132, 142, 150, 0.75);
  --gray-a800: rgba(132, 142, 150, 0.8);
  --gray-a850: rgba(132, 142, 150, 0.85);
  --gray-a900: rgba(132, 142, 150, 0.9);
  --gray-a950: rgba(132, 142, 150, 0.95);
}
.doc-blue {
  --app: #4283F2;
  --app-25: #F8FBFE;
  --app-50: #F1F6FE;
  --app-75: #EAF2FD;
  --app-100: #E3EDFC;
  --app-125: #D9E6FB;
  --app-150: #CFE0FB;
  --app-175: #C5D9FA;
  --app-200: #BBD3FA;
  --app-225: #B1CCF9;
  --app-250: #A7C5F8;
  --app-275: #9DBFF8;
  --app-300: #93B8F7;
  --app-325: #88B1F6;
  --app-350: #7EABF6;
  --app-375: #74A4F5;
  --app-400: #6A9EF5;
  --app-425: #6097F4;
  --app-450: #5690F3;
  --app-475: #4C8AF3;
  --app-500: #4283F2;
  --app-525: #3F7EEC;
  --app-550: #3B79E6;
  --app-575: #3874DF;
  --app-600: #346FD9;
  --app-625: #316AD3;
  --app-650: #2D65CD;
  --app-675: #2A60C7;
  --app-700: #265BC1;
  --app-725: #2355BA;
  --app-750: #1F50B4;
  --app-775: #1C4BAE;
  --app-800: #1846A8;
  --app-825: #1541A2;
  --app-850: #113C9B;
  --app-875: #0E3795;
  --app-900: #0A328F;
  --app-925: #08266B;
  --app-950: #051948;
  --app-975: #030D24;
  --app-a50: rgba(66, 131, 242, 0.05);
  --app-a100: rgba(66, 131, 242, 0.1);
  --app-a150: rgba(66, 131, 242, 0.15);
  --app-a200: rgba(66, 131, 242, 0.2);
  --app-a250: rgba(66, 131, 242, 0.25);
  --app-a300: rgba(66, 131, 242, 0.3);
  --app-a350: rgba(66, 131, 242, 0.35);
  --app-a400: rgba(66, 131, 242, 0.4);
  --app-a450: rgba(66, 131, 242, 0.45);
  --app-a500: rgba(66, 131, 242, 0.5);
  --app-a550: rgba(66, 131, 242, 0.55);
  --app-a600: rgba(66, 131, 242, 0.6);
  --app-a650: rgba(66, 131, 242, 0.65);
  --app-a700: rgba(66, 131, 242, 0.7);
  --app-a750: rgba(66, 131, 242, 0.75);
  --app-a800: rgba(66, 131, 242, 0.8);
  --app-a850: rgba(66, 131, 242, 0.85);
  --app-a900: rgba(66, 131, 242, 0.9);
  --app-a950: rgba(66, 131, 242, 0.95);
}
.doc-purple {
  --app: #C43BE4;
  --app-25: #FDF8FE;
  --app-50: #FBF2FD;
  --app-75: #F9EBFC;
  --app-100: #F7E4FB;
  --app-125: #F4D9FA;
  --app-150: #F1CFF8;
  --app-175: #EDC4F7;
  --app-200: #EABAF5;
  --app-225: #E7AFF4;
  --app-250: #E4A5F2;
  --app-275: #E19AF1;
  --app-300: #DE90F0;
  --app-325: #DA85EE;
  --app-350: #D77AED;
  --app-375: #D470EB;
  --app-400: #D165EA;
  --app-425: #CE5BE8;
  --app-450: #CA50E7;
  --app-475: #C746E5;
  --app-500: #C43BE4;
  --app-525: #BD38DD;
  --app-550: #B636D7;
  --app-575: #AF33D0;
  --app-600: #A930CA;
  --app-625: #A22EC3;
  --app-650: #9B2BBC;
  --app-675: #9428B6;
  --app-700: #8D26AF;
  --app-725: #8623A8;
  --app-750: #7F20A2;
  --app-775: #781D9B;
  --app-800: #721B95;
  --app-825: #6B188E;
  --app-850: #641587;
  --app-875: #5D1381;
  --app-900: #56107A;
  --app-925: #410C5C;
  --app-950: #2B083D;
  --app-975: #16041F;
  --app-a50: rgba(196, 59, 228, 0.05);
  --app-a100: rgba(196, 59, 228, 0.1);
  --app-a150: rgba(196, 59, 228, 0.15);
  --app-a200: rgba(196, 59, 228, 0.2);
  --app-a250: rgba(196, 59, 228, 0.25);
  --app-a300: rgba(196, 59, 228, 0.3);
  --app-a350: rgba(196, 59, 228, 0.35);
  --app-a400: rgba(196, 59, 228, 0.4);
  --app-a450: rgba(196, 59, 228, 0.45);
  --app-a500: rgba(196, 59, 228, 0.5);
  --app-a550: rgba(196, 59, 228, 0.55);
  --app-a600: rgba(196, 59, 228, 0.6);
  --app-a650: rgba(196, 59, 228, 0.65);
  --app-a700: rgba(196, 59, 228, 0.7);
  --app-a750: rgba(196, 59, 228, 0.75);
  --app-a800: rgba(196, 59, 228, 0.8);
  --app-a850: rgba(196, 59, 228, 0.85);
  --app-a900: rgba(196, 59, 228, 0.9);
  --app-a950: rgba(196, 59, 228, 0.95);
}
.doc-rose {
  --app: #FF3175;
  --app-25: #FFF8FA;
  --app-50: #FFF1F5;
  --app-75: #FFEAF0;
  --app-100: #FFE3EB;
  --app-125: #FFD8E4;
  --app-150: #FFCDDC;
  --app-175: #FFC2D5;
  --app-200: #FFB7CE;
  --app-225: #FFABC6;
  --app-250: #FFA0BF;
  --app-275: #FF95B7;
  --app-300: #FF8AB0;
  --app-325: #FF7FA9;
  --app-350: #FF74A1;
  --app-375: #FF699A;
  --app-400: #FF5E93;
  --app-425: #FF528B;
  --app-450: #FF4784;
  --app-475: #FF3C7C;
  --app-500: #FF3175;
  --app-525: #F72E71;
  --app-550: #F02B6D;
  --app-575: #E82869;
  --app-600: #E12566;
  --app-625: #D92262;
  --app-650: #D11F5E;
  --app-675: #CA1C5A;
  --app-700: #C21956;
  --app-725: #BA1552;
  --app-750: #B3124E;
  --app-775: #AB0F4A;
  --app-800: #A40C47;
  --app-825: #9C0943;
  --app-850: #94063F;
  --app-875: #8D033B;
  --app-900: #850037;
  --app-925: #640029;
  --app-950: #43001C;
  --app-975: #21000E;
  --app-a50: rgba(255, 49, 117, 0.05);
  --app-a100: rgba(255, 49, 117, 0.1);
  --app-a150: rgba(255, 49, 117, 0.15);
  --app-a200: rgba(255, 49, 117, 0.2);
  --app-a250: rgba(255, 49, 117, 0.25);
  --app-a300: rgba(255, 49, 117, 0.3);
  --app-a350: rgba(255, 49, 117, 0.35);
  --app-a400: rgba(255, 49, 117, 0.4);
  --app-a450: rgba(255, 49, 117, 0.45);
  --app-a500: rgba(255, 49, 117, 0.5);
  --app-a550: rgba(255, 49, 117, 0.55);
  --app-a600: rgba(255, 49, 117, 0.6);
  --app-a650: rgba(255, 49, 117, 0.65);
  --app-a700: rgba(255, 49, 117, 0.7);
  --app-a750: rgba(255, 49, 117, 0.75);
  --app-a800: rgba(255, 49, 117, 0.8);
  --app-a850: rgba(255, 49, 117, 0.85);
  --app-a900: rgba(255, 49, 117, 0.9);
  --app-a950: rgba(255, 49, 117, 0.95);
}
.doc-red {
  --app: #F23838;
  --app-25: #FFF8F7;
  --app-50: #FFF0F0;
  --app-75: #FEE9E8;
  --app-100: #FEE1E0;
  --app-125: #FDD6D6;
  --app-150: #FDCCCB;
  --app-175: #FCC1C1;
  --app-200: #FBB7B6;
  --app-225: #FAACAC;
  --app-250: #FAA2A1;
  --app-275: #F99797;
  --app-300: #F88D8C;
  --app-325: #F78282;
  --app-350: #F77777;
  --app-375: #F66D6D;
  --app-400: #F56262;
  --app-425: #F45858;
  --app-450: #F44D4D;
  --app-475: #F34343;
  --app-500: #F23838;
  --app-525: #EB3535;
  --app-550: #E43232;
  --app-575: #DD2E2F;
  --app-600: #D62B2C;
  --app-625: #CF2829;
  --app-650: #C82526;
  --app-675: #C12123;
  --app-700: #BA1E21;
  --app-725: #B21B1E;
  --app-750: #AB181B;
  --app-775: #A41418;
  --app-800: #9D1115;
  --app-825: #960E12;
  --app-850: #8F0B0F;
  --app-875: #88070C;
  --app-900: #810409;
  --app-925: #610307;
  --app-950: #410205;
  --app-975: #200102;
  --app-a50: rgba(242, 56, 56, 0.05);
  --app-a100: rgba(242, 56, 56, 0.1);
  --app-a150: rgba(242, 56, 56, 0.15);
  --app-a200: rgba(242, 56, 56, 0.2);
  --app-a250: rgba(242, 56, 56, 0.25);
  --app-a300: rgba(242, 56, 56, 0.3);
  --app-a350: rgba(242, 56, 56, 0.35);
  --app-a400: rgba(242, 56, 56, 0.4);
  --app-a450: rgba(242, 56, 56, 0.45);
  --app-a500: rgba(242, 56, 56, 0.5);
  --app-a550: rgba(242, 56, 56, 0.55);
  --app-a600: rgba(242, 56, 56, 0.6);
  --app-a650: rgba(242, 56, 56, 0.65);
  --app-a700: rgba(242, 56, 56, 0.7);
  --app-a750: rgba(242, 56, 56, 0.75);
  --app-a800: rgba(242, 56, 56, 0.8);
  --app-a850: rgba(242, 56, 56, 0.85);
  --app-a900: rgba(242, 56, 56, 0.9);
  --app-a950: rgba(242, 56, 56, 0.95);
}
.doc-orange {
  --app: #D99135;
  --app-25: #FEFCF9;
  --app-50: #FDF9F3;
  --app-75: #FBF5ED;
  --app-100: #FAF2E7;
  --app-125: #F8ECDC;
  --app-150: #F6E6D1;
  --app-175: #F4E0C6;
  --app-200: #F2DABB;
  --app-225: #F0D4AF;
  --app-250: #EECEA4;
  --app-275: #ECC899;
  --app-300: #EAC28E;
  --app-325: #E7BB83;
  --app-350: #E5B578;
  --app-375: #E3AF6D;
  --app-400: #E1A962;
  --app-425: #DFA356;
  --app-450: #DD9D4B;
  --app-475: #DB9740;
  --app-500: #D99135;
  --app-525: #D38C33;
  --app-550: #CC8831;
  --app-575: #C6832F;
  --app-600: #C07E2D;
  --app-625: #B9792B;
  --app-650: #B37529;
  --app-675: #AD7027;
  --app-700: #A76B26;
  --app-725: #A06624;
  --app-750: #9A6222;
  --app-775: #945D20;
  --app-800: #8D581E;
  --app-825: #87531C;
  --app-850: #814F1A;
  --app-875: #7A4A18;
  --app-900: #744516;
  --app-925: #573411;
  --app-950: #3A230B;
  --app-975: #1D1106;
  --app-a50: rgba(217, 145, 53, 0.05);
  --app-a100: rgba(217, 145, 53, 0.1);
  --app-a150: rgba(217, 145, 53, 0.15);
  --app-a200: rgba(217, 145, 53, 0.2);
  --app-a250: rgba(217, 145, 53, 0.25);
  --app-a300: rgba(217, 145, 53, 0.3);
  --app-a350: rgba(217, 145, 53, 0.35);
  --app-a400: rgba(217, 145, 53, 0.4);
  --app-a450: rgba(217, 145, 53, 0.45);
  --app-a500: rgba(217, 145, 53, 0.5);
  --app-a550: rgba(217, 145, 53, 0.55);
  --app-a600: rgba(217, 145, 53, 0.6);
  --app-a650: rgba(217, 145, 53, 0.65);
  --app-a700: rgba(217, 145, 53, 0.7);
  --app-a750: rgba(217, 145, 53, 0.75);
  --app-a800: rgba(217, 145, 53, 0.8);
  --app-a850: rgba(217, 145, 53, 0.85);
  --app-a900: rgba(217, 145, 53, 0.9);
  --app-a950: rgba(217, 145, 53, 0.95);
}
.doc-emerald {
  --app: #39B663;
  --app-25: #F9FDFA;
  --app-50: #F3FCF6;
  --app-75: #EDFAF1;
  --app-100: #E7F8EC;
  --app-125: #DCF4E3;
  --app-150: #D1F0DB;
  --app-175: #C6ECD2;
  --app-200: #BCE8CA;
  --app-225: #B1E3C1;
  --app-250: #A6DFB9;
  --app-275: #9BDBB0;
  --app-300: #90D7A8;
  --app-325: #85D39F;
  --app-350: #7ACF96;
  --app-375: #6FCB8E;
  --app-400: #65C785;
  --app-425: #5AC27D;
  --app-450: #4FBE74;
  --app-475: #44BA6C;
  --app-500: #39B663;
  --app-525: #37B161;
  --app-550: #36AB5E;
  --app-575: #34A65C;
  --app-600: #33A159;
  --app-625: #319B57;
  --app-650: #2F9654;
  --app-675: #2E9052;
  --app-700: #2C8B4F;
  --app-725: #2A864D;
  --app-750: #29804A;
  --app-775: #277B48;
  --app-800: #267645;
  --app-825: #247043;
  --app-850: #226B40;
  --app-875: #21653E;
  --app-900: #1F603B;
  --app-925: #17482C;
  --app-950: #10301E;
  --app-975: #08180F;
  --app-a50: rgba(57, 182, 99, 0.05);
  --app-a100: rgba(57, 182, 99, 0.1);
  --app-a150: rgba(57, 182, 99, 0.15);
  --app-a200: rgba(57, 182, 99, 0.2);
  --app-a250: rgba(57, 182, 99, 0.25);
  --app-a300: rgba(57, 182, 99, 0.3);
  --app-a350: rgba(57, 182, 99, 0.35);
  --app-a400: rgba(57, 182, 99, 0.4);
  --app-a450: rgba(57, 182, 99, 0.45);
  --app-a500: rgba(57, 182, 99, 0.5);
  --app-a550: rgba(57, 182, 99, 0.55);
  --app-a600: rgba(57, 182, 99, 0.6);
  --app-a650: rgba(57, 182, 99, 0.65);
  --app-a700: rgba(57, 182, 99, 0.7);
  --app-a750: rgba(57, 182, 99, 0.75);
  --app-a800: rgba(57, 182, 99, 0.8);
  --app-a850: rgba(57, 182, 99, 0.85);
  --app-a900: rgba(57, 182, 99, 0.9);
  --app-a950: rgba(57, 182, 99, 0.95);
}
.doc-light .pallete--items {
  border-color: white;
}
.doc-light .pallete--items:hover, .doc-light .pallete--items.pallete--active {
  border-color: rgba(0, 0, 0, 0.2);
}
.doc-dark .pallete--items {
  border-color: var(--gray-800, #3F3F3F);
}
.doc-dark .pallete--items:hover, .doc-dark .pallete--items.pallete--active {
  border-color: rgba(255, 255, 255, 0.3);
}

/* ------------------------------ */
/*         Generic Styles         */
/* ------------------------------ */
/*
* Page Loader
*/
#page-loader {
  height: 0.0625rem;
}
#page-loader > .progress {
  height: 0.0625rem;
}

/*
* Slideshow
*/
.slideshow--progress {
  transition: width 0s;
}

/*
* Tables
*/
.inline-edit [contenteditable] {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.inline-edit [contenteditable]:focus {
  display: block;
  outline-width: 0.125rem;
  outline-style: solid;
  border-radius: 0.25rem;
}

table [contenteditable]:focus {
  outline-offset: -0.125rem;
}

.tbl__container {
  overflow-x: auto;
  padding-top: 11rem;
  margin-top: -11rem;
  margin-bottom: 2rem;
}
.tbl--actions > span,
.tbl--actions > a {
  padding: 0 0.125rem;
  font-size: 0.9375rem;
}
.tbl--actions > span {
  cursor: pointer;
}

/*
* Forms
*/
.form-app {
  max-width: 900px;
}
.form-app .col {
  max-width: 450px;
}
.form-app .field,
.form-app .field__group {
  max-width: 418px;
}
.form-app .field_show,
.form-app .field_hide {
  cursor: pointer;
}

/*
* Draggables
*/
.draggable-grid > * {
  cursor: move;
  margin: 0.5rem;
}
.draggable-grid img {
  cursor: default;
}
.draggable-grid figure:not(.draggable-dragging) {
  background-color: transparent !important;
}
.draggable-grid .img_actions {
  text-align: center;
  padding-top: 0.25rem;
}
.draggable-grid .img_actions i {
  cursor: pointer;
  padding: 0 0.125rem;
  font-size: 0.9375rem;
  min-width: 20px;
}

.draggable-list .draggable {
  padding: 0.5rem 0.75rem;
  margin-left: 0;
  margin-right: 0;
}
.draggable-list ul {
  list-style: none;
  margin-bottom: 0;
}
.draggable-list .item-actions i {
  cursor: pointer;
  padding: 0 0.125rem;
  font-size: 0.9375rem;
  min-width: 20px;
}

/*
* Blog
*/
.post-details li {
  font-size: 1rem;
}
.post-details li:not(:last-child)::after {
  content: "/";
  display: inline-block;
  clear: both;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.post-details li button {
  margin-bottom: 0;
  padding: 0.125rem 0.5rem;
}
.post-details li i {
  font-size: 1rem;
}
.post-stamp img {
  border-radius: 50%;
}
.post-media {
  position: relative;
}
.post-media audio {
  margin: 0;
  padding: 0;
  border-radius: 0.25rem;
  background: var(--gray-100, #F4F4F4);
  position: absolute;
  bottom: 0;
  left: 0;
}
.post-media video {
  margin: 0;
  padding: 0;
  border-radius: 0.5rem;
}

/*
* Dynamic Scheme
*/
.doc-light .dynamic-dark {
  display: none !important;
}
.doc-dark .dynamic-light {
  display: none !important;
}

/*
* Summernote
*/
.summernote,
.summernote-mini {
  display: none;
}

.note-modal-backdrop {
  display: none !important;
}

.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
  overflow: unset;
}
.note-editor .note-editable,
.note-editor .note-codable {
  height: auto;
  outline: solid 1px transparent !important;
  transition: outline 0.1s;
}
.note-editor .note-codable {
  min-height: 84px;
  font-family: ui-monospace, "SF Mono", "DejaVu Sans Mono", "Ubuntu Mono", "Roboto Mono", Consolas, monospace !important;
  font-size: 0.875rem !important;
  direction: ltr !important;
}
.note-editor input, .note-editor button {
  margin-bottom: 0;
  border-radius: 0.25rem;
}
.note-editor input:not([type=button]) {
  border-width: 1px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
}
.note-editor .close {
  opacity: 1 !important;
}
.note-editor .animation-animated {
  opacity: 1 !important;
  visibility: visible !important;
}

.note-btn:hover {
  border-radius: 0.25rem;
}

.note-editor.fullscreen {
  height: 100%;
}

.note-editor .note-toolbar .note-color-all .note-dropdown-menu,
.note-popover .popover-content .note-color-all .note-dropdown-menu {
  min-width: 350px;
  box-sizing: border-box;
}

a.note-dropdown-item, a.note-dropdown-item:hover {
  padding: 0.125rem 0.25rem;
  margin: 0;
  border-radius: 0.25rem;
}

a.note-dropdown-item blockquote, a.note-dropdown-item pre {
  padding: 0 !important;
}

.note-editor .note-toolbar .note-dropdown-menu,
.note-popover .popover-content .note-dropdown-menu {
  min-width: auto !important;
  white-space: nowrap;
}

.note-modal input[type=button] {
  border: none !important;
}

.note-modal-footer {
  height: auto;
}
.note-modal-footer::before, .note-modal-footer::after {
  content: "";
  display: table;
  clear: both;
}
.note-modal-footer p {
  margin-bottom: 0;
}

.note-modal-content {
  border: none;
  border-radius: 0.25rem;
  margin: 0;
  top: 50%;
  left: 50%;
  right: inherit;
  transform: translate(-50%, -50%);
}

.note-modal-header {
  border: none;
  position: relative;
}
.note-modal-header::after {
  display: table;
  height: 1px;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 0.75rem;
  content: "";
  position: relative;
  left: 0;
  bottom: 0;
}

.note-modal-body {
  overflow: auto !important;
}

.note-editor input[type=checkbox] {
  margin-right: 0.5rem;
}

.note-popover {
  border: none;
  border-radius: 0.25rem;
}

.note-editor .note-editing-area .note-editable table td,
.note-editor .note-editing-area .note-editable table th {
  border-style: dashed;
}

.note-tooltip-content {
  border-radius: 0.25rem;
  padding: 0.5rem;
  box-sizing: border-box;
}

/*
* Colors
*/
.doc-light #page-loader {
  background-color: var(--gray-200, var(--gray-200, #DBDBDB));
}
.doc-light .inline-edit [contenteditable]:focus {
  outline-color: #242424;
}
.doc-light .tbl--actions > span,
.doc-light .tbl--actions > a {
  color: var(--gray-650, #666666);
}
.doc-light .tbl--actions > span:hover,
.doc-light .tbl--actions > a:hover {
  color: var(--app-500, #4283F2);
}
.doc-light .field[disabled] {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.doc-light .img_actions i,
.doc-light .item-actions i {
  color: var(--gray-650, #666666);
}
.doc-light .img_actions i:hover,
.doc-light .item-actions i:hover {
  color: var(--app-500, #4283F2);
}
.doc-light .post-stamp img {
  border: solid 0.125rem rgba(0, 0, 0, 0.2);
}
.doc-light .note-editor input:not([type=button]) {
  color: rgba(0, 0, 0, 0.9);
  background-color: transparent;
  border-color: var(--gray-200, #DBDBDB);
}
.doc-light .note-editor input:not([type=button]):focus {
  color: rgb(0, 0, 0);
  background-color: transparent;
  border-color: var(--gray-400, #A8A8A8);
}
.doc-light .note-editor .close {
  color: var(--gray-600, #747474);
}
.doc-light .note-editor .close:hover {
  color: var(--gray-800, #3F3F3F);
}
.doc-light .note-editable {
  color: var(--gray-900, #242424) !important;
  background-color: white !important;
}
.doc-light .note-editable::placeholder {
  color: var(--gray-500, #8E8E8E);
}
.doc-light .note-codable {
  color: var(--gray-900, #242424) !important;
  background-color: var(--gray-100, #F4F4F4) !important;
}
.doc-light .note-codable::placeholder {
  color: var(--gray-500, #8E8E8E);
}
.doc-light .note-editable:focus,
.doc-light .note-codable:focus {
  outline-color: var(--gray-450, #9B9B9B) !important;
}
.doc-light .note-dropdown-menu {
  color: var(--gray-800, #3F3F3F);
  background-color: white;
  border-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.15);
}
.doc-light a.note-dropdown-item {
  color: var(--gray-800, #3F3F3F);
}
.doc-light a.note-dropdown-item:hover {
  color: var(--gray-900, #242424);
  background-color: rgba(0, 0, 0, 0.05);
}
.doc-light a.note-dropdown-item blockquote {
  background-color: transparent;
}
.doc-light .note-modal-content {
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
}
.doc-light .note-modal-header::after, .doc-light .modal-light .note-modal-header::after {
  background-image: linear-gradient(to left, transparent, var(--gray-200, #DBDBDB), transparent);
}
.doc-light .note-popover {
  background-color: white;
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
}
.doc-light .note-popover.bottom .note-popover-arrow {
  border-bottom-color: white;
}
.doc-light .note-popover.bottom .note-popover-arrow:after {
  border-bottom-color: white;
}
.doc-light .note-editor .note-editing-area .note-editable table td,
.doc-light .note-editor .note-editing-area .note-editable table th {
  border-color: var(--gray-200, #DBDBDB);
}
.doc-light .note-tooltip-content {
  color: var(--gray-900, #242424) !important;
  background-color: white !important;
  box-shadow: 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.15);
}
.doc-light .note-tooltip.bottom .note-tooltip-arrow {
  border-bottom-color: white !important;
}
.doc-light .note-tooltip.top .note-tooltip-arrow {
  border-top-color: white !important;
}
.doc-light .note-tooltip.right .note-tooltip-arrow {
  border-right-color: white !important;
}
.doc-light .note-tooltip.left .note-tooltip-arrow {
  border-left-color: white !important;
}
.doc-dark #page-loader {
  background-color: var(--gray-700, var(--gray-700, #595959));
}
.doc-dark .inline-edit [contenteditable]:focus {
  outline-color: #F4F4F4;
}
.doc-dark .tbl--actions > span,
.doc-dark .tbl--actions > a {
  color: var(--gray-300, #C1C1C1);
}
.doc-dark .tbl--actions > span:hover,
.doc-dark .tbl--actions > a:hover {
  color: vcolor(app-400);
}
.doc-dark .field[disabled] {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.doc-dark .img_actions i,
.doc-dark .item-actions i {
  color: var(--gray-300, #C1C1C1);
}
.doc-dark .img_actions i:hover,
.doc-dark .item-actions i:hover {
  color: var(--app-400, #6A9EF5);
}
.doc-dark .note-editable {
  color: var(--gray-100, #F4F4F4) !important;
  background-color: var(--gray-900, #242424) !important;
}
.doc-dark .note-editable::placeholder {
  color: var(--gray-500, #8E8E8E);
}
.doc-dark .note-codable {
  color: var(--gray-100, #F4F4F4) !important;
  background-color: var(--gray-950, #121212) !important;
}
.doc-dark .note-codable::placeholder {
  color: var(--gray-500, #8E8E8E);
}
.doc-dark .note-editable:focus,
.doc-dark .note-codable:focus {
  outline-color: var(--gray-450, #9B9B9B) !important;
}
.doc-dark .note-editor {
  border-color: var(--gray-750, #4C4C4C) !important;
}
.doc-dark .note-editor input:not([type=button]) {
  color: rgba(255, 255, 255, 0.9);
  background-color: transparent;
  border-color: var(--gray-800, #3F3F3F);
}
.doc-dark .note-editor input:not([type=button]):focus {
  color: rgb(255, 255, 255);
  background-color: transparent;
  border-color: var(--gray-600, #747474);
}
.doc-dark .note-editor .close {
  color: var(--gray-500, #8E8E8E);
}
.doc-dark .note-editor .close:hover {
  color: var(--gray-300, #C1C1C1);
}
.doc-dark .note-toolbar {
  color: var(--gray-100, #F4F4F4) !important;
  background-color: var(--gray-850, #313131) !important;
  border-color: var(--gray-750, #4C4C4C) !important;
}
.doc-dark .note-btn {
  color: var(--gray-100, #F4F4F4);
  background-color: var(--gray-885, #282828);
  border-color: var(--gray-910, #202020);
}
.doc-dark .note-btn:hover {
  background-color: var(--gray-910, #202020);
  border-color: var(--gray-935, #171717);
}
.doc-dark .note-statusbar {
  background-color: var(--gray-800, #3F3F3F) !important;
  border-color: var(--gray-700, #595959) !important;
}
.doc-dark .note-icon-bar {
  border-color: var(--gray-500, #8E8E8E) !important;
}
.doc-dark .note-dropdown-menu {
  color: var(--gray-100, #F4F4F4);
  background-color: var(--gray-910, #202020);
  border-color: var(--gray-910, #202020);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 0.875rem rgba(0, 0, 0, 0.18), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
.doc-dark a.note-dropdown-item {
  color: var(--gray-200, #DBDBDB);
}
.doc-dark a.note-dropdown-item:hover {
  color: var(--gray-100, #F4F4F4);
  background-color: rgba(255, 255, 255, 0.05);
}
.doc-dark a.note-dropdown-item blockquote {
  background-color: transparent;
}
.doc-dark .note-modal-content {
  box-shadow: 0 0.875rem 1.125rem rgba(0, 0, 0, 0.20), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
  background-color: var(--gray-925, #1B1B1B);
}
.doc-dark .note-modal-header::after, .doc-dark .modal-light .note-modal-header::after {
  background-image: linear-gradient(to left, transparent, var(--gray-700, #595959), transparent);
}
.doc-dark .note-modal .note-modal-body label,
.doc-dark .note-modal-title,
.doc-dark .note-frame {
  color: var(--gray-200, #DBDBDB);
}
.doc-dark .note-popover {
  background-color: black;
  box-shadow: 0 0.875rem 1.125rem rgba(0, 0, 0, 0.20), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
.doc-dark .note-popover.bottom .note-popover-arrow {
  border-bottom-color: black;
}
.doc-dark .note-popover.bottom .note-popover-arrow:after {
  border-bottom-color: black;
}
.doc-dark .note-handle .note-control-selection .note-control-handle,
.doc-dark .note-handle .note-control-selection .note-control-holder,
.doc-dark .note-handle .note-control-selection .note-control-sizing {
  border-color: var(--gray-200, #DBDBDB);
}
.doc-dark .note-handle .note-control-selection {
  border-color: var(--gray-300, #C1C1C1);
}
.doc-dark .note-palette .btn,
.doc-dark .note-palette .btn-light {
  color: var(--gray-100, #F4F4F4);
  background-color: var(--gray-885, #282828);
  border-color: var(--gray-910, #202020);
}
.doc-dark .note-palette .btn:hover,
.doc-dark .note-palette .btn-light:hover {
  background-color: var(--gray-910, #202020);
  border-color: var(--gray-935, #171717);
  color: var(--gray-100, #F4F4F4);
}
.doc-dark .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.doc-dark .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,
.doc-dark .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.doc-dark .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
  background-color: var(--gray-910, #202020);
  border-color: var(--gray-935, #171717);
  color: var(--gray-100, #F4F4F4);
}
.doc-dark .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,
.doc-dark .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
  border-color: var(--gray-910, #202020);
}
.doc-dark .note-editor .note-editing-area .note-editable table td,
.doc-dark .note-editor .note-editing-area .note-editable table th {
  border-color: var(--gray-700, #595959);
}
.doc-dark .note-tooltip-content {
  color: var(--gray-100, #F4F4F4) !important;
  background-color: black !important;
  box-shadow: 0 0.5rem 0.875rem rgba(0, 0, 0, 0.18), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
.doc-dark .note-tooltip.bottom .note-tooltip-arrow {
  border-bottom-color: black !important;
}
.doc-dark .note-tooltip.top .note-tooltip-arrow {
  border-top-color: black !important;
}
.doc-dark .note-tooltip.right .note-tooltip-arrow {
  border-right-color: black !important;
}
.doc-dark .note-tooltip.left .note-tooltip-arrow {
  border-left-color: black !important;
}

/* ------------------------------ */
/*            Widgets             */
/* ------------------------------ */
/**
 * About 1
 */
.about-1 {
  padding-top: 4rem;
  padding-bottom: 3rem;
}
.about-1 button,
.about-1 img {
  border-radius: 0;
}
.about-1--img {
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  .about-1--img:nth-child(1) {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .about-1--img:nth-child(1) {
    right: -100px;
    z-index: 1;
  }
}
.about-1--img:nth-child(2) {
  z-index: 1;
}
@media (max-width: 767px) {
  .about-1--img:nth-child(2) {
    margin-top: 3rem;
  }
}
@media (min-width: 768px) {
  .about-1--img:nth-child(2) {
    top: -150px;
    right: 50px;
    z-index: 2;
    margin-bottom: -150px;
  }
}
.about-1--img img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .about-1--img img {
    width: 480px;
  }
}
@media (min-width: 1280px) {
  .about-1--img img {
    width: 360px;
  }
}

.doc-round .about-1 button,
.doc-round .about-1 img {
  border-radius: 0.5rem;
}
.doc-light .about-1 h1 {
  color: var(--app-600, #346FD9);
}
.doc-light .about-1--img > img {
  box-shadow: -8px 8px 0 0 rgba(0, 0, 0, 0.1);
}
.doc-dark .about-1 h1 {
  color: var(--app-300, #93B8F7);
}
.doc-dark .about-1--img > img {
  box-shadow: -8px 8px 0 0 rgba(255, 255, 255, 0.1);
}

/**
 * About 2
 */
.about-2 {
  padding-top: 4rem;
  padding-bottom: 3rem;
}
.about-2 button,
.about-2 img {
  border-radius: 0;
}
.about-2--img {
  text-align: center;
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
}
.about-2--img > img {
  width: 100%;
  max-width: 100%;
}
.about-2--overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.about-2--overlay > div {
  position: absolute;
  top: 0;
  left: 0;
}
.about-2--overlay > div:nth-child(1) {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.about-2--overlay > div:nth-child(2) {
  width: 90%;
  height: 90%;
  margin: 5%;
  border: solid 0.125rem rgba(255, 255, 255, 0.75);
}
.about-2--overlay > div:nth-child(3) {
  width: 80%;
  height: 80%;
  margin: 10%;
  color: rgba(255, 255, 255, 0.87);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  place-content: center;
}

.doc-round .about-2 img,
.doc-round .about-2 button,
.doc-round .about-2 .about-2--overlay,
.doc-round .about-2 .about-2--overlay > div {
  border-radius: 0.5rem;
}
.doc-light .about-2 h1 {
  color: var(--app-600, #346FD9);
}
.doc-dark .about-2 h1 {
  color: var(--app-300, #93B8F7);
}

/**
 * Mosaic 1
 */
.mosaic-1 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.mosaic-1 h2 {
  text-align: center;
  margin-bottom: 2rem;
}
.mosaic-1 .hr {
  margin-bottom: 3rem;
}
.mosaic-1 img {
  margin-bottom: 1rem;
  border-radius: 0;
  transition: filter 200ms;
}
.mosaic-1 a:hover img {
  filter: brightness(1.25);
}

.doc-round .mosaic-1 img {
  border-radius: 0.5rem;
}
.doc-light .mosaic-1 h2 {
  color: var(--app-600, #346FD9);
}
.doc-light .mosaic-1 .hr--icon {
  background: var(--gray-50, #FAFAFA) !important;
}
.doc-dark .mosaic-1 h2 {
  color: var(--app-300, #93B8F7);
}
.doc-dark .mosaic-1 .hr--icon {
  background: var(--gray-950, #121212) !important;
}

/**
 * Mosaic 2
 */
.mosaic-2 .col {
  position: relative;
  overflow: hidden;
  transition: all 200ms;
}
.mosaic-2 .col a {
  display: block;
}
.mosaic-2 .col img {
  width: 100%;
  max-width: 100%;
  transform: scale(1);
  transition: transform 200ms;
}
.mosaic-2 .col .mosaic-2--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background: rgba(0, 0, 0, 0.67);
  transition: opacity 200ms;
}
.mosaic-2 .col i {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  opacity: 0;
  transform: translate(-50%, -50px);
  transition: opacity 200ms, transform 200ms;
}
.mosaic-2 .col:hover img {
  transform: scale(1.1);
}
.mosaic-2 .col:hover .mosaic-2--overlay {
  opacity: 1;
}
.mosaic-2 .col:hover i {
  opacity: 1;
  transform: translate(-50%, -50%);
}

/* ------------------------------ */
/*            Plugins             */
/* ------------------------------ */
.blog-layout-1 header, .blog-layout-2 header {
  position: relative;
  overflow: hidden;
}
.blog-layout-1 header i, .blog-layout-2 header i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.125s;
}
.blog-layout-1 main, .blog-layout-2 main {
  padding: 1.5rem 0 1rem;
}
.blog-layout-1 main a, .blog-layout-2 main a {
  display: inline-block;
  transition: 0.125s;
}
.blog-layout-1 main a {
  display: inline-block;
  transition: 0.125s;
}
.blog-layout-2 main {
  position: relative;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: -4rem;
  padding: 2rem;
  margin-bottom: 3rem;
}
.blog-layout-2 main p {
  font-size: 95%;
}
.blog-layout-2 main a {
  text-decoration: none;
  transition: 0.125s;
  display: inline-block;
}
.blog-zoom.blog-layout-1 header img, .blog-zoom.blog-layout-2 header img {
  transition: 0.5s transform ease;
}
.blog-zoom.blog-layout-1 header img:hover {
  transform: scale(1.1);
}
.blog-zoom.blog-layout-2 main {
  transition: 0.5s transform;
}
.blog-zoom.blog-layout-2 > div:hover header img {
  transform: scale(1.05);
}
.blog-zoom.blog-layout-2 > div:hover main {
  transform: translateY(1rem);
}
.blog-rotate.blog-layout-1 header img, .blog-rotate.blog-layout-2 header img {
  transition: 0.5s transform ease;
}
.blog-rotate.blog-layout-1 header img:hover {
  transform: scale(1.1) rotate(3deg);
}
.blog-rotate.blog-layout-2 main {
  transition: 0.5s transform;
}
.blog-rotate.blog-layout-2 > div:hover header img {
  transform: scale(1.05) rotate(2deg);
}
.blog-rotate.blog-layout-2 > div:hover main {
  transform: translateY(1rem);
}
.blog-brightness.blog-layout-1 header img, .blog-brightness.blog-layout-2 header img {
  transition: 0.25s filter;
}
.blog-brightness.blog-layout-1 header img:hover, .blog-brightness.blog-layout-2 header img:hover {
  filter: brightness(1.2);
}
.blog-darkness.blog-layout-1 header img, .blog-darkness.blog-layout-2 header img {
  transition: 0.25s filter;
}
.blog-darkness.blog-layout-1 header img:hover, .blog-darkness.blog-layout-2 header img:hover {
  filter: brightness(0.8);
}

/*
* Colors
*/
.doc-light .blog-layout-1 header i, .doc-light .blog-layout-2 header i {
  color: var(--gray-300, #C1C1C1);
}
.doc-light .blog-layout-1 header:hover i, .doc-light .blog-layout-2 header:hover i {
  color: var(--gray-100, #F4F4F4);
}
.doc-light .blog-layout-1 main a {
  color: inherit;
}
.doc-light .blog-layout-1 main a:hover {
  color: var(--app-600, #346FD9);
}
.doc-light .blog-layout-2 main {
  background-color: #FFFFFF;
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
}
.doc-light .blog-layout-2 main p {
  color: var(--gray-600, #747474);
}
.doc-light .blog-layout-2 main a {
  color: var(--gray-800, #3F3F3F);
}
.doc-light .blog-layout-2 main a:hover {
  color: var(--app-500, #4283F2);
}
.doc-dark .post-stamp img {
  border: solid 0.125rem rgba(255, 255, 255, 0.15);
}
.doc-dark .blog-layout-1 header i, .doc-dark .blog-layout-2 header i {
  color: var(--gray-300, #C1C1C1);
}
.doc-dark .blog-layout-1 header:hover i, .doc-dark .blog-layout-2 header:hover i {
  color: var(--gray-100, #F4F4F4);
}
.doc-dark .blog-layout-1 main a {
  color: var(--gray-200, #DBDBDB);
}
.doc-dark .blog-layout-1 main a:hover {
  color: var(--app-400, #6A9EF5);
}
.doc-dark .blog-layout-2 main {
  background-color: var(--gray-900, #242424);
  box-shadow: 0 0.5rem 0.875rem rgba(0, 0, 0, 0.18), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
.doc-dark .blog-layout-2 main p {
  color: var(--gray-300, #C1C1C1);
}
.doc-dark .blog-layout-2 main a {
  color: var(--gray-200, #DBDBDB);
}
.doc-dark .blog-layout-2 main a:hover {
  color: var(--app-400, #6A9EF5);
}

/**
 * Splide common styles
 */
.splide--rtl .splide__pagination {
  direction: rtl;
}
.splide .splide__arrow {
  margin-bottom: 0;
}
.splide .splide__pagination {
  display: flex !important;
}
.splide .splide__pagination__page {
  border-radius: unset;
}

/**
 * Simple Splide
 */
.splide-simple {
  padding: 3rem 0;
}
.splide-simple.splide-round .splide__arrow,
.splide-simple.splide-round img {
  border-radius: 0.5rem;
}
.splide-simple.splide-round .splide__pagination__page {
  border-radius: 50%;
}
.splide-simple .splide__slide {
  margin-bottom: 1.5rem;
}
.splide-simple .splide__slide img {
  display: block;
  width: 100%;
  transition: filter 200ms;
}
.splide-simple .splide__slide img:hover {
  filter: brightness(1.25);
}
.splide-simple .splide__slide div {
  font-size: 1.125rem;
  margin-top: 1rem;
}
.splide-simple .splide__arrow {
  width: 40px;
  height: 60px;
  opacity: 1;
  border-radius: 0;
}
.splide-simple .splide__arrow.splide__arrow--prev {
  left: 1rem;
}
.splide-simple .splide__arrow.splide__arrow--next {
  right: 1rem;
}
.splide-simple .splide__arrow svg {
  width: 20px;
  height: 20px;
  transition: all 200ms;
}
.splide-simple .splide__pagination {
  margin-bottom: -1.5rem;
}
.splide-simple .splide__pagination__page {
  margin: 0.25rem;
}
.splide-simple .splide--rtl .splide__arrow.splide__arrow--prev {
  left: unset;
  right: 1rem;
}
.splide-simple .splide--rtl .splide__arrow.splide__arrow--next {
  right: unset;
  left: 1rem;
}

/**
 * Light Skin
 */
.doc-light .splide-simple:not(.splide-dark),
.splide-simple.splide-light {
  color: #242424;
}
.doc-light .splide-simple:not(.splide-dark) .splide__arrow,
.splide-simple.splide-light .splide__arrow {
  background: rgba(255, 255, 255, 0.7);
}
.doc-light .splide-simple:not(.splide-dark) .splide__arrow svg,
.splide-simple.splide-light .splide__arrow svg {
  fill: rgba(0, 0, 0, 0.75);
}
.doc-light .splide-simple:not(.splide-dark) .splide__arrow:hover,
.splide-simple.splide-light .splide__arrow:hover {
  background: white;
}
.doc-light .splide-simple:not(.splide-dark) .splide__arrow:hover svg,
.splide-simple.splide-light .splide__arrow:hover svg {
  fill: rgb(0, 0, 0);
}
.doc-light .splide-simple:not(.splide-dark) .splide__pagination__page,
.splide-simple.splide-light .splide__pagination__page {
  background-color: rgba(0, 0, 0, 0.15);
}
.doc-light .splide-simple:not(.splide-dark) .splide__pagination__page:hover,
.splide-simple.splide-light .splide__pagination__page:hover {
  background-color: var(--app-200, #BBD3FA);
}
.doc-light .splide-simple:not(.splide-dark) .splide__pagination__page.is-active,
.splide-simple.splide-light .splide__pagination__page.is-active {
  background-color: var(--app-500, #4283F2);
}

/**
 * Dark Skin
 */
.doc-dark .splide-simple:not(.splide-light),
.splide-simple.splide-dark {
  color: #F4F4F4;
}
.doc-dark .splide-simple:not(.splide-light) .splide__arrow,
.splide-simple.splide-dark .splide__arrow {
  background: rgba(0, 0, 0, 0.6);
}
.doc-dark .splide-simple:not(.splide-light) .splide__arrow svg,
.splide-simple.splide-dark .splide__arrow svg {
  fill: rgba(255, 255, 255, 0.75);
}
.doc-dark .splide-simple:not(.splide-light) .splide__arrow:hover,
.splide-simple.splide-dark .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.9);
}
.doc-dark .splide-simple:not(.splide-light) .splide__arrow:hover svg,
.splide-simple.splide-dark .splide__arrow:hover svg {
  fill: white;
}
.doc-dark .splide-simple:not(.splide-light) .splide__pagination__page,
.splide-simple.splide-dark .splide__pagination__page {
  background-color: rgba(255, 255, 255, 0.2);
}
.doc-dark .splide-simple:not(.splide-light) .splide__pagination__page:hover,
.splide-simple.splide-dark .splide__pagination__page:hover {
  background-color: var(--app-700, #265BC1);
}
.doc-dark .splide-simple:not(.splide-light) .splide__pagination__page.is-active,
.splide-simple.splide-dark .splide__pagination__page.is-active {
  background-color: var(--app-400, #6A9EF5);
}

/**
 * Modern Splide
 */
.splide-modern {
  padding: 3rem 0;
}
.splide-modern.splide-round .splide__arrow,
.splide-modern.splide-round .splide__slide img,
.splide-modern.splide-round .splide__slide div {
  border-radius: 0.5rem;
}
.splide-modern.splide-round .splide__pagination__page {
  border-radius: 50%;
}
.splide-modern .splide__slide {
  margin-bottom: 3rem;
}
.splide-modern .splide__slide img {
  display: block;
  width: 100%;
  transition: filter 200ms;
}
.splide-modern .splide__slide img:hover {
  filter: brightness(1.25);
}
.splide-modern .splide__slide div {
  font-size: 1.125rem;
  width: auto;
  padding: 0.5rem 1rem;
  margin: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.splide-modern .splide__slide div:empty {
  display: none;
}
.splide-modern .splide__arrow {
  width: 45px;
  height: 45px;
  opacity: 1;
  border-radius: 0;
  top: unset;
  bottom: -3rem;
}
.splide-modern .splide__arrow.splide__arrow--prev {
  left: 1rem;
}
.splide-modern .splide__arrow.splide__arrow--next {
  right: 1rem;
}
.splide-modern .splide__arrow svg {
  width: 20px;
  height: 20px;
  transition: all 200ms;
}
.splide-modern .splide__pagination {
  margin-bottom: -1.5rem;
}
.splide-modern .splide__pagination__page {
  margin: 0.25rem;
}
.splide-modern .splide--rtl .splide__arrow.splide__arrow--prev {
  left: unset;
  right: 1rem;
}
.splide-modern .splide--rtl .splide__arrow.splide__arrow--next {
  right: unset;
  left: 1rem;
}

/**
 * Light Skin
 */
.doc-light .splide-modern:not(.splide-dark),
.splide-modern.splide-light {
  color: #242424;
}
.doc-light .splide-modern:not(.splide-dark) .splide__slide div,
.splide-modern.splide-light .splide__slide div {
  background: rgba(255, 255, 255, 0.85);
}
.doc-light .splide-modern:not(.splide-dark) .splide__arrow,
.splide-modern.splide-light .splide__arrow {
  background: rgba(0, 0, 0, 0.05);
}
.doc-light .splide-modern:not(.splide-dark) .splide__arrow svg,
.splide-modern.splide-light .splide__arrow svg {
  fill: rgba(0, 0, 0, 0.75);
}
.doc-light .splide-modern:not(.splide-dark) .splide__arrow:hover,
.splide-modern.splide-light .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}
.doc-light .splide-modern:not(.splide-dark) .splide__arrow:hover svg,
.splide-modern.splide-light .splide__arrow:hover svg {
  fill: black;
}
.doc-light .splide-modern:not(.splide-dark) .splide__pagination__page,
.splide-modern.splide-light .splide__pagination__page {
  background-color: rgba(0, 0, 0, 0.15);
}
.doc-light .splide-modern:not(.splide-dark) .splide__pagination__page:hover,
.splide-modern.splide-light .splide__pagination__page:hover {
  background-color: var(--app-200, #BBD3FA);
}
.doc-light .splide-modern:not(.splide-dark) .splide__pagination__page.is-active,
.splide-modern.splide-light .splide__pagination__page.is-active {
  background-color: var(--app-500, #4283F2);
}

/**
 * Dark Skin
 */
.doc-dark .splide-modern:not(.splide-light),
.splide-modern.splide-dark {
  color: #F4F4F4;
}
.doc-dark .splide-modern:not(.splide-light) .splide__slide div,
.splide-modern.splide-dark .splide__slide div {
  background: rgba(0, 0, 0, 0.7);
}
.doc-dark .splide-modern:not(.splide-light) .splide__arrow,
.splide-modern.splide-dark .splide__arrow {
  background: rgba(0, 0, 0, 0.5);
}
.doc-dark .splide-modern:not(.splide-light) .splide__arrow svg,
.splide-modern.splide-dark .splide__arrow svg {
  fill: rgba(255, 255, 255, 0.75);
}
.doc-dark .splide-modern:not(.splide-light) .splide__arrow:hover,
.splide-modern.splide-dark .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.75);
}
.doc-dark .splide-modern:not(.splide-light) .splide__arrow:hover svg,
.splide-modern.splide-dark .splide__arrow:hover svg {
  fill: white;
}
.doc-dark .splide-modern:not(.splide-light) .splide__pagination__page,
.splide-modern.splide-dark .splide__pagination__page {
  background-color: rgba(255, 255, 255, 0.2);
}
.doc-dark .splide-modern:not(.splide-light) .splide__pagination__page:hover,
.splide-modern.splide-dark .splide__pagination__page:hover {
  background-color: var(--app-700, #265BC1);
}
.doc-dark .splide-modern:not(.splide-light) .splide__pagination__page.is-active,
.splide-modern.splide-dark .splide__pagination__page.is-active {
  background-color: var(--app-400, #6A9EF5);
}

/**
 * Animated Splide
 */
.splide-animated {
  padding: 5rem 0;
}
.splide-animated.splide-round .splide__slide img,
.splide-animated.splide-round .splide__slide div {
  border-radius: 0.5rem;
}
.splide-animated.splide-round .splide__pagination__page {
  border-radius: 50%;
}
.splide-animated .splide__slide img {
  display: block;
  width: 100%;
  transition: transform 400ms, filter 200ms;
  transform: scale(0.75);
  transform-origin: center center;
}
.splide-animated .splide__slide img:hover {
  filter: brightness(1.25);
}
.splide-animated .splide__slide div {
  font-size: 1.125rem;
  width: auto;
  padding: 0.5rem 1rem;
  margin: 1rem;
  position: absolute;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
  left: 0;
}
.splide-animated .splide__slide div:empty {
  display: none;
}
.splide-animated .splide__slide.is-active img {
  transform: scale(1);
}
.splide-animated .splide__slide.is-active div {
  opacity: 1;
  visibility: visible;
}
.splide-animated .splide__slide.is-active div:empty {
  display: none;
}
.splide-animated .splide__arrow {
  top: 0;
  bottom: 0;
  height: 100%;
  transform: none;
  border-radius: unset;
  opacity: 0.9;
  width: 50px;
}
@media (min-width: 768px) {
  .splide-animated .splide__arrow {
    width: 75px;
  }
}
@media (min-width: 1280px) {
  .splide-animated .splide__arrow {
    width: 100px;
  }
}
.splide-animated .splide__arrow svg {
  width: 32px;
  height: 32px;
  transition: all 200ms;
}
.splide-animated .splide__arrow.splide__arrow--prev {
  left: 0;
}
.splide-animated .splide__arrow.splide__arrow--next {
  right: 0;
}
.splide-animated .splide__pagination {
  margin-bottom: -3.5rem;
}
.splide-animated .splide__pagination__page {
  margin: 0.25rem;
}
.splide-animated .splide--rtl .splide__arrow.splide__arrow--prev {
  left: unset;
  right: 0;
}
.splide-animated .splide--rtl .splide__arrow.splide__arrow--next {
  right: unset;
  left: 0;
}

/**
 * Light Skin
 */
.doc-light .splide-animated:not(.splide-dark),
.splide-animated.splide-light {
  background-color: #FFFFFF;
  color: #242424;
}
.doc-light .splide-animated:not(.splide-dark) .splide__slide div,
.splide-animated.splide-light .splide__slide div {
  background: rgba(255, 255, 255, 0.85);
}
.doc-light .splide-animated:not(.splide-dark) .splide__arrow,
.splide-animated.splide-light .splide__arrow {
  background: #FFFFFF;
}
.doc-light .splide-animated:not(.splide-dark) .splide__arrow svg,
.splide-animated.splide-light .splide__arrow svg {
  fill: rgba(0, 0, 0, 0.75);
}
.doc-light .splide-animated:not(.splide-dark) .splide__arrow:hover svg,
.splide-animated.splide-light .splide__arrow:hover svg {
  fill: black;
}
.doc-light .splide-animated:not(.splide-dark) .splide__arrow.splide__arrow--prev,
.splide-animated.splide-light .splide__arrow.splide__arrow--prev {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.doc-light .splide-animated:not(.splide-dark) .splide__arrow.splide__arrow--next,
.splide-animated.splide-light .splide__arrow.splide__arrow--next {
  background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.doc-light .splide-animated:not(.splide-dark) .splide--rtl .splide__arrow.splide__arrow--prev,
.splide-animated.splide-light .splide--rtl .splide__arrow.splide__arrow--prev {
  background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.doc-light .splide-animated:not(.splide-dark) .splide--rtl .splide__arrow.splide__arrow--next,
.splide-animated.splide-light .splide--rtl .splide__arrow.splide__arrow--next {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.doc-light .splide-animated:not(.splide-dark) .splide__pagination__page,
.splide-animated.splide-light .splide__pagination__page {
  background-color: rgba(0, 0, 0, 0.15);
}
.doc-light .splide-animated:not(.splide-dark) .splide__pagination__page:hover,
.splide-animated.splide-light .splide__pagination__page:hover {
  background-color: var(--app-200, #BBD3FA);
}
.doc-light .splide-animated:not(.splide-dark) .splide__pagination__page.is-active,
.splide-animated.splide-light .splide__pagination__page.is-active {
  background-color: var(--app-500, #4283F2);
}

/**
 * Dark Skin
 */
.doc-dark .splide-animated:not(.splide-light),
.splide-animated.splide-dark {
  background-color: #000000;
  color: #F4F4F4;
}
.doc-dark .splide-animated:not(.splide-light) .splide__slide div,
.splide-animated.splide-dark .splide__slide div {
  background: rgba(0, 0, 0, 0.7);
}
.doc-dark .splide-animated:not(.splide-light) .splide__arrow,
.splide-animated.splide-dark .splide__arrow {
  background: #000000;
}
.doc-dark .splide-animated:not(.splide-light) .splide__arrow svg,
.splide-animated.splide-dark .splide__arrow svg {
  fill: rgba(255, 255, 255, 0.75);
}
.doc-dark .splide-animated:not(.splide-light) .splide__arrow:hover svg,
.splide-animated.splide-dark .splide__arrow:hover svg {
  fill: white;
}
.doc-dark .splide-animated:not(.splide-light) .splide__arrow.splide__arrow--prev,
.splide-animated.splide-dark .splide__arrow.splide__arrow--prev {
  background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
}
.doc-dark .splide-animated:not(.splide-light) .splide__arrow.splide__arrow--next,
.splide-animated.splide-dark .splide__arrow.splide__arrow--next {
  background: linear-gradient(270deg, black 0%, rgba(0, 0, 0, 0) 100%);
}
.doc-dark .splide-animated:not(.splide-light) .splide--rtl .splide__arrow.splide__arrow--prev,
.splide-animated.splide-dark .splide--rtl .splide__arrow.splide__arrow--prev {
  background: linear-gradient(270deg, black 0%, rgba(0, 0, 0, 0) 100%);
}
.doc-dark .splide-animated:not(.splide-light) .splide--rtl .splide__arrow.splide__arrow--next,
.splide-animated.splide-dark .splide--rtl .splide__arrow.splide__arrow--next {
  background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
}
.doc-dark .splide-animated:not(.splide-light) .splide__pagination__page,
.splide-animated.splide-dark .splide__pagination__page {
  background-color: rgba(255, 255, 255, 0.2);
}
.doc-dark .splide-animated:not(.splide-light) .splide__pagination__page:hover,
.splide-animated.splide-dark .splide__pagination__page:hover {
  background-color: var(--app-700, #265BC1);
}
.doc-dark .splide-animated:not(.splide-light) .splide__pagination__page.is-active,
.splide-animated.splide-dark .splide__pagination__page.is-active {
  background-color: var(--app-400, #6A9EF5);
}

/**
 * Gallery Splide
 */
.splide-gallery {
  padding: 3rem 0;
}
.splide-gallery.splide-round .splide__slide,
.splide-gallery.splide-round .splide__arrow,
.splide-gallery.splide-round .splide__slide img,
.splide-gallery.splide-round .splide__slide div {
  border-radius: 0.5rem;
}
.splide-gallery .splide__slide img {
  display: block;
  width: 100%;
}
.splide-gallery .splide__slide div {
  font-size: 1.125rem;
  width: auto;
  padding: 0.5rem 1rem;
  margin: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.splide-gallery .splide__slide div:empty {
  display: none;
}
.splide-gallery .splide__arrow {
  width: 40px;
  height: 60px;
  opacity: 0.87;
  border-radius: 0;
}
.splide-gallery .splide__arrow.splide__arrow--prev {
  left: -3.5rem;
}
.splide-gallery .splide__arrow.splide__arrow--next {
  right: -3.5rem;
}
.splide-gallery .splide__arrow svg {
  width: 20px;
  height: 20px;
  transition: all 200ms;
}
.splide-gallery .splide--thumb {
  display: flex;
  justify-content: center;
  margin: 1rem auto 0;
  padding: 0;
}
.splide-gallery .splide--thumb .splide__slide {
  overflow: hidden;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
}
.splide-gallery .splide--thumb .splide__slide img {
  width: 100%;
  height: auto;
  transition: filter 200ms;
}
.splide-gallery .splide--thumb .splide__slide img:hover {
  filter: brightness(1.25);
}
.splide-gallery .splide--rtl .splide__arrow.splide__arrow--prev {
  left: unset;
  right: -3.5rem;
}
.splide-gallery .splide--rtl .splide__arrow.splide__arrow--next {
  right: unset;
  left: -3.5rem;
}

/**
 * Light Skin
 */
.doc-light .splide-gallery:not(.splide-dark),
.splide-gallery.splide-light {
  color: #242424;
}
.doc-light .splide-gallery:not(.splide-dark) .splide__slide div,
.splide-gallery.splide-light .splide__slide div {
  background: rgba(255, 255, 255, 0.85);
}
.doc-light .splide-gallery:not(.splide-dark) .splide__arrow,
.splide-gallery.splide-light .splide__arrow {
  background: rgba(0, 0, 0, 0.05);
}
.doc-light .splide-gallery:not(.splide-dark) .splide__arrow svg,
.splide-gallery.splide-light .splide__arrow svg {
  fill: rgba(0, 0, 0, 0.75);
}
.doc-light .splide-gallery:not(.splide-dark) .splide__arrow:hover,
.splide-gallery.splide-light .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}
.doc-light .splide-gallery:not(.splide-dark) .splide__arrow:hover svg,
.splide-gallery.splide-light .splide__arrow:hover svg {
  fill: black;
}
.doc-light .splide-gallery:not(.splide-dark) .is-active,
.splide-gallery.splide-light .is-active {
  border-color: var(--app-600, #346FD9) !important;
}

/**
 * Dark Skin
 */
.doc-dark .splide-gallery:not(.splide-light),
.splide-gallery.splide-dark {
  color: #F4F4F4;
}
.doc-dark .splide-gallery:not(.splide-light) .splide__slide div,
.splide-gallery.splide-dark .splide__slide div {
  background: rgba(0, 0, 0, 0.7);
}
.doc-dark .splide-gallery:not(.splide-light) .splide__arrow,
.splide-gallery.splide-dark .splide__arrow {
  background: rgba(0, 0, 0, 0.5);
}
.doc-dark .splide-gallery:not(.splide-light) .splide__arrow svg,
.splide-gallery.splide-dark .splide__arrow svg {
  fill: rgba(255, 255, 255, 0.75);
}
.doc-dark .splide-gallery:not(.splide-light) .splide__arrow:hover,
.splide-gallery.splide-dark .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.75);
}
.doc-dark .splide-gallery:not(.splide-light) .splide__arrow:hover svg,
.splide-gallery.splide-dark .splide__arrow:hover svg {
  fill: white;
}
.doc-dark .splide-gallery:not(.splide-light) .is-active,
.splide-gallery.splide-dark .is-active {
  border-color: var(--app-500, #4283F2) !important;
}

/**
 * Custom Splide
 */
.splide-custom {
  padding: 3rem 0;
}
.splide-custom .splide li.splide__slide {
  padding: 2rem 3rem;
  transition: all 0.125s;
  border-style: solid;
  border-width: 1px;
}
.splide-custom .splide li.splide__slide.is-active {
  border-color: transparent;
}
.splide-custom.splide-round .splide li.splide__slide {
  border-radius: 0.5rem;
}
.splide-custom.splide-round .splide__arrow,
.splide-custom.splide-round img {
  border-radius: 0.5rem;
}
.splide-custom.splide-round .splide__pagination__page {
  border-radius: 50%;
}
.splide-custom .splide__track {
  overflow: visible;
}
.splide-custom .splide__slide {
  margin-bottom: 1.5rem;
}
.splide-custom .splide__slide img {
  display: block;
  width: 100%;
  transition: filter 200ms;
}
.splide-custom .splide__slide img:hover {
  filter: brightness(1.25);
}
.splide-custom .splide__slide div {
  font-size: 1.125rem;
  margin-top: 1rem;
}
.splide-custom .splide__arrow {
  width: 40px;
  height: 60px;
  opacity: 1;
  border-radius: 0;
}
.splide-custom .splide__arrow.splide__arrow--prev {
  left: 1rem;
}
.splide-custom .splide__arrow.splide__arrow--next {
  right: 1rem;
}
.splide-custom .splide__arrow svg {
  width: 20px;
  height: 20px;
  transition: all 200ms;
}
.splide-custom .splide__pagination {
  margin-bottom: -4rem;
}
.splide-custom .splide__pagination__page {
  margin: 0.25rem;
}
.splide-custom .splide--rtl .splide__arrow.splide__arrow--prev {
  left: unset;
  right: 1rem;
}
.splide-custom .splide--rtl .splide__arrow.splide__arrow--next {
  right: unset;
  left: 1rem;
}

/**
 * Light Skin
 */
.doc-light .splide-custom:not(.splide-dark),
.splide-custom.splide-light {
  color: #242424;
}
.doc-light .splide-custom:not(.splide-dark) .splide li.splide__slide:not(.is-active),
.splide-custom.splide-light .splide li.splide__slide:not(.is-active) {
  border-color: var(--gray-200, #DBDBDB);
}
.doc-light .splide-custom:not(.splide-dark) .splide li.splide__slide:not(.is-active) p,
.splide-custom.splide-light .splide li.splide__slide:not(.is-active) p {
  color: var(--gray-650, #666666);
}
.doc-light .splide-custom:not(.splide-dark) .splide li.splide__slide.is-active,
.splide-custom.splide-light .splide li.splide__slide.is-active {
  box-shadow: 0 0.625rem 1.125rem rgba(0, 0, 0, 0.17);
}
.doc-light .splide-custom:not(.splide-dark) .splide__arrow,
.splide-custom.splide-light .splide__arrow {
  background: rgba(255, 255, 255, 0.7);
}
.doc-light .splide-custom:not(.splide-dark) .splide__arrow svg,
.splide-custom.splide-light .splide__arrow svg {
  fill: rgba(0, 0, 0, 0.75);
}
.doc-light .splide-custom:not(.splide-dark) .splide__arrow:hover,
.splide-custom.splide-light .splide__arrow:hover {
  background: white;
}
.doc-light .splide-custom:not(.splide-dark) .splide__arrow:hover svg,
.splide-custom.splide-light .splide__arrow:hover svg {
  fill: rgb(0, 0, 0);
}
.doc-light .splide-custom:not(.splide-dark) .splide__pagination__page,
.splide-custom.splide-light .splide__pagination__page {
  background-color: rgba(0, 0, 0, 0.15);
}
.doc-light .splide-custom:not(.splide-dark) .splide__pagination__page:hover,
.splide-custom.splide-light .splide__pagination__page:hover {
  background-color: var(--app-200, #BBD3FA);
}
.doc-light .splide-custom:not(.splide-dark) .splide__pagination__page.is-active,
.splide-custom.splide-light .splide__pagination__page.is-active {
  background-color: var(--app-500, #4283F2);
}

/**
 * Dark Skin
 */
.doc-dark .splide-custom:not(.splide-light),
.splide-custom.splide-dark {
  color: #F4F4F4;
}
.doc-dark .splide-custom:not(.splide-light) .splide li.splide__slide:not(.is-active),
.splide-custom.splide-dark .splide li.splide__slide:not(.is-active) {
  border-color: var(--gray-700, #595959);
}
.doc-dark .splide-custom:not(.splide-light) .splide li.splide__slide:not(.is-active) p,
.splide-custom.splide-dark .splide li.splide__slide:not(.is-active) p {
  color: var(--gray-350, #B4B4B4);
}
.doc-dark .splide-custom:not(.splide-light) .splide li.splide__slide.is-active,
.splide-custom.splide-dark .splide li.splide__slide.is-active {
  box-shadow: 0 0.875rem 1.125rem rgba(0, 0, 0, 0.20), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
.doc-dark .splide-custom:not(.splide-light) .splide__arrow,
.splide-custom.splide-dark .splide__arrow {
  background: rgba(0, 0, 0, 0.6);
}
.doc-dark .splide-custom:not(.splide-light) .splide__arrow svg,
.splide-custom.splide-dark .splide__arrow svg {
  fill: rgba(255, 255, 255, 0.75);
}
.doc-dark .splide-custom:not(.splide-light) .splide__arrow:hover,
.splide-custom.splide-dark .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.9);
}
.doc-dark .splide-custom:not(.splide-light) .splide__arrow:hover svg,
.splide-custom.splide-dark .splide__arrow:hover svg {
  fill: white;
}
.doc-dark .splide-custom:not(.splide-light) .splide__pagination__page,
.splide-custom.splide-dark .splide__pagination__page {
  background-color: rgba(255, 255, 255, 0.2);
}
.doc-dark .splide-custom:not(.splide-light) .splide__pagination__page:hover,
.splide-custom.splide-dark .splide__pagination__page:hover {
  background-color: var(--app-700, #265BC1);
}
.doc-dark .splide-custom:not(.splide-light) .splide__pagination__page.is-active,
.splide-custom.splide-dark .splide__pagination__page.is-active {
  background-color: var(--app-400, #6A9EF5);
}

/**
 * Slideshow common styles
 */
.slideshow .slideshow--media > * {
  font-size: inherit;
}
.slideshow.slideshow-stretch .slideshow--media > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: unset !important;
  min-width: 100%;
  min-height: 100%;
}
.slideshow .slideshow--filter {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.slideshow .slideshow--prev,
.slideshow .slideshow--next {
  transition: all 0.125s, opacity 0.25s, transform 0.25s;
}
.slideshow-controls-animated .slideshow--prev {
  transform: translate(-1rem, -50%);
}
.slideshow-controls-animated .slideshow--next {
  transform: translate(1rem, -50%);
}
.slideshow-controls-animated:hover .slideshow--prev,
.slideshow-controls-animated:hover .slideshow--next {
  transform: translate(0%, -50%);
}
.slideshow-round:not(.slideshow-fixed) {
  border-radius: 0.5rem;
}
.slideshow-round:not(.slideshow-fixed).slideshow-fixed .slideshow--media > * {
  border-radius: 0;
}
.slideshow .slideshow--caption > * {
  margin-bottom: 0;
}

/**
 * Simple Slideshow
 */
.slideshow-simple .slideshow--caption {
  padding: 0.75rem;
}
@media (min-width: 768px) {
  .slideshow-simple .slideshow--caption {
    padding: 0.875rem;
  }
}
@media (min-width: 1280px) {
  .slideshow-simple .slideshow--caption {
    padding: 1rem;
  }
}
@media (min-width: 0) {
  .slideshow-simple .slideshow--prev,
  .slideshow-simple .slideshow--next {
    width: 36px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .slideshow-simple .slideshow--prev,
  .slideshow-simple .slideshow--next {
    width: 38px;
    height: 57px;
    line-height: 57px;
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .slideshow-simple .slideshow--prev,
  .slideshow-simple .slideshow--next {
    width: 40px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
  }
}

/**
 * Fancy Slideshow
 */
.slideshow-fancy .slideshow--caption {
  background-color: transparent;
  color: white;
}
.slideshow-fancy .slideshow--caption button {
  margin-bottom: 0;
  font-weight: 300;
}
@media (min-width: 0) {
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:first-child {
    font-size: 1.25rem;
  }
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(2) {
    font-size: 1.125rem;
  }
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(3) button {
    padding: 0.3125rem 0.625rem;
    font-size: 0.9375rem;
  }
}
@media (min-width: 768px) {
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:first-child {
    font-size: 1.5rem;
  }
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(2) {
    font-size: 1.25rem;
  }
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(3) button {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:first-child {
    font-size: 1.75rem;
  }
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(2) {
    font-size: 1.5rem;
  }
  .slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(3) button {
    padding: 0.4375rem 0.875rem;
    font-size: 1.0625rem;
  }
}
@media (min-width: 0) {
  .slideshow-fancy.slideshow-stretch .slideshow--caption {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .slideshow-fancy.slideshow-stretch .slideshow--caption:first-child {
    font-size: 1.5rem;
  }
  .slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(2) {
    font-size: 1.75rem;
  }
  .slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(3) button {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .slideshow-fancy.slideshow-stretch .slideshow--caption {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .slideshow-fancy.slideshow-stretch .slideshow--caption:first-child {
    font-size: 1.75rem;
  }
  .slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(2) {
    font-size: 1.25rem;
  }
  .slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(3) button {
    padding: 0.5rem 1rem;
    font-size: 1.0625rem;
    font-weight: 100;
  }
}
@media (min-width: 1280px) {
  .slideshow-fancy.slideshow-stretch .slideshow--caption {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .slideshow-fancy.slideshow-stretch .slideshow--caption:first-child {
    font-size: 2rem;
  }
  .slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(2) {
    font-size: 1.5rem;
  }
  .slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(3) button {
    padding: 0.625rem 1.25rem;
    font-size: 1.125rem;
  }
}
.slideshow-fancy .slideshow--prev,
.slideshow-fancy .slideshow--next {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.67);
  color: rgba(255, 255, 255, 0.75);
  border-style: solid;
  border-width: 0.125rem;
  box-sizing: content-box;
}
@media (min-width: 0) {
  .slideshow-fancy .slideshow--prev,
  .slideshow-fancy .slideshow--next {
    width: 32px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .slideshow-fancy .slideshow--prev,
  .slideshow-fancy .slideshow--next {
    width: 34px;
    height: 51px;
    line-height: 51px;
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .slideshow-fancy .slideshow--prev,
  .slideshow-fancy .slideshow--next {
    width: 36px;
    height: 54px;
    line-height: 54px;
    font-size: 24px;
  }
}
.slideshow-fancy .slideshow--prev:hover,
.slideshow-fancy .slideshow--next:hover {
  background-color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.87);
  color: var(--gray-900, #242424);
}

/**
 * Fixed Slideshow
 */
.slideshow-fixed {
  position: relative;
}
.slideshow-fixed .slideshow--media > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: unset !important;
  min-width: 100%;
  min-height: 100%;
}
.slideshow-fixed .slideshow--progress {
  height: 0.125rem;
}
.slideshow-fixed .slideshow--caption {
  background-color: transparent;
  color: white;
}
.slideshow-fixed .slideshow--dots > li {
  width: 1rem;
  height: 0.375rem;
}
.slideshow-fixed .slideshow--dots > li.active {
  width: 3rem;
}
@media (min-width: 0) {
  .slideshow-fixed .slideshow--caption {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .slideshow-fixed .slideshow--caption:first-child {
    font-size: 1.75rem;
  }
  .slideshow-fixed .slideshow--caption:nth-child(2) {
    font-size: 1.25rem;
  }
  .slideshow-fixed .slideshow--caption:nth-child(3) button {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .slideshow-fixed .slideshow--caption {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .slideshow-fixed .slideshow--caption:first-child {
    font-size: 2rem;
  }
  .slideshow-fixed .slideshow--caption:nth-child(2) {
    font-size: 1.5rem;
  }
  .slideshow-fixed .slideshow--caption:nth-child(3) button {
    padding: 0.5rem 1rem;
    font-size: 1.0625rem;
    font-weight: 100;
  }
}
@media (min-width: 1280px) {
  .slideshow-fixed .slideshow--caption {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .slideshow-fixed .slideshow--caption:first-child {
    font-size: 2.5rem;
  }
  .slideshow-fixed .slideshow--caption:nth-child(2) {
    font-size: 1.75rem;
  }
  .slideshow-fixed .slideshow--caption:nth-child(3) button {
    padding: 0.625rem 1.25rem;
    font-size: 1.125rem;
  }
}
.slideshow-fixed.slideshow-layout-1 .slideshow--prev {
  left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.slideshow-fixed.slideshow-layout-1 .slideshow--next {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (min-width: 0) {
  .slideshow-fixed.slideshow-layout-1 .slideshow--next {
    left: 3.75rem;
  }
}
@media (min-width: 768px) {
  .slideshow-fixed.slideshow-layout-1 .slideshow--next {
    left: 4.125rem;
  }
}
@media (min-width: 1280px) {
  .slideshow-fixed.slideshow-layout-1 .slideshow--next {
    left: 4.5rem;
  }
}
.slideshow-fixed.slideshow-layout-1 .slideshow--prev, .slideshow-fixed.slideshow-layout-1 .slideshow--next {
  opacity: 1;
  bottom: 0;
  top: unset;
  transform: unset;
}
@media (min-width: 0) {
  .slideshow-fixed.slideshow-layout-1 .slideshow--prev, .slideshow-fixed.slideshow-layout-1 .slideshow--next {
    width: 3.75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .slideshow-fixed.slideshow-layout-1 .slideshow--prev, .slideshow-fixed.slideshow-layout-1 .slideshow--next {
    width: 4.125rem;
    height: 2.75rem;
    line-height: 2.75rem;
    font-size: 26px;
  }
}
@media (min-width: 1280px) {
  .slideshow-fixed.slideshow-layout-1 .slideshow--prev, .slideshow-fixed.slideshow-layout-1 .slideshow--next {
    width: 4.5rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 28px;
  }
}
.slideshow-fixed.slideshow-layout-2 .slideshow--prev,
.slideshow-fixed.slideshow-layout-2 .slideshow--next {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.67);
  color: rgba(255, 255, 255, 0.75);
  border-style: solid;
  border-width: 0.125rem;
  box-sizing: content-box;
}
.slideshow-fixed.slideshow-layout-2 .slideshow--prev:hover,
.slideshow-fixed.slideshow-layout-2 .slideshow--next:hover {
  background-color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.87);
  color: var(--gray-900, #242424);
}
@media (min-width: 0) {
  .slideshow-fixed.slideshow-layout-2 .slideshow--prev,
  .slideshow-fixed.slideshow-layout-2 .slideshow--next {
    width: 32px;
    height: 54px;
    line-height: 54px;
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .slideshow-fixed.slideshow-layout-2 .slideshow--prev,
  .slideshow-fixed.slideshow-layout-2 .slideshow--next {
    width: 36px;
    height: 62px;
    line-height: 62px;
    font-size: 24px;
  }
}
@media (min-width: 1280px) {
  .slideshow-fixed.slideshow-layout-2 .slideshow--prev,
  .slideshow-fixed.slideshow-layout-2 .slideshow--next {
    width: 40px;
    height: 70px;
    line-height: 70px;
    font-size: 26px;
  }
}
.slideshow-fixed .scroll-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 25;
  padding: 1rem;
  cursor: pointer;
  transform: translate(-50%, 0%);
  text-decoration: none;
  color: white;
}
.slideshow-fixed .scroll-bottom:hover {
  color: white;
}
.slideshow-fixed .scroll-bottom div {
  position: relative;
  top: -1rem;
}
.slideshow-fixed .scroll-bottom span {
  font-family: aria sans-serif;
  display: inline-block;
  transform: rotate(-90deg);
}
@media (min-width: 0) {
  .slideshow-fixed .scroll-bottom span {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) {
  .slideshow-fixed .scroll-bottom span {
    font-size: 3rem;
  }
}
@media (min-width: 1280px) {
  .slideshow-fixed .scroll-bottom span {
    font-size: 3.5rem;
  }
}

/**
 * Custom Slideshow
 */
.slideshow-custom .slideshow--media {
  font-size: 20px;
  line-height: 50px;
}
@media (min-width: 768px) {
  .slideshow-custom .slideshow--media {
    font-size: 22px;
    line-height: 60px;
  }
}
@media (min-width: 1280px) {
  .slideshow-custom .slideshow--media {
    font-size: 24px;
    line-height: 70px;
  }
}
.slideshow-custom .slideshow--prev,
.slideshow-custom .slideshow--next {
  background-color: transparent;
  border-style: solid;
  border-width: 0.125rem;
  box-sizing: content-box;
}
@media (min-width: 0) {
  .slideshow-custom .slideshow--prev,
  .slideshow-custom .slideshow--next {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .slideshow-custom .slideshow--prev,
  .slideshow-custom .slideshow--next {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .slideshow-custom .slideshow--prev,
  .slideshow-custom .slideshow--next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
  }
}
.slideshow-custom.slideshow-light {
  color: #FFFFFF;
}
.slideshow-custom.slideshow-light .slideshow--prev,
.slideshow-custom.slideshow-light .slideshow--next {
  border-color: rgba(255, 255, 255, 0.67);
  color: rgba(255, 255, 255, 0.75);
}
.slideshow-custom.slideshow-light .slideshow--prev:hover,
.slideshow-custom.slideshow-light .slideshow--next:hover {
  background-color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.87);
  color: var(--gray-900, #242424);
}
.slideshow-custom.slideshow-dark {
  color: #000000;
}
.slideshow-custom.slideshow-dark .slideshow--prev,
.slideshow-custom.slideshow-dark .slideshow--next {
  border-color: rgba(0, 0, 0, 0.67);
  color: rgba(0, 0, 0, 0.75);
}
.slideshow-custom.slideshow-dark .slideshow--prev:hover,
.slideshow-custom.slideshow-dark .slideshow--next:hover {
  background-color: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0.87);
  color: var(--gray-100, #F4F4F4);
}

.doc-light .slideshow-custom:not(.slideshow-dark) {
  color: #FFFFFF;
}
.doc-light .slideshow-custom:not(.slideshow-dark) .slideshow--prev,
.doc-light .slideshow-custom:not(.slideshow-dark) .slideshow--next {
  border-color: rgba(255, 255, 255, 0.67);
  color: rgba(255, 255, 255, 0.75);
}
.doc-light .slideshow-custom:not(.slideshow-dark) .slideshow--prev:hover,
.doc-light .slideshow-custom:not(.slideshow-dark) .slideshow--next:hover {
  background-color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.87);
  color: var(--gray-900, #242424);
}
.doc-dark .slideshow-custom:not(.slideshow-light) {
  color: #000000;
}
.doc-dark .slideshow-custom:not(.slideshow-light) .slideshow--prev,
.doc-dark .slideshow-custom:not(.slideshow-light) .slideshow--next {
  border-color: rgba(0, 0, 0, 0.67);
  color: rgba(0, 0, 0, 0.75);
}
.doc-dark .slideshow-custom:not(.slideshow-light) .slideshow--prev:hover,
.doc-dark .slideshow-custom:not(.slideshow-light) .slideshow--next:hover {
  background-color: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0.87);
  color: var(--gray-100, #F4F4F4);
}

/**
 * Menu Plugin (Common styles)
 */
.menu-simple,
.menu-mega {
  border-radius: 0;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .menu-simple,
  .menu-mega {
    background: transparent !important;
  }
}
.menu-simple a, .menu-simple ul, .menu-simple ul a,
.menu-mega a,
.menu-mega ul,
.menu-mega ul a {
  border-radius: 0;
}
.menu-simple .menu--active,
.menu-mega .menu--active {
  font-weight: 600;
}
.menu-simple:not(.menu-default) > li > a,
.menu-mega:not(.menu-default) > li > a {
  padding: 0.5rem 0.75rem;
}
.menu-simple ul a,
.menu-mega ul a {
  padding: 0.5rem 1rem;
}
.menu-simple.menu-default > li > a,
.menu-mega.menu-default > li > a {
  padding: 0.5rem;
}
.menu-simple.menu-border > li > a, .menu-simple.menu-border-bottom > li > a, .menu-simple.menu-border-top > li > a,
.menu-mega.menu-border > li > a,
.menu-mega.menu-border-bottom > li > a,
.menu-mega.menu-border-top > li > a {
  text-decoration: none;
  transition: 0.1s;
  position: relative;
  font-size: 1rem;
}
.menu-simple.menu-border > li > a::after, .menu-simple.menu-border-bottom > li > a::after, .menu-simple.menu-border-top > li > a::after,
.menu-mega.menu-border > li > a::after,
.menu-mega.menu-border-bottom > li > a::after,
.menu-mega.menu-border-top > li > a::after {
  display: table;
  content: "";
  width: 0%;
  height: 2px;
  position: absolute;
  border-radius: 0;
}
.menu-simple.menu-border > li > a::after,
.menu-mega.menu-border > li > a::after {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-simple.menu-border > li > a.menu--active::after,
.menu-mega.menu-border > li > a.menu--active::after {
  width: 50%;
}
.menu-simple.menu-border > li:hover > a::after,
.menu-mega.menu-border > li:hover > a::after {
  width: 50%;
}
.menu-simple.menu-border.menu-animated > li > a::after,
.menu-mega.menu-border.menu-animated > li > a::after {
  transition: all 0.2s ease-out;
}
.menu-simple.menu-border-bottom > li > a::after,
.menu-mega.menu-border-bottom > li > a::after {
  bottom: 0;
}
.menu-simple.menu-border-top > li > a::after,
.menu-mega.menu-border-top > li > a::after {
  top: 0;
}
.menu-simple.menu-border-bottom > li > a::after, .menu-simple.menu-border-top > li > a::after,
.menu-mega.menu-border-bottom > li > a::after,
.menu-mega.menu-border-top > li > a::after {
  left: 0.375rem;
}
.menu-simple.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-border-top > li > a.menu--active::after,
.menu-mega.menu-border-bottom > li > a.menu--active::after,
.menu-mega.menu-border-top > li > a.menu--active::after {
  width: 90%;
}
.menu-simple.menu-border-bottom > li:hover > a::after, .menu-simple.menu-border-top > li:hover > a::after,
.menu-mega.menu-border-bottom > li:hover > a::after,
.menu-mega.menu-border-top > li:hover > a::after {
  width: 90%;
}
.menu-simple.menu-border-bottom.menu-animated > li > a::after, .menu-simple.menu-border-top.menu-animated > li > a::after,
.menu-mega.menu-border-bottom.menu-animated > li > a::after,
.menu-mega.menu-border-top.menu-animated > li > a::after {
  transition: all 0.25s ease-out;
}
.menu-simple.menu-round,
.menu-mega.menu-round {
  border-radius: 0.5rem;
}
.menu-simple.menu-round a, .menu-simple.menu-round ul, .menu-simple.menu-round ul a,
.menu-mega.menu-round a,
.menu-mega.menu-round ul,
.menu-mega.menu-round ul a {
  border-radius: 0.5rem;
}
.menu-simple.menu-round.menu-border > li > a::after, .menu-simple.menu-round.menu-border-bottom > li > a::after, .menu-simple.menu-round.menu-border-top > li > a::after,
.menu-mega.menu-round.menu-border > li > a::after,
.menu-mega.menu-round.menu-border-bottom > li > a::after,
.menu-mega.menu-round.menu-border-top > li > a::after {
  border-radius: 0.5rem;
}
.menu-simple.menu-left li, .menu-simple.menu-left a,
.menu-mega.menu-left li,
.menu-mega.menu-left a {
  text-align: left;
}
.menu-simple.menu-right li, .menu-simple.menu-right a,
.menu-mega.menu-right li,
.menu-mega.menu-right a {
  text-align: right;
}
.menu-simple.menu-center li, .menu-simple.menu-center a,
.menu-mega.menu-center li,
.menu-mega.menu-center a {
  text-align: center;
}
@media (max-width: 1023px) {
  .menu-simple.menu-responsive,
  .menu-mega.menu-responsive {
    padding: 0.75rem;
  }
  .menu-simple.menu-responsive ul, .menu-simple.menu-responsive li, .menu-simple.menu-responsive a,
  .menu-mega.menu-responsive ul,
  .menu-mega.menu-responsive li,
  .menu-mega.menu-responsive a {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .menu-simple.menu-responsive ul,
  .menu-mega.menu-responsive ul {
    position: relative !important;
    left: unset !important;
    right: unset !important;
    animation: unset !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: unset !important;
    background: unset;
    padding: 0.75rem;
    margin: 0.5rem 0;
  }
  .menu-simple.menu-responsive ul ul,
  .menu-mega.menu-responsive ul ul {
    margin: 0.5rem 0;
  }
  .menu-simple.menu-responsive > ul > ul,
  .menu-mega.menu-responsive > ul > ul {
    margin: 0.5rem 0.75rem;
    width: calc(100% - 1.5rem);
  }
  .menu-simple.menu-responsive.menu-border > li > a::after, .menu-simple.menu-responsive.menu-border-bottom > li > a::after, .menu-simple.menu-responsive.menu-border-top > li > a::after,
  .menu-mega.menu-responsive.menu-border > li > a::after,
  .menu-mega.menu-responsive.menu-border-bottom > li > a::after,
  .menu-mega.menu-responsive.menu-border-top > li > a::after {
    width: 2px;
    height: 0%;
    left: 0;
  }
  .menu-simple.menu-responsive.menu-border > li > a::after,
  .menu-mega.menu-responsive.menu-border > li > a::after {
    top: 50%;
    transform: translate(0, -50%);
  }
  .menu-simple.menu-responsive.menu-border > li > a.menu--active::after,
  .menu-mega.menu-responsive.menu-border > li > a.menu--active::after {
    width: 2px;
    height: 65%;
  }
  .menu-simple.menu-responsive.menu-border > li:hover > a::after,
  .menu-mega.menu-responsive.menu-border > li:hover > a::after {
    width: 2px;
    height: 65%;
  }
  .menu-simple.menu-responsive.menu-border-bottom > li > a::after,
  .menu-mega.menu-responsive.menu-border-bottom > li > a::after {
    bottom: 5%;
    top: unset;
  }
  .menu-simple.menu-responsive.menu-border-top > li > a::after,
  .menu-mega.menu-responsive.menu-border-top > li > a::after {
    top: 5%;
    bottom: unset;
  }
  .menu-simple.menu-responsive.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-responsive.menu-border-top > li > a.menu--active::after,
  .menu-mega.menu-responsive.menu-border-bottom > li > a.menu--active::after,
  .menu-mega.menu-responsive.menu-border-top > li > a.menu--active::after {
    width: 2px;
    height: 90%;
  }
  .menu-simple.menu-responsive.menu-border-bottom > li:hover > a::after, .menu-simple.menu-responsive.menu-border-top > li:hover > a::after,
  .menu-mega.menu-responsive.menu-border-bottom > li:hover > a::after,
  .menu-mega.menu-responsive.menu-border-top > li:hover > a::after {
    width: 2px;
    height: 90%;
  }
}
.menu-simple.menu-light.menu-hover > li:hover > a,
.menu-mega.menu-light.menu-hover > li:hover > a {
  background-color: var(--gray-50, #FAFAFA) !important;
}
.menu-simple.menu-light .menu--hover li:hover > a,
.menu-mega.menu-light .menu--hover li:hover > a {
  background-color: var(--gray-50, #FAFAFA) !important;
}
.menu-simple.menu-light.menu-app > li:hover > a,
.menu-mega.menu-light.menu-app > li:hover > a {
  background-color: var(--app-500, #4283F2) !important;
  color: #FFFFFF !important;
}
.menu-simple.menu-light .menu--app li:hover > a,
.menu-mega.menu-light .menu--app li:hover > a {
  background-color: var(--app-500, #4283F2) !important;
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-border > li > a.menu--active::after, .menu-simple.menu-light.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-light.menu-border-top > li > a.menu--active::after,
.menu-mega.menu-light.menu-border > li > a.menu--active::after,
.menu-mega.menu-light.menu-border-bottom > li > a.menu--active::after,
.menu-mega.menu-light.menu-border-top > li > a.menu--active::after {
  background-color: var(--app-400, #6A9EF5) !important;
}
.menu-simple.menu-light.menu-border > li:hover > a, .menu-simple.menu-light.menu-border-bottom > li:hover > a, .menu-simple.menu-light.menu-border-top > li:hover > a,
.menu-mega.menu-light.menu-border > li:hover > a,
.menu-mega.menu-light.menu-border-bottom > li:hover > a,
.menu-mega.menu-light.menu-border-top > li:hover > a {
  color: var(--app-600, #346FD9) !important;
}
.menu-simple.menu-light.menu-border > li:hover > a::after, .menu-simple.menu-light.menu-border-bottom > li:hover > a::after, .menu-simple.menu-light.menu-border-top > li:hover > a::after,
.menu-mega.menu-light.menu-border > li:hover > a::after,
.menu-mega.menu-light.menu-border-bottom > li:hover > a::after,
.menu-mega.menu-light.menu-border-top > li:hover > a::after {
  background-color: var(--app-400, #6A9EF5) !important;
}
@media (max-width: 1023px) {
  .menu-simple.menu-light.menu-responsive,
  .menu-mega.menu-light.menu-responsive {
    background-color: rgba(0, 0, 0, 0.025);
  }
  .menu-simple.menu-light.menu-responsive ul,
  .menu-mega.menu-light.menu-responsive ul {
    background-color: rgba(0, 0, 0, 0.025);
  }
}
.menu-simple.menu-light.menu-strict.menu-default > li > a,
.menu-mega.menu-light.menu-strict.menu-default > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.menu-simple.menu-light.menu-strict.menu-default > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-default > li > a.menu--active {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-default > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-default > li:hover > a {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-hover > li > a,
.menu-mega.menu-light.menu-strict.menu-hover > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.menu-simple.menu-light.menu-strict.menu-hover > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-hover > li > a.menu--active {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-hover > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-hover > li:hover > a {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-app > li > a,
.menu-mega.menu-light.menu-strict.menu-app > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.menu-simple.menu-light.menu-strict.menu-app > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-app > li > a.menu--active {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-app > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-app > li:hover > a {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-border > li > a, .menu-simple.menu-light.menu-strict.menu-border-bottom > li > a, .menu-simple.menu-light.menu-strict.menu-border-top > li > a,
.menu-mega.menu-light.menu-strict.menu-border > li > a,
.menu-mega.menu-light.menu-strict.menu-border-bottom > li > a,
.menu-mega.menu-light.menu-strict.menu-border-top > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.menu-simple.menu-light.menu-strict.menu-border > li > a.menu--active, .menu-simple.menu-light.menu-strict.menu-border-bottom > li > a.menu--active, .menu-simple.menu-light.menu-strict.menu-border-top > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-border > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-border-bottom > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-border-top > li > a.menu--active {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-border > li > a.menu--active::after, .menu-simple.menu-light.menu-strict.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-light.menu-strict.menu-border-top > li > a.menu--active::after,
.menu-mega.menu-light.menu-strict.menu-border > li > a.menu--active::after,
.menu-mega.menu-light.menu-strict.menu-border-bottom > li > a.menu--active::after,
.menu-mega.menu-light.menu-strict.menu-border-top > li > a.menu--active::after {
  background-color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-border > li:hover > a, .menu-simple.menu-light.menu-strict.menu-border-bottom > li:hover > a, .menu-simple.menu-light.menu-strict.menu-border-top > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-border > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-border-bottom > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-border-top > li:hover > a {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-border > li:hover > a::after, .menu-simple.menu-light.menu-strict.menu-border-bottom > li:hover > a::after, .menu-simple.menu-light.menu-strict.menu-border-top > li:hover > a::after,
.menu-mega.menu-light.menu-strict.menu-border > li:hover > a::after,
.menu-mega.menu-light.menu-strict.menu-border-bottom > li:hover > a::after,
.menu-mega.menu-light.menu-strict.menu-border-top > li:hover > a::after {
  background-color: #FFFFFF !important;
}
@media (max-width: 1023px) {
  .menu-simple.menu-light.menu-strict.menu-responsive li a,
  .menu-mega.menu-light.menu-strict.menu-responsive li a {
    color: var(--gray-200, #DBDBDB) !important;
  }
  .menu-simple.menu-light.menu-strict.menu-responsive li:hover a,
  .menu-mega.menu-light.menu-strict.menu-responsive li:hover a {
    background-color: transparent !important;
    color: #FFFFFF !important;
  }
}
.menu-simple.menu-dark.menu-hover > li:hover > a,
.menu-mega.menu-dark.menu-hover > li:hover > a {
  background-color: var(--gray-950, #121212) !important;
}
.menu-simple.menu-dark .menu--hover li:hover > a,
.menu-mega.menu-dark .menu--hover li:hover > a {
  background-color: var(--gray-950, #121212) !important;
}
.menu-simple.menu-dark.menu-app > li a.menu--active,
.menu-simple.menu-dark.menu-app > li:hover > a,
.menu-mega.menu-dark.menu-app > li a.menu--active,
.menu-mega.menu-dark.menu-app > li:hover > a {
  background-color: var(--app-600, #346FD9) !important;
  color: #FFFFFF !important;
}
.menu-simple.menu-dark .menu--app li a.menu--active,
.menu-simple.menu-dark .menu--app li:hover > a,
.menu-mega.menu-dark .menu--app li a.menu--active,
.menu-mega.menu-dark .menu--app li:hover > a {
  background-color: var(--app-600, #346FD9) !important;
  color: #FFFFFF !important;
}
.menu-simple.menu-dark.menu-border > li > a.menu--active::after, .menu-simple.menu-dark.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-dark.menu-border-top > li > a.menu--active::after,
.menu-mega.menu-dark.menu-border > li > a.menu--active::after,
.menu-mega.menu-dark.menu-border-bottom > li > a.menu--active::after,
.menu-mega.menu-dark.menu-border-top > li > a.menu--active::after {
  background-color: var(--app-400, #6A9EF5) !important;
}
.menu-simple.menu-dark.menu-border > li:hover > a, .menu-simple.menu-dark.menu-border-bottom > li:hover > a, .menu-simple.menu-dark.menu-border-top > li:hover > a,
.menu-mega.menu-dark.menu-border > li:hover > a,
.menu-mega.menu-dark.menu-border-bottom > li:hover > a,
.menu-mega.menu-dark.menu-border-top > li:hover > a {
  color: var(--app-300, #93B8F7);
}
.menu-simple.menu-dark.menu-border > li:hover > a::after, .menu-simple.menu-dark.menu-border-bottom > li:hover > a::after, .menu-simple.menu-dark.menu-border-top > li:hover > a::after,
.menu-mega.menu-dark.menu-border > li:hover > a::after,
.menu-mega.menu-dark.menu-border-bottom > li:hover > a::after,
.menu-mega.menu-dark.menu-border-top > li:hover > a::after {
  background-color: var(--app-400, #6A9EF5);
}
@media (max-width: 1023px) {
  .menu-simple.menu-dark.menu-responsive,
  .menu-mega.menu-dark.menu-responsive {
    background-color: rgba(0, 0, 0, 0.25);
  }
  .menu-simple.menu-dark.menu-responsive ul,
  .menu-mega.menu-dark.menu-responsive ul {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
.menu-simple.menu-dark.menu-strict.menu-default > li > a,
.menu-mega.menu-dark.menu-strict.menu-default > li > a {
  color: #242424 !important;
}
.menu-simple.menu-dark.menu-strict.menu-default > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-default > li > a.menu--active {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-default > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-default > li:hover > a {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-hover > li > a,
.menu-mega.menu-dark.menu-strict.menu-hover > li > a {
  color: #242424 !important;
}
.menu-simple.menu-dark.menu-strict.menu-hover > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-hover > li > a.menu--active {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-hover > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-hover > li:hover > a {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-app > li > a,
.menu-mega.menu-dark.menu-strict.menu-app > li > a {
  color: #242424 !important;
}
.menu-simple.menu-dark.menu-strict.menu-app > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-app > li > a.menu--active {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-app > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-app > li:hover > a {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-border > li > a, .menu-simple.menu-dark.menu-strict.menu-border-bottom > li > a, .menu-simple.menu-dark.menu-strict.menu-border-top > li > a,
.menu-mega.menu-dark.menu-strict.menu-border > li > a,
.menu-mega.menu-dark.menu-strict.menu-border-bottom > li > a,
.menu-mega.menu-dark.menu-strict.menu-border-top > li > a {
  color: #242424 !important;
}
.menu-simple.menu-dark.menu-strict.menu-border > li > a.menu--active, .menu-simple.menu-dark.menu-strict.menu-border-bottom > li > a.menu--active, .menu-simple.menu-dark.menu-strict.menu-border-top > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-border > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-border-bottom > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-border-top > li > a.menu--active {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-border > li > a.menu--active::after, .menu-simple.menu-dark.menu-strict.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-dark.menu-strict.menu-border-top > li > a.menu--active::after,
.menu-mega.menu-dark.menu-strict.menu-border > li > a.menu--active::after,
.menu-mega.menu-dark.menu-strict.menu-border-bottom > li > a.menu--active::after,
.menu-mega.menu-dark.menu-strict.menu-border-top > li > a.menu--active::after {
  background-color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-border > li:hover > a, .menu-simple.menu-dark.menu-strict.menu-border-bottom > li:hover > a, .menu-simple.menu-dark.menu-strict.menu-border-top > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-border > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-border-bottom > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-border-top > li:hover > a {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-border > li:hover > a::after, .menu-simple.menu-dark.menu-strict.menu-border-bottom > li:hover > a::after, .menu-simple.menu-dark.menu-strict.menu-border-top > li:hover > a::after,
.menu-mega.menu-dark.menu-strict.menu-border > li:hover > a::after,
.menu-mega.menu-dark.menu-strict.menu-border-bottom > li:hover > a::after,
.menu-mega.menu-dark.menu-strict.menu-border-top > li:hover > a::after {
  background-color: #000000 !important;
}
@media (max-width: 1023px) {
  .menu-simple.menu-dark.menu-strict.menu-responsive li a,
  .menu-mega.menu-dark.menu-strict.menu-responsive li a {
    color: #242424 !important;
  }
  .menu-simple.menu-dark.menu-strict.menu-responsive li:hover a,
  .menu-mega.menu-dark.menu-strict.menu-responsive li:hover a {
    background-color: transparent !important;
    color: #000000 !important;
  }
}

.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-hover > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-hover > li:hover > a {
  background-color: var(--gray-50, #FAFAFA) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark) .menu--hover li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark) .menu--hover li:hover > a {
  background-color: var(--gray-50, #FAFAFA) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-app > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-app > li:hover > a {
  background-color: var(--app-500, #4283F2) !important;
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark) .menu--app li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark) .menu--app li:hover > a {
  background-color: var(--app-500, #4283F2) !important;
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li > a.menu--active::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li > a.menu--active::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li > a.menu--active::after {
  background-color: var(--app-400, #6A9EF5);
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li:hover > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a {
  color: var(--app-600, #346FD9);
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li:hover > a::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a::after {
  background-color: var(--app-400, #6A9EF5);
}
@media (max-width: 1023px) {
  .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-responsive,
  .doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-responsive {
    background-color: rgba(0, 0, 0, 0.025);
  }
  .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-responsive ul,
  .doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-responsive ul {
    background-color: rgba(0, 0, 0, 0.025);
  }
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a.menu--active {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li:hover > a {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a.menu--active {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li:hover > a {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a.menu--active {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li:hover > a {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active::after {
  background-color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a::after {
  background-color: #FFFFFF !important;
}
@media (max-width: 1023px) {
  .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li a,
  .doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li a {
    color: var(--gray-200, #DBDBDB) !important;
  }
  .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li:hover a,
  .doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li:hover a {
    background-color: transparent !important;
    color: #FFFFFF !important;
  }
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-hover > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-hover > li:hover > a {
  background-color: var(--gray-950, #121212) !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark) .menu--hover li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark) .menu--hover li:hover > a {
  background-color: var(--gray-950, #121212) !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-app > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-app > li:hover > a {
  background-color: var(--app-600, #346FD9) !important;
  color: #FFFFFF !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark) .menu--app li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark) .menu--app li:hover > a {
  background-color: var(--app-600, #346FD9) !important;
  color: #FFFFFF !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li > a.menu--active::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li > a.menu--active::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li > a.menu--active::after {
  background-color: var(--app-400, #6A9EF5);
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li:hover > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a {
  color: var(--app-300, #93B8F7);
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li:hover > a::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a::after {
  background-color: var(--app-400, #6A9EF5);
}
@media (max-width: 1023px) {
  .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-responsive,
  .doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-responsive {
    background-color: rgba(0, 0, 0, 0.25);
  }
  .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-responsive ul,
  .doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-responsive ul {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a {
  color: #242424 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a.menu--active {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li:hover > a {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a {
  color: #242424 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a.menu--active {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li:hover > a {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a {
  color: #242424 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a.menu--active {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li:hover > a {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a {
  color: #242424 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active::after {
  background-color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a::after {
  background-color: #000000 !important;
}
@media (max-width: 1023px) {
  .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li a,
  .doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li a {
    color: #242424 !important;
  }
  .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li:hover a,
  .doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li:hover a {
    background-color: transparent !important;
  }
}

/**
 * Simple Menu
 */
.menu-simple.menu-y {
  width: 100%;
  display: block;
}
.menu-simple li, .menu-simple a {
  position: relative;
}

/**
 * Mega Menu
 */
@media (min-width: 1024px) {
  .menu-mega ul {
    padding: 1rem;
  }
}
.menu-mega ul a {
  display: block;
  width: 100%;
}

/*# sourceMappingURL=aiocms.css.map */