:root {

    /* ── Primary Color ──────────────────────────── */
    --primary-d7: #002233;
    --primary-d5: #004466;
    --primary-d4b: #004c73;
    --primary-d4: #005580;
    --primary-d3: #006699;
    --primary-d2b: #006da3;
    --primary-d2: #006ea6;
    --primary-d1b: #0074ad;
    --primary-d1: #0077b3;
    --primary-d0b: #007ebd;
    --primary-d0c: #007fbf;
    --primary-d0: #0081c2;
    --primary: #0088cc;
    --primary-l1: #0092db;
    --primary-l1b: #0096e0;
    --primary-l2: #0099e6;
    --primary-l3: #00a1f2;
    --primary-l3b: #00a3f5;
    --primary-l4: #00aaff;
    --primary-l5: #1ab2ff;

    /* ── Secondary Color ──────────────────────────── */
    --secondary-d5: #8b1e18;
    --secondary-d4: #b7281f;
    --secondary-d3: #c22a21;
    --secondary-d2: #cd2c23;
    --secondary-d1: #dc372d;
    --secondary-d0: #dd4238;
    --secondary-d0b: #df4c43;
    --secondary-d0c: #e1554c;
    --secondary-d0d: #e1574e;
    --secondary: #e36159;
    --secondary-l1: #e56d66;
    --secondary-l2: #e7766f;
    --secondary-l3: #e9807a;
    --secondary-l4: #ea8b85;

    /* ── Tertiary Color ──────────────────────────── */
    --tertiary-d5: #0d3436;
    --tertiary-d4: #175b5f;
    --tertiary-d3: #1a6569;
    --tertiary-d2: #1c6f73;
    --tertiary-d1: #218388;
    --tertiary-d0: #248c92;
    --tertiary-d0b: #26969c;
    --tertiary-d0c: #289ea5;
    --tertiary-d0d: #29a0a7;
    --tertiary: #2baab1;
    --tertiary-l1: #2eb6bd;
    --tertiary-l2: #30bec6;
    --tertiary-l3: #34c6ce;
    --tertiary-l4: #3fc9d0;

    /* ── Quaternary Color ──────────────────────────── */
    --quaternary-d9: #0a0c0d;
    --quaternary-d8: #0b0d0f;
    --quaternary-d7: #101214;
    --quaternary-d6c: #111315;
    --quaternary-d6: #111316;
    --quaternary-d6b: #131618;
    --quaternary-d5: #151719;
    --quaternary-d5b: #16181b;
    --quaternary-d5c: #17191d;
    --quaternary-d4: #181b1e;
    --quaternary-d3: #1a1d21;
    --quaternary-d3c: #1b1f22;
    --quaternary-d3b: #1c2023;
    --quaternary-d2: #202528;
    --quaternary-d2b: #22262b;
    --quaternary-d1: #262a2f;
    --quaternary-d1b: #272c32;
    --quaternary-d0: #282d31;
    --quaternary-d0b: #2c3237;
    --quaternary-d0c: #2d323a;
    --quaternary-d0d2: #31373f;
    --quaternary-d0d: #32383e;
    --quaternary-d0d3: #323941;
    --quaternary-d0e: #333940;
    --quaternary-alt: #383f45;
    --quaternary: #383f48;
    --quaternary-l1: #3f4247;
    --quaternary-l1b: #3f4751;
    --quaternary-l2: #434c56;
    --quaternary-l3: #49525e;
    --quaternary-l4: #4e5865;

    /* ── Dark ──────────────────────────── */
    --dark: #212529;

    /* ── Neutrals ──────────────────────────── */
    --black: #000000;
    --gray-950: #010101;
    --gray-940: #030404;
    --gray-935: #060607;
    --gray-930: #08090a;
    --gray-920: #0d0e10;
    --gray-900b: #0f1112;
    --gray-900: #111111;
    --gray-900c: #121416;
    --gray-875: #1a1c1e;
    --gray-870: #1e1e1e;
    --gray-850: #212121;
    --gray-825: #282828;
    --gray-820: #2a2a2a;
    --gray-815: #2b2b2b;
    --gray-800: #333333;
    --gray-750: #3c3c3c;
    --gray-740: #3e3e3e;
    --gray-730: #404040;
    --gray-700: #444444;
    --gray-690: #474747;
    --gray-650: #505050;
    --gray-600: #555555;
    --gray-575b: #5e5d5d;
    --gray-575: #5e5e5e;
    --gray-550: #646464;
    --gray-530: #666666;
    --gray-520: #696969;
    --gray-500: #777777;
    --gray-blue: #808697;
    --gray-450: #888888;
    --gray-430: #8d8d8d;
    --gray-420: #919090;
    --gray-400: #969696;
    --gray-380: #999999;
    --gray-360: #a1a1a1;
    --gray-350: #a8a8a8;
    --gray-340: #a9a9a9;
    --gray-340b: #a9a9aa;
    --gray-335: #ababab;
    --gray-330: #adadad;
    --gray-310: #b1b1b1;
    --gray-305: #b2b2b2;
    --gray-300: #b3b2b2;
    --gray-302: #b3b3b3;
    --gray-290: #b7b7b7;
    --gray-280: #b9b9b9;
    --gray-275: #bab9be;
    --gray-278: #bababa;
    --gray-270: #bbbbbb;
    --gray-260: #bdbdbd;
    --gray-250: #bfbfbf;
    --gray-240: #c1c1c1;
    --gray-230: #c4c4c4;
    --gray-220: #c9c9c9;
    --gray-200: #cccccc;
    --gray-190: #cecece;
    --gray-180: #d1d1d1;
    --gray-175: #d2d2d2;
    --gray-170: #d3d8dc;
    --gray-168: #d4d3d3;
    --gray-165: #d5d5d5;
    --gray-160: #d8d8d8;
    --gray-155: #d9d9d9;
    --gray-152: #d9dadc;
    --gray-150: #dadada;
    --gray-140: #dddddd;
    --gray-135: #dedede;
    --gray-133: #dee2e6;
    --gray-130: #dfdfdf;
    --gray-127: #e0e0e0;
    --gray-128: #e0e1e4;
    --gray-125: #e2e2e2;
    --gray-123: #e3e3e3;
    --gray-121: #e5e3df;
    --gray-120: #e5e5e5;
    --gray-118: #e5e7e9;
    --gray-115: #e6e5e5;
    --gray-110: #e6e6e6;
    --gray-108: #e7e7e7;
    --gray-105: #e8e8e8;
    --gray-103: #e9e9e9;
    --gray-100: #eaeaea;
    --gray-98: #ebebeb;
    --gray-95: #ececec;
    --gray-90: #ededed;
    --gray-85: #eeeeee;
    --gray-82: #efefef;
    --gray-80: #f1f1f1;
    --gray-75: #f2f2f2;
    --gray-70: #f4f4f4;
    --gray-65: #f5f5f5;
    --gray-50: #f7f7f7;
    --gray-45: #f8f9fa;
    --gray-40: #f9f9f9;
    --gray-35: #fafafa;
    --gray-30: #fcfcfc;
    --gray-25: #fefefe;
    --white: #ffffff;

    /* ── Bootstrap Colors ──────────────────────────── */
    --bs-success-alt: #0cc485;
    --bs-info-dark: #117a8b;
    --bs-info-d1: #138496;
    --bs-success-d2: #145523;
    --bs-info: #17a2b8;
    --bs-info-l1: #1bc0da;
    --bs-success-dark: #1e7e34;
    --bs-info-l2: #1fc8e3;
    --bs-success-d1: #218838;
    --bs-success: #28a745;
    --bs-success-l1: #2fc652;
    --bs-success-l2: #34ce57;
    --bs-danger-d5: #843534;
    --bs-danger-d4: #921925;
    --bs-warning-d2: #a07800;
    --bs-danger-d6: #a94442;
    --bs-danger-dark: #bd2130;
    --bs-danger-d3: #c3191e;
    --bs-danger-d1: #c82333;
    --bs-danger-d2: #cc2127;
    --bs-warning-dark: #d39e00;
    --bs-danger: #dc3545;
    --bs-warning-d1: #e0a800;
    --bs-danger-l2: #e25663;
    --bs-danger-l1: #e4606d;
    --bs-danger-l3: #e53f51;
    --bs-warning: #ffc107;
    --bs-warning-l1: #ffcb2d;
    --bs-warning-l2: #ffce3a;

    /* ── Special Colors ──────────────────────────── */
    --clr-blue-link: #0073b2;
    --clr-sky-blue2: #00b0f6;
    --clr-dark-teal: #0c525d;
    --clr-near-black: #0e0e0e;
    --clr-near-black2: #181818;
    --clr-teal-dark: #1a7576;
    --clr-sky-blue: #1aa9e1;
    --clr-dark-alt: #222222;
    --clr-whatsapp: #25d366;
    --clr-dark-alt2: #272a2e;
    --clr-linkedin: #304e6c;
    --clr-green-accent: #36c57a;
    --clr-dark-blue: #39404c;
    --clr-facebook: #3b5a9a;
    --clr-dark-slate: #3c444b;
    --clr-body-secondary: #495057;
    --clr-dark-text: #4c4c4c;
    --clr-dark-indigo: #505461;
    --clr-social-blue: #6383a8;
    --clr-mid-gray: #676767;
    --clr-dark-gray-blue: #6a6a6d;
    --clr-featured: #6c6ef1;
    --clr-gray-text: #737272;
    --clr-gray-text2: #757575;
    --clr-teal-gray: #78888d;
    --clr-brown: #7c4a3a;
    --clr-gray-text3: #838383;
    --clr-error: #b20000;
    --clr-instagram: #bd2690;
    --clr-error-dark: #c10000;
    --clr-light-blue-gray: #cbd3da;
    --clr-error-muted: #ce8483;
    --clr-error-red: #d01a34;
    --clr-google: #dd4b39;
    --clr-error-light: #e21a1a;
    --clr-pink: #e2498e;
    --clr-error-red2: #eb223f;
    --clr-alert-red2: #ed5348;
    --clr-red: #ff0000;
    --clr-alert-orange: #ff4107;
    --clr-alert-red: #ff5b5b;
    --clr-orange: #ff8201;

    /* ── RGB Components (for rgba usage) ──────── */
    --black-rgb: 0, 0, 0;
    --dark-rgb: 33, 37, 41;
    --gray-110-rgb: 230, 230, 230;
    --primary-d3-rgb: 0, 102, 153;
    --primary-rgb: 0, 136, 204;
    --quaternary-d1-rgb: 34, 38, 43;
    --quaternary-d2b-rgb: 22, 38, 43;
    --quaternary-d9-rgb: 10, 11, 13;
    --quaternary-rgb: 56, 63, 72;
    --secondary-d1-rgb: 220, 55, 45;
    --secondary-rgb: 227, 97, 89;
    --tertiary-d1-rgb: 33, 131, 136;
    --tertiary-rgb: 43, 170, 177;
    --white-rgb: 255, 255, 255;
}

::-moz-selection {
    color: var(--white);
    background: var(--primary)
}

::selection {
    color: var(--white);
    background: var(--primary)
}



a {
    color: var(--primary)
}

a:hover {
    color: var(--primary-l2)
}

a:focus {
    color: var(--primary-l2)
}

a:active {
    color: var(--primary-d1)
}

html .text-color-primary,
html .text-primary {
    color: var(--primary) !important
}

html .text-color-hover-primary:hover,
html .text-hover-primary:hover {
    color: var(--primary) !important
}

html .text-color-secondary,
html .text-secondary {
    color: var(--secondary) !important
}

html .text-color-hover-secondary:hover,
html .text-hover-secondary:hover {
    color: var(--secondary) !important
}

html .text-color-tertiary,
html .text-tertiary {
    color: var(--tertiary) !important
}

html .text-color-hover-tertiary:hover,
html .text-hover-tertiary:hover {
    color: var(--tertiary) !important
}

html .text-color-quaternary,
html .text-quaternary {
    color: var(--quaternary) !important
}

html .text-color-hover-quaternary:hover,
html .text-hover-quaternary:hover {
    color: var(--quaternary) !important
}

html .text-color-dark,
html .text-dark {
    color: var(--dark) !important
}

html .text-color-hover-dark:hover,
html .text-hover-dark:hover {
    color: var(--dark) !important
}

html .text-color-light,
html .text-light {
    color: var(--white) !important
}

html .text-color-hover-light:hover,
html .text-hover-light:hover {
    color: var(--white) !important
}

html .svg-fill-color-primary {
    fill: var(--primary) !important
}

html .svg-fill-color-primary svg path,
html .svg-fill-color-primary svg rect,
html .svg-fill-color-primary svg line,
html .svg-fill-color-primary svg polyline,
html .svg-fill-color-primary svg polygon {
    fill: var(--primary) !important
}

html .svg-fill-color-hover-primary:hover {
    fill: var(--primary) !important
}

html .svg-fill-color-hover-primary svg:hover path,
html .svg-fill-color-hover-primary svg:hover rect,
html .svg-fill-color-hover-primary svg:hover line,
html .svg-fill-color-hover-primary svg:hover polyline,
html .svg-fill-color-hover-primary svg:hover polygon {
    fill: var(--primary) !important
}

html .svg-stroke-color-primary {
    stroke: var(--primary) !important
}

html .svg-stroke-color-primary svg path,
html .svg-stroke-color-primary svg rect,
html .svg-stroke-color-primary svg line,
html .svg-stroke-color-primary svg polyline,
html .svg-stroke-color-primary svg polygon {
    stroke: var(--primary) !important
}

html .svg-stroke-color-hover-primary:hover {
    stroke: var(--primary) !important
}

html .svg-stroke-color-hover-primary svg:hover path,
html .svg-stroke-color-hover-primary svg:hover rect,
html .svg-stroke-color-hover-primary svg:hover line,
html .svg-stroke-color-hover-primary svg:hover polyline,
html .svg-stroke-color-hover-primary svg:hover polygon {
    stroke: var(--primary) !important
}

html .svg-fill-color-secondary {
    fill: var(--secondary) !important
}

html .svg-fill-color-secondary svg path,
html .svg-fill-color-secondary svg rect,
html .svg-fill-color-secondary svg line,
html .svg-fill-color-secondary svg polyline,
html .svg-fill-color-secondary svg polygon {
    fill: var(--secondary) !important
}

html .svg-fill-color-hover-secondary:hover {
    fill: var(--secondary) !important
}

html .svg-fill-color-hover-secondary svg:hover path,
html .svg-fill-color-hover-secondary svg:hover rect,
html .svg-fill-color-hover-secondary svg:hover line,
html .svg-fill-color-hover-secondary svg:hover polyline,
html .svg-fill-color-hover-secondary svg:hover polygon {
    fill: var(--secondary) !important
}

html .svg-stroke-color-secondary {
    stroke: var(--secondary) !important
}

html .svg-stroke-color-secondary svg path,
html .svg-stroke-color-secondary svg rect,
html .svg-stroke-color-secondary svg line,
html .svg-stroke-color-secondary svg polyline,
html .svg-stroke-color-secondary svg polygon {
    stroke: var(--secondary) !important
}

html .svg-stroke-color-hover-secondary:hover {
    stroke: var(--secondary) !important
}

html .svg-stroke-color-hover-secondary svg:hover path,
html .svg-stroke-color-hover-secondary svg:hover rect,
html .svg-stroke-color-hover-secondary svg:hover line,
html .svg-stroke-color-hover-secondary svg:hover polyline,
html .svg-stroke-color-hover-secondary svg:hover polygon {
    stroke: var(--secondary) !important
}

html .svg-fill-color-tertiary {
    fill: var(--tertiary) !important
}

html .svg-fill-color-tertiary svg path,
html .svg-fill-color-tertiary svg rect,
html .svg-fill-color-tertiary svg line,
html .svg-fill-color-tertiary svg polyline,
html .svg-fill-color-tertiary svg polygon {
    fill: var(--tertiary) !important
}

html .svg-fill-color-hover-tertiary:hover {
    fill: var(--tertiary) !important
}

html .svg-fill-color-hover-tertiary svg:hover path,
html .svg-fill-color-hover-tertiary svg:hover rect,
html .svg-fill-color-hover-tertiary svg:hover line,
html .svg-fill-color-hover-tertiary svg:hover polyline,
html .svg-fill-color-hover-tertiary svg:hover polygon {
    fill: var(--tertiary) !important
}

html .svg-stroke-color-tertiary {
    stroke: var(--tertiary) !important
}

html .svg-stroke-color-tertiary svg path,
html .svg-stroke-color-tertiary svg rect,
html .svg-stroke-color-tertiary svg line,
html .svg-stroke-color-tertiary svg polyline,
html .svg-stroke-color-tertiary svg polygon {
    stroke: var(--tertiary) !important
}

html .svg-stroke-color-hover-tertiary:hover {
    stroke: var(--tertiary) !important
}

html .svg-stroke-color-hover-tertiary svg:hover path,
html .svg-stroke-color-hover-tertiary svg:hover rect,
html .svg-stroke-color-hover-tertiary svg:hover line,
html .svg-stroke-color-hover-tertiary svg:hover polyline,
html .svg-stroke-color-hover-tertiary svg:hover polygon {
    stroke: var(--tertiary) !important
}

html .svg-fill-color-quaternary {
    fill: var(--quaternary) !important
}

html .svg-fill-color-quaternary svg path,
html .svg-fill-color-quaternary svg rect,
html .svg-fill-color-quaternary svg line,
html .svg-fill-color-quaternary svg polyline,
html .svg-fill-color-quaternary svg polygon {
    fill: var(--quaternary) !important
}

html .svg-fill-color-hover-quaternary:hover {
    fill: var(--quaternary) !important
}

html .svg-fill-color-hover-quaternary svg:hover path,
html .svg-fill-color-hover-quaternary svg:hover rect,
html .svg-fill-color-hover-quaternary svg:hover line,
html .svg-fill-color-hover-quaternary svg:hover polyline,
html .svg-fill-color-hover-quaternary svg:hover polygon {
    fill: var(--quaternary) !important
}

html .svg-stroke-color-quaternary {
    stroke: var(--quaternary) !important
}

html .svg-stroke-color-quaternary svg path,
html .svg-stroke-color-quaternary svg rect,
html .svg-stroke-color-quaternary svg line,
html .svg-stroke-color-quaternary svg polyline,
html .svg-stroke-color-quaternary svg polygon {
    stroke: var(--quaternary) !important
}

html .svg-stroke-color-hover-quaternary:hover {
    stroke: var(--quaternary) !important
}

html .svg-stroke-color-hover-quaternary svg:hover path,
html .svg-stroke-color-hover-quaternary svg:hover rect,
html .svg-stroke-color-hover-quaternary svg:hover line,
html .svg-stroke-color-hover-quaternary svg:hover polyline,
html .svg-stroke-color-hover-quaternary svg:hover polygon {
    stroke: var(--quaternary) !important
}

html .svg-fill-color-dark {
    fill: var(--dark) !important
}

html .svg-fill-color-dark svg path,
html .svg-fill-color-dark svg rect,
html .svg-fill-color-dark svg line,
html .svg-fill-color-dark svg polyline,
html .svg-fill-color-dark svg polygon {
    fill: var(--dark) !important
}

html .svg-fill-color-hover-dark:hover {
    fill: var(--dark) !important
}

html .svg-fill-color-hover-dark svg:hover path,
html .svg-fill-color-hover-dark svg:hover rect,
html .svg-fill-color-hover-dark svg:hover line,
html .svg-fill-color-hover-dark svg:hover polyline,
html .svg-fill-color-hover-dark svg:hover polygon {
    fill: var(--dark) !important
}

html .svg-stroke-color-dark {
    stroke: var(--dark) !important
}

html .svg-stroke-color-dark svg path,
html .svg-stroke-color-dark svg rect,
html .svg-stroke-color-dark svg line,
html .svg-stroke-color-dark svg polyline,
html .svg-stroke-color-dark svg polygon {
    stroke: var(--dark) !important
}

html .svg-stroke-color-hover-dark:hover {
    stroke: var(--dark) !important
}

html .svg-stroke-color-hover-dark svg:hover path,
html .svg-stroke-color-hover-dark svg:hover rect,
html .svg-stroke-color-hover-dark svg:hover line,
html .svg-stroke-color-hover-dark svg:hover polyline,
html .svg-stroke-color-hover-dark svg:hover polygon {
    stroke: var(--dark) !important
}

html .svg-fill-color-light {
    fill: var(--white) !important
}

html .svg-fill-color-light svg path,
html .svg-fill-color-light svg rect,
html .svg-fill-color-light svg line,
html .svg-fill-color-light svg polyline,
html .svg-fill-color-light svg polygon {
    fill: var(--white) !important
}

html .svg-fill-color-hover-light:hover {
    fill: var(--white) !important
}

html .svg-fill-color-hover-light svg:hover path,
html .svg-fill-color-hover-light svg:hover rect,
html .svg-fill-color-hover-light svg:hover line,
html .svg-fill-color-hover-light svg:hover polyline,
html .svg-fill-color-hover-light svg:hover polygon {
    fill: var(--white) !important
}

html .svg-stroke-color-light {
    stroke: var(--white) !important
}

html .svg-stroke-color-light svg path,
html .svg-stroke-color-light svg rect,
html .svg-stroke-color-light svg line,
html .svg-stroke-color-light svg polyline,
html .svg-stroke-color-light svg polygon {
    stroke: var(--white) !important
}

html .svg-stroke-color-hover-light:hover {
    stroke: var(--white) !important
}

html .svg-stroke-color-hover-light svg:hover path,
html .svg-stroke-color-hover-light svg:hover rect,
html .svg-stroke-color-hover-light svg:hover line,
html .svg-stroke-color-hover-light svg:hover polyline,
html .svg-stroke-color-hover-light svg:hover polygon {
    stroke: var(--white) !important
}

.svg-animation-effect-1-hover:hover svg path,
.svg-animation-effect-1-hover:hover svg polygon,
.svg-animation-effect-1-hover:hover svg polyline,
.svg-animation-effect-1-hover:hover svg rect {
    stroke: var(--primary)
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg path,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polygon,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polyline,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg rect {
    stroke: var(--primary)
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg path,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polygon,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polyline,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg rect {
    stroke: var(--secondary)
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg path,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polygon,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polyline,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg rect {
    stroke: var(--tertiary)
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg path,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polygon,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polyline,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg rect {
    stroke: var(--quaternary)
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg path,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polygon,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polyline,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg rect {
    stroke: var(--dark)
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg path,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polygon,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polyline,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg rect {
    stroke: var(--white)
}

.gradient-text-color {
    color: var(--primary);
    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
    background-image: linear-gradient(to right, var(--primary), var(--secondary))
}

html .bg-color-primary,
html .bg-primary {
    background-color: var(--primary) !important
}

html .bg-color-hover-primary:hover,
html .bg-hover-primary:hover {
    background-color: var(--primary) !important
}

html .bg-color-after-primary:after {
    background-color: var(--primary) !important
}

html .bg-color-hover-after-primary:hover::after {
    background-color: var(--primary) !important
}

html .bg-color-before-primary:before {
    background-color: var(--primary) !important
}

html .bg-color-hover-before-primary:hover::before {
    background-color: var(--primary) !important
}

html .bg-color-secondary,
html .bg-secondary {
    background-color: var(--secondary) !important
}

html .bg-color-hover-secondary:hover,
html .bg-hover-secondary:hover {
    background-color: var(--secondary) !important
}

html .bg-color-after-secondary:after {
    background-color: var(--secondary) !important
}

html .bg-color-hover-after-secondary:hover::after {
    background-color: var(--secondary) !important
}

html .bg-color-before-secondary:before {
    background-color: var(--secondary) !important
}

html .bg-color-hover-before-secondary:hover::before {
    background-color: var(--secondary) !important
}

html .bg-color-tertiary,
html .bg-tertiary {
    background-color: var(--tertiary) !important
}

html .bg-color-hover-tertiary:hover,
html .bg-hover-tertiary:hover {
    background-color: var(--tertiary) !important
}

html .bg-color-after-tertiary:after {
    background-color: var(--tertiary) !important
}

html .bg-color-hover-after-tertiary:hover::after {
    background-color: var(--tertiary) !important
}

html .bg-color-before-tertiary:before {
    background-color: var(--tertiary) !important
}

html .bg-color-hover-before-tertiary:hover::before {
    background-color: var(--tertiary) !important
}

html .bg-color-quaternary,
html .bg-quaternary {
    background-color: var(--quaternary) !important
}

html .bg-color-hover-quaternary:hover,
html .bg-hover-quaternary:hover {
    background-color: var(--quaternary) !important
}

html .bg-color-after-quaternary:after {
    background-color: var(--quaternary) !important
}

html .bg-color-hover-after-quaternary:hover::after {
    background-color: var(--quaternary) !important
}

html .bg-color-before-quaternary:before {
    background-color: var(--quaternary) !important
}

html .bg-color-hover-before-quaternary:hover::before {
    background-color: var(--quaternary) !important
}

html .bg-color-dark,
html .bg-dark {
    background-color: var(--dark) !important
}

html .bg-color-hover-dark:hover,
html .bg-hover-dark:hover {
    background-color: var(--dark) !important
}

html .bg-color-after-dark:after {
    background-color: var(--dark) !important
}

html .bg-color-hover-after-dark:hover::after {
    background-color: var(--dark) !important
}

html .bg-color-before-dark:before {
    background-color: var(--dark) !important
}

html .bg-color-hover-before-dark:hover::before {
    background-color: var(--dark) !important
}

html .bg-color-light,
html .bg-light {
    background-color: var(--white) !important
}

html .bg-color-hover-light:hover,
html .bg-hover-light:hover {
    background-color: var(--white) !important
}

html .bg-color-after-light:after {
    background-color: var(--white) !important
}

html .bg-color-hover-after-light:hover::after {
    background-color: var(--white) !important
}

html .bg-color-before-light:before {
    background-color: var(--white) !important
}

html .bg-color-hover-before-light:hover::before {
    background-color: var(--white) !important
}

.bg-gradient {
    background-color: var(--primary) !important;
    background-image: linear-gradient(to right, var(--primary) 0%, var(--secondary) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--primary)', endColorstr='var(--secondary)', GradientType=1)
}

.bg-gradient-to-top {
    background-color: var(--primary) !important;
    background-image: linear-gradient(to top, var(--primary) 0%, var(--secondary) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--primary)', endColorstr='var(--secondary)', GradientType=1)
}

.bg-gradient-to-bottom {
    background-color: var(--primary) !important;
    background-image: linear-gradient(to bottom, var(--primary) 0%, var(--secondary) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--primary)', endColorstr='var(--secondary)', GradientType=1)
}

@keyframes colorTransition {
    0% {
        background-color: var(--primary)
    }

    33% {
        background-color: var(--secondary)
    }

    66% {
        background-color: var(--tertiary)
    }

    100% {
        background-color: var(--quaternary)
    }
}

html .border-color-primary {
    border-color: var(--primary) !important
}

html .border-color-hover-primary:hover {
    border-color: var(--primary) !important
}

html .border-color-secondary {
    border-color: var(--secondary) !important
}

html .border-color-hover-secondary:hover {
    border-color: var(--secondary) !important
}

html .border-color-tertiary {
    border-color: var(--tertiary) !important
}

html .border-color-hover-tertiary:hover {
    border-color: var(--tertiary) !important
}

html .border-color-quaternary {
    border-color: var(--quaternary) !important
}

html .border-color-hover-quaternary:hover {
    border-color: var(--quaternary) !important
}

html .border-color-dark {
    border-color: var(--dark) !important
}

html .border-color-hover-dark:hover {
    border-color: var(--dark) !important
}

html .border-color-light {
    border-color: var(--white) !important
}

html .border-color-hover-light:hover {
    border-color: var(--white) !important
}

.alternative-font {
    color: var(--primary)
}

html .box-shadow-1-primary:before {
    box-shadow: 0 30px 90px var(--primary) !important
}

html .box-shadow-1-secondary:before {
    box-shadow: 0 30px 90px var(--secondary) !important
}

html .box-shadow-1-tertiary:before {
    box-shadow: 0 30px 90px var(--tertiary) !important
}

html .box-shadow-1-quaternary:before {
    box-shadow: 0 30px 90px var(--quaternary) !important
}

html .box-shadow-1-dark:before {
    box-shadow: 0 30px 90px var(--dark) !important
}

html .box-shadow-1-light:before {
    box-shadow: 0 30px 90px var(--white) !important
}

html .blockquote-primary {
    border-color: var(--primary) !important
}

html .blockquote-secondary {
    border-color: var(--secondary) !important
}

html .blockquote-tertiary {
    border-color: var(--tertiary) !important
}

html .blockquote-quaternary {
    border-color: var(--quaternary) !important
}

html .blockquote-dark {
    border-color: var(--dark) !important
}

html .blockquote-light {
    border-color: var(--white) !important
}

p.drop-caps:first-letter {
    color: var(--primary)
}

p.drop-caps.drop-caps-style-2:first-letter {
    background-color: var(--primary)
}

html .nav-color-primary nav>ul>li>a {
    color: var(--primary) !important
}

html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav>ul>li>a:before {
    background-color: var(--primary) !important
}

html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav>ul>li ul {
    border-top-color: var(--primary) !important
}

html .nav-color-secondary nav>ul>li>a {
    color: var(--secondary) !important
}

html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav>ul>li>a:before {
    background-color: var(--secondary) !important
}

html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav>ul>li ul {
    border-top-color: var(--secondary) !important
}

html .nav-color-tertiary nav>ul>li>a {
    color: var(--tertiary) !important
}

html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav>ul>li>a:before {
    background-color: var(--tertiary) !important
}

html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav>ul>li ul {
    border-top-color: var(--tertiary) !important
}

html .nav-color-quaternary nav>ul>li>a {
    color: var(--quaternary) !important
}

html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav>ul>li>a:before {
    background-color: var(--quaternary) !important
}

html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav>ul>li ul {
    border-top-color: var(--quaternary) !important
}

html .nav-color-dark nav>ul>li>a {
    color: var(--dark) !important
}

html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav>ul>li>a:before {
    background-color: var(--dark) !important
}

html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav>ul>li ul {
    border-top-color: var(--dark) !important
}

html .nav-color-light nav>ul>li>a {
    color: var(--white) !important
}

html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav>ul>li>a:before {
    background-color: var(--white) !important
}

html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav>ul>li ul {
    border-top-color: var(--white) !important
}

.nav-pills>li.active>a,
.nav-pills .nav-link.active {
    background-color: var(--primary)
}

.nav-pills>li.active>a:hover,
.nav-pills .nav-link.active:hover,
.nav-pills>li.active>a:focus,
.nav-pills .nav-link.active:focus {
    background-color: var(--primary)
}

.nav-active-style-1>li>a:hover,
.nav-active-style-1>li>a:focus,
.nav-active-style-1>li>a.active {
    border-bottom-color: var(--primary)
}

html .nav-pills-primary a {
    color: var(--primary)
}

html .nav-pills-primary a:hover {
    color: var(--primary-l2)
}

html .nav-pills-primary a:focus {
    color: var(--primary-l2)
}

html .nav-pills-primary a:active {
    color: var(--primary-d1)
}

html .nav-pills-primary .nav-link.active,
html .nav-pills-primary>li.active>a {
    background-color: var(--primary)
}

html .nav-pills-primary .nav-link.active:hover,
html .nav-pills-primary>li.active>a:hover,
html .nav-pills-primary .nav-link.active:focus,
html .nav-pills-primary>li.active>a:focus {
    background-color: var(--primary)
}

html .nav-pills-secondary a {
    color: var(--secondary)
}

html .nav-pills-secondary a:hover {
    color: var(--secondary-l2)
}

html .nav-pills-secondary a:focus {
    color: var(--secondary-l2)
}

html .nav-pills-secondary a:active {
    color: var(--secondary-d0b)
}

html .nav-pills-secondary .nav-link.active,
html .nav-pills-secondary>li.active>a {
    background-color: var(--secondary)
}

html .nav-pills-secondary .nav-link.active:hover,
html .nav-pills-secondary>li.active>a:hover,
html .nav-pills-secondary .nav-link.active:focus,
html .nav-pills-secondary>li.active>a:focus {
    background-color: var(--secondary)
}

html .nav-pills-tertiary a {
    color: var(--tertiary)
}

html .nav-pills-tertiary a:hover {
    color: var(--tertiary-l2)
}

html .nav-pills-tertiary a:focus {
    color: var(--tertiary-l2)
}

html .nav-pills-tertiary a:active {
    color: var(--tertiary-d0b)
}

html .nav-pills-tertiary .nav-link.active,
html .nav-pills-tertiary>li.active>a {
    background-color: var(--tertiary)
}

html .nav-pills-tertiary .nav-link.active:hover,
html .nav-pills-tertiary>li.active>a:hover,
html .nav-pills-tertiary .nav-link.active:focus,
html .nav-pills-tertiary>li.active>a:focus {
    background-color: var(--tertiary)
}

html .nav-pills-quaternary a {
    color: var(--quaternary)
}

html .nav-pills-quaternary a:hover {
    color: var(--quaternary-l2)
}

html .nav-pills-quaternary a:focus {
    color: var(--quaternary-l2)
}

html .nav-pills-quaternary a:active {
    color: var(--quaternary-d0c)
}

html .nav-pills-quaternary .nav-link.active,
html .nav-pills-quaternary>li.active>a {
    background-color: var(--quaternary)
}

html .nav-pills-quaternary .nav-link.active:hover,
html .nav-pills-quaternary>li.active>a:hover,
html .nav-pills-quaternary .nav-link.active:focus,
html .nav-pills-quaternary>li.active>a:focus {
    background-color: var(--quaternary)
}

html .nav-pills-dark a {
    color: var(--dark)
}

html .nav-pills-dark a:hover {
    color: var(--quaternary-d0b)
}

html .nav-pills-dark a:focus {
    color: var(--quaternary-d0b)
}

html .nav-pills-dark a:active {
    color: var(--quaternary-d5b)
}

html .nav-pills-dark .nav-link.active,
html .nav-pills-dark>li.active>a {
    background-color: var(--dark)
}

html .nav-pills-dark .nav-link.active:hover,
html .nav-pills-dark>li.active>a:hover,
html .nav-pills-dark .nav-link.active:focus,
html .nav-pills-dark>li.active>a:focus {
    background-color: var(--dark)
}

html .nav-pills-light a {
    color: var(--white)
}

html .nav-pills-light a:hover {
    color: var(--white)
}

html .nav-pills-light a:focus {
    color: var(--white)
}

html .nav-pills-light a:active {
    color: var(--gray-75)
}

html .nav-pills-light .nav-link.active,
html .nav-pills-light>li.active>a {
    background-color: var(--white)
}

html .nav-pills-light .nav-link.active:hover,
html .nav-pills-light>li.active>a:hover,
html .nav-pills-light .nav-link.active:focus,
html .nav-pills-light>li.active>a:focus {
    background-color: var(--white)
}

.nav-link {
    color: var(--primary)
}

.nav-link:hover {
    color: var(--primary-l2)
}

.nav-link:focus {
    color: var(--primary-l2)
}

.nav-link:active {
    color: var(--primary-d1)
}

.section-scroll-dots-navigation-colored>ul>li.active>a:before {
    background: var(--primary)
}

.sort-source-wrapper .nav>li.active>a {
    color: var(--primary)
}

.sort-source-wrapper .nav>li.active>a:hover,
.sort-source-wrapper .nav>li.active>a:focus {
    color: var(--primary)
}

.sort-source.sort-source-style-2>li.active>a:after {
    border-top-color: var(--primary)
}

.sort-source.sort-source-style-3>li.active>a {
    border-bottom-color: var(--primary) !important;
    color: var(--primary) !important
}

html .badge-primary {
    background-color: var(--primary)
}

html .badge-secondary {
    background-color: var(--secondary)
}

html .badge-tertiary {
    background-color: var(--tertiary)
}

html .badge-quaternary {
    background-color: var(--quaternary)
}

html .badge-dark {
    background-color: var(--dark)
}

html .badge-light {
    background-color: var(--white)
}

html .overlay-color-primary:not(.no-skin):before {
    background-color: var(--primary) !important
}

html .overlay-color-secondary:not(.no-skin):before {
    background-color: var(--secondary) !important
}

html .overlay-color-tertiary:not(.no-skin):before {
    background-color: var(--tertiary) !important
}

html .overlay-color-quaternary:not(.no-skin):before {
    background-color: var(--quaternary) !important
}

html .overlay-color-dark:not(.no-skin):before {
    background-color: var(--dark) !important
}

html .overlay-color-light:not(.no-skin):before {
    background-color: var(--white) !important
}

.overlay-gradient:before {
    background-color: var(--tertiary) !important;
    background-image: linear-gradient(to right, var(--tertiary) 0%, var(--quaternary) 100%) !important
}

.btn-link {
    color: var(--primary)
}

.btn-link:hover {
    color: var(--primary-l2)
}

.btn-link:active {
    color: var(--primary-d1)
}

html .btn-primary {
    background-color: var(--primary);
    border-color: var(--primary) var(--primary) var(--primary-d3);
    color: var(--white);
    --color: var(--primary);
    --hover: var(--primary-l3);
    --disabled: var(--primary);
    --active: var(--primary-d2)
}

html .btn-primary:hover,
html .btn-primary.hover {
    border-color: var(--primary-l4) var(--primary-l4) var(--primary);
    color: var(--white)
}

html .btn-primary:hover:not(.bg-transparent),
html .btn-primary.hover:not(.bg-transparent) {
    background-color: var(--primary-l3)
}

html .btn-primary:focus,
html .btn-primary.focus {
    border-color: var(--primary-d3) var(--primary-d3) var(--primary-d5);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .5)
}

html .btn-primary:focus:not(.bg-transparent),
html .btn-primary.focus:not(.bg-transparent) {
    background-color: var(--primary-d2)
}

html .btn-primary.disabled,
html .btn-primary:disabled {
    border-color: var(--primary) var(--primary) var(--primary-d3)
}

html .btn-primary.disabled:not(.bg-transparent),
html .btn-primary:disabled:not(.bg-transparent) {
    background-color: var(--primary)
}

html .btn-primary:active,
html .btn-primary.active {
    border-color: var(--primary-d3) var(--primary-d3) var(--primary-d5) !important
}

html .btn-primary:active:not(.bg-transparent),
html .btn-primary.active:not(.bg-transparent) {
    background-color: var(--primary-d2) !important;
    background-image: none !important
}

html .btn-primary-scale-2 {
    background-color: var(--primary-d3);
    border-color: var(--primary-d3) var(--primary-d3) var(--primary-d5);
    color: var(--white)
}

html .btn-primary-scale-2:hover,
html .btn-primary-scale-2.hover {
    border-color: var(--primary) var(--primary) var(--primary-d3);
    color: var(--white)
}

html .btn-primary-scale-2:hover:not(.bg-transparent),
html .btn-primary-scale-2.hover:not(.bg-transparent) {
    background-color: var(--primary-d0c)
}

html .btn-primary-scale-2:focus,
html .btn-primary-scale-2.focus {
    border-color: var(--primary-d5) var(--primary-d5) var(--primary-d7);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--primary-d3-rgb), .5)
}

html .btn-primary-scale-2:focus:not(.bg-transparent),
html .btn-primary-scale-2.focus:not(.bg-transparent) {
    background-color: var(--primary-d4b)
}

html .btn-primary-scale-2.disabled,
html .btn-primary-scale-2:disabled {
    border-color: var(--primary-d3) var(--primary-d3) var(--primary-d5)
}

html .btn-primary-scale-2.disabled:not(.bg-transparent),
html .btn-primary-scale-2:disabled:not(.bg-transparent) {
    background-color: var(--primary-d3)
}

html .btn-primary-scale-2:active,
html .btn-primary-scale-2.active {
    border-color: var(--primary-d5) var(--primary-d5) var(--primary-d7) !important
}

html .btn-primary-scale-2:active:not(.bg-transparent),
html .btn-primary-scale-2.active:not(.bg-transparent) {
    background-color: var(--primary-d4b) !important;
    background-image: none !important
}

html .show>.btn-primary.dropdown-toggle,
html .show>.btn-primary-scale-2.dropdown-toggle {
    background-color: var(--primary-d2) !important;
    background-image: none !important;
    border-color: var(--primary-d3) var(--primary-d3) var(--primary-d5) !important
}

html .btn-check:active+.btn-primary,
html .btn-check:checked+.btn-primary,
html .btn-check:focus+.btn-primary {
    background-color: var(--primary-d1);
    border-color: var(--primary) var(--primary) var(--primary-d1);
    color: var(--white)
}

html .btn-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary) var(--secondary) var(--secondary-d1);
    color: var(--white);
    --color: var(--secondary);
    --hover: var(--secondary-l3);
    --disabled: var(--secondary);
    --active: var(--secondary-d0)
}

html .btn-secondary:hover,
html .btn-secondary.hover {
    border-color: var(--secondary-l4) var(--secondary-l4) var(--secondary);
    color: var(--white)
}

html .btn-secondary:hover:not(.bg-transparent),
html .btn-secondary.hover:not(.bg-transparent) {
    background-color: var(--secondary-l3)
}

html .btn-secondary:focus,
html .btn-secondary.focus {
    border-color: var(--secondary-d1) var(--secondary-d1) var(--secondary-d4);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), .5)
}

html .btn-secondary:focus:not(.bg-transparent),
html .btn-secondary.focus:not(.bg-transparent) {
    background-color: var(--secondary-d0)
}

html .btn-secondary.disabled,
html .btn-secondary:disabled {
    border-color: var(--secondary) var(--secondary) var(--secondary-d1)
}

html .btn-secondary.disabled:not(.bg-transparent),
html .btn-secondary:disabled:not(.bg-transparent) {
    background-color: var(--secondary)
}

html .btn-secondary:active,
html .btn-secondary.active {
    border-color: var(--secondary-d1) var(--secondary-d1) var(--secondary-d4) !important
}

html .btn-secondary:active:not(.bg-transparent),
html .btn-secondary.active:not(.bg-transparent) {
    background-color: var(--secondary-d0) !important;
    background-image: none !important
}

html .btn-secondary-scale-2 {
    background-color: var(--secondary-d1);
    border-color: var(--secondary-d1) var(--secondary-d1) var(--secondary-d4);
    color: var(--white)
}

html .btn-secondary-scale-2:hover,
html .btn-secondary-scale-2.hover {
    border-color: var(--secondary) var(--secondary) var(--secondary-d1);
    color: var(--white)
}

html .btn-secondary-scale-2:hover:not(.bg-transparent),
html .btn-secondary-scale-2.hover:not(.bg-transparent) {
    background-color: var(--secondary-d0d)
}

html .btn-secondary-scale-2:focus,
html .btn-secondary-scale-2.focus {
    border-color: var(--secondary-d4) var(--secondary-d4) var(--secondary-d5);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--secondary-d1-rgb), .5)
}

html .btn-secondary-scale-2:focus:not(.bg-transparent),
html .btn-secondary-scale-2.focus:not(.bg-transparent) {
    background-color: var(--secondary-d3)
}

html .btn-secondary-scale-2.disabled,
html .btn-secondary-scale-2:disabled {
    border-color: var(--secondary-d1) var(--secondary-d1) var(--secondary-d4)
}

html .btn-secondary-scale-2.disabled:not(.bg-transparent),
html .btn-secondary-scale-2:disabled:not(.bg-transparent) {
    background-color: var(--secondary-d1)
}

html .btn-secondary-scale-2:active,
html .btn-secondary-scale-2.active {
    border-color: var(--secondary-d4) var(--secondary-d4) var(--secondary-d5) !important
}

html .btn-secondary-scale-2:active:not(.bg-transparent),
html .btn-secondary-scale-2.active:not(.bg-transparent) {
    background-color: var(--secondary-d3) !important;
    background-image: none !important
}

html .show>.btn-secondary.dropdown-toggle,
html .show>.btn-secondary-scale-2.dropdown-toggle {
    background-color: var(--secondary-d0) !important;
    background-image: none !important;
    border-color: var(--secondary-d1) var(--secondary-d1) var(--secondary-d4) !important
}

html .btn-check:active+.btn-secondary,
html .btn-check:checked+.btn-secondary,
html .btn-check:focus+.btn-secondary {
    background-color: var(--secondary-d0b);
    border-color: var(--secondary) var(--secondary) var(--secondary-d0b);
    color: var(--white)
}

html .btn-tertiary {
    background-color: var(--tertiary);
    border-color: var(--tertiary) var(--tertiary) var(--tertiary-d1);
    color: var(--white);
    --color: var(--tertiary);
    --hover: var(--tertiary-l3);
    --disabled: var(--tertiary);
    --active: var(--tertiary-d0)
}

html .btn-tertiary:hover,
html .btn-tertiary.hover {
    border-color: var(--tertiary-l4) var(--tertiary-l4) var(--tertiary);
    color: var(--white)
}

html .btn-tertiary:hover:not(.bg-transparent),
html .btn-tertiary.hover:not(.bg-transparent) {
    background-color: var(--tertiary-l3)
}

html .btn-tertiary:focus,
html .btn-tertiary.focus {
    border-color: var(--tertiary-d1) var(--tertiary-d1) var(--tertiary-d4);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--tertiary-rgb), .5)
}

html .btn-tertiary:focus:not(.bg-transparent),
html .btn-tertiary.focus:not(.bg-transparent) {
    background-color: var(--tertiary-d0)
}

html .btn-tertiary.disabled,
html .btn-tertiary:disabled {
    border-color: var(--tertiary) var(--tertiary) var(--tertiary-d1)
}

html .btn-tertiary.disabled:not(.bg-transparent),
html .btn-tertiary:disabled:not(.bg-transparent) {
    background-color: var(--tertiary)
}

html .btn-tertiary:active,
html .btn-tertiary.active {
    border-color: var(--tertiary-d1) var(--tertiary-d1) var(--tertiary-d4) !important
}

html .btn-tertiary:active:not(.bg-transparent),
html .btn-tertiary.active:not(.bg-transparent) {
    background-color: var(--tertiary-d0) !important;
    background-image: none !important
}

html .btn-tertiary-scale-2 {
    background-color: var(--tertiary-d1);
    border-color: var(--tertiary-d1) var(--tertiary-d1) var(--tertiary-d4);
    color: var(--white)
}

html .btn-tertiary-scale-2:hover,
html .btn-tertiary-scale-2.hover {
    border-color: var(--tertiary) var(--tertiary) var(--tertiary-d1);
    color: var(--white)
}

html .btn-tertiary-scale-2:hover:not(.bg-transparent),
html .btn-tertiary-scale-2.hover:not(.bg-transparent) {
    background-color: var(--tertiary-d0d)
}

html .btn-tertiary-scale-2:focus,
html .btn-tertiary-scale-2.focus {
    border-color: var(--tertiary-d4) var(--tertiary-d4) var(--tertiary-d5);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--tertiary-d1-rgb), .5)
}

html .btn-tertiary-scale-2:focus:not(.bg-transparent),
html .btn-tertiary-scale-2.focus:not(.bg-transparent) {
    background-color: var(--tertiary-d3)
}

html .btn-tertiary-scale-2.disabled,
html .btn-tertiary-scale-2:disabled {
    border-color: var(--tertiary-d1) var(--tertiary-d1) var(--tertiary-d4)
}

html .btn-tertiary-scale-2.disabled:not(.bg-transparent),
html .btn-tertiary-scale-2:disabled:not(.bg-transparent) {
    background-color: var(--tertiary-d1)
}

html .btn-tertiary-scale-2:active,
html .btn-tertiary-scale-2.active {
    border-color: var(--tertiary-d4) var(--tertiary-d4) var(--tertiary-d5) !important
}

html .btn-tertiary-scale-2:active:not(.bg-transparent),
html .btn-tertiary-scale-2.active:not(.bg-transparent) {
    background-color: var(--tertiary-d3) !important;
    background-image: none !important
}

html .show>.btn-tertiary.dropdown-toggle,
html .show>.btn-tertiary-scale-2.dropdown-toggle {
    background-color: var(--tertiary-d0) !important;
    background-image: none !important;
    border-color: var(--tertiary-d1) var(--tertiary-d1) var(--tertiary-d4) !important
}

html .btn-check:active+.btn-tertiary,
html .btn-check:checked+.btn-tertiary,
html .btn-check:focus+.btn-tertiary {
    background-color: var(--tertiary-d0b);
    border-color: var(--tertiary) var(--tertiary) var(--tertiary-d0b);
    color: var(--white)
}

html .btn-quaternary {
    background-color: var(--quaternary);
    border-color: var(--quaternary) var(--quaternary) var(--quaternary-d2b);
    color: var(--white);
    --color: var(--quaternary);
    --hover: var(--quaternary-l3);
    --disabled: var(--quaternary);
    --active: var(--quaternary-d1b)
}

html .btn-quaternary:hover,
html .btn-quaternary.hover {
    border-color: var(--quaternary-l4) var(--quaternary-l4) var(--quaternary);
    color: var(--white)
}

html .btn-quaternary:hover:not(.bg-transparent),
html .btn-quaternary.hover:not(.bg-transparent) {
    background-color: var(--quaternary-l3)
}

html .btn-quaternary:focus,
html .btn-quaternary.focus {
    border-color: var(--quaternary-d2b) var(--quaternary-d2b) var(--quaternary-d8);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--quaternary-rgb), .5)
}

html .btn-quaternary:focus:not(.bg-transparent),
html .btn-quaternary.focus:not(.bg-transparent) {
    background-color: var(--quaternary-d1b)
}

html .btn-quaternary.disabled,
html .btn-quaternary:disabled {
    border-color: var(--quaternary) var(--quaternary) var(--quaternary-d2b)
}

html .btn-quaternary.disabled:not(.bg-transparent),
html .btn-quaternary:disabled:not(.bg-transparent) {
    background-color: var(--quaternary)
}

html .btn-quaternary:active,
html .btn-quaternary.active {
    border-color: var(--quaternary-d2b) var(--quaternary-d2b) var(--quaternary-d8) !important
}

html .btn-quaternary:active:not(.bg-transparent),
html .btn-quaternary.active:not(.bg-transparent) {
    background-color: var(--quaternary-d1b) !important;
    background-image: none !important
}

html .btn-quaternary-scale-2 {
    background-color: var(--quaternary-d2b);
    border-color: var(--quaternary-d2b) var(--quaternary-d2b) var(--quaternary-d8);
    color: var(--white)
}

html .btn-quaternary-scale-2:hover,
html .btn-quaternary-scale-2.hover {
    border-color: var(--quaternary) var(--quaternary) var(--quaternary-d2b);
    color: var(--white)
}

html .btn-quaternary-scale-2:hover:not(.bg-transparent),
html .btn-quaternary-scale-2.hover:not(.bg-transparent) {
    background-color: var(--quaternary-d0d3)
}

html .btn-quaternary-scale-2:focus,
html .btn-quaternary-scale-2.focus {
    border-color: var(--quaternary-d8) var(--quaternary-d8) var(--black);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--quaternary-d1-rgb), .5)
}

html .btn-quaternary-scale-2:focus:not(.bg-transparent),
html .btn-quaternary-scale-2.focus:not(.bg-transparent) {
    background-color: var(--quaternary-d6)
}

html .btn-quaternary-scale-2.disabled,
html .btn-quaternary-scale-2:disabled {
    border-color: var(--quaternary-d2b) var(--quaternary-d2b) var(--quaternary-d8)
}

html .btn-quaternary-scale-2.disabled:not(.bg-transparent),
html .btn-quaternary-scale-2:disabled:not(.bg-transparent) {
    background-color: var(--quaternary-d2b)
}

html .btn-quaternary-scale-2:active,
html .btn-quaternary-scale-2.active {
    border-color: var(--quaternary-d8) var(--quaternary-d8) var(--black) !important
}

html .btn-quaternary-scale-2:active:not(.bg-transparent),
html .btn-quaternary-scale-2.active:not(.bg-transparent) {
    background-color: var(--quaternary-d6) !important;
    background-image: none !important
}

html .show>.btn-quaternary.dropdown-toggle,
html .show>.btn-quaternary-scale-2.dropdown-toggle {
    background-color: var(--quaternary-d1b) !important;
    background-image: none !important;
    border-color: var(--quaternary-d2b) var(--quaternary-d2b) var(--quaternary-d8) !important
}

html .btn-check:active+.btn-quaternary,
html .btn-check:checked+.btn-quaternary,
html .btn-check:focus+.btn-quaternary {
    background-color: var(--quaternary-d0c);
    border-color: var(--quaternary) var(--quaternary) var(--quaternary-d0c);
    color: var(--white)
}

html .btn-dark {
    background-color: var(--dark);
    border-color: var(--dark) var(--dark) var(--quaternary-d9);
    color: var(--white);
    --color: var(--dark);
    --hover: var(--quaternary-d0d);
    --disabled: var(--dark);
    --active: var(--quaternary-d7)
}

html .btn-dark:hover,
html .btn-dark.hover {
    border-color: var(--quaternary-alt) var(--quaternary-alt) var(--dark);
    color: var(--white)
}

html .btn-dark:hover:not(.bg-transparent),
html .btn-dark.hover:not(.bg-transparent) {
    background-color: var(--quaternary-d0d)
}

html .btn-dark:focus,
html .btn-dark.focus {
    border-color: var(--quaternary-d9) var(--quaternary-d9) var(--black);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--dark-rgb), .5)
}

html .btn-dark:focus:not(.bg-transparent),
html .btn-dark.focus:not(.bg-transparent) {
    background-color: var(--quaternary-d7)
}

html .btn-dark.disabled,
html .btn-dark:disabled {
    border-color: var(--dark) var(--dark) var(--quaternary-d9)
}

html .btn-dark.disabled:not(.bg-transparent),
html .btn-dark:disabled:not(.bg-transparent) {
    background-color: var(--dark)
}

html .btn-dark:active,
html .btn-dark.active {
    border-color: var(--quaternary-d9) var(--quaternary-d9) var(--black) !important
}

html .btn-dark:active:not(.bg-transparent),
html .btn-dark.active:not(.bg-transparent) {
    background-color: var(--quaternary-d7) !important;
    background-image: none !important
}

html .btn-dark-scale-2 {
    background-color: var(--quaternary-d9);
    border-color: var(--quaternary-d9) var(--quaternary-d9) var(--black);
    color: var(--white)
}

html .btn-dark-scale-2:hover,
html .btn-dark-scale-2.hover {
    border-color: var(--dark) var(--dark) var(--quaternary-d9);
    color: var(--white)
}

html .btn-dark-scale-2:hover:not(.bg-transparent),
html .btn-dark-scale-2.hover:not(.bg-transparent) {
    background-color: var(--quaternary-d3c)
}

html .btn-dark-scale-2:focus,
html .btn-dark-scale-2.focus {
    border-color: var(--black) var(--black) var(--black);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--quaternary-d9-rgb), .5)
}

html .btn-dark-scale-2:focus:not(.bg-transparent),
html .btn-dark-scale-2.focus:not(.bg-transparent) {
    background-color: var(--black)
}

html .btn-dark-scale-2.disabled,
html .btn-dark-scale-2:disabled {
    border-color: var(--quaternary-d9) var(--quaternary-d9) var(--black)
}

html .btn-dark-scale-2.disabled:not(.bg-transparent),
html .btn-dark-scale-2:disabled:not(.bg-transparent) {
    background-color: var(--quaternary-d9)
}

html .btn-dark-scale-2:active,
html .btn-dark-scale-2.active {
    border-color: var(--black) var(--black) var(--black) !important
}

html .btn-dark-scale-2:active:not(.bg-transparent),
html .btn-dark-scale-2.active:not(.bg-transparent) {
    background-color: var(--black) !important;
    background-image: none !important
}

html .show>.btn-dark.dropdown-toggle,
html .show>.btn-dark-scale-2.dropdown-toggle {
    background-color: var(--quaternary-d7) !important;
    background-image: none !important;
    border-color: var(--quaternary-d9) var(--quaternary-d9) var(--black) !important
}

html .btn-check:active+.btn-dark,
html .btn-check:checked+.btn-dark,
html .btn-check:focus+.btn-dark {
    background-color: var(--quaternary-d5b);
    border-color: var(--dark) var(--dark) var(--quaternary-d5b);
    color: var(--white)
}

html .btn-light {
    background-color: var(--white);
    border-color: var(--white) var(--white) var(--gray-110);
    color: var(--gray-500);
    --color: var(--white);
    --hover: var(--white);
    --disabled: var(--white);
    --active: var(--gray-95)
}

html .btn-light:hover,
html .btn-light.hover {
    border-color: var(--white) var(--white) var(--white);
    color: var(--gray-500)
}

html .btn-light:hover:not(.bg-transparent),
html .btn-light.hover:not(.bg-transparent) {
    background-color: var(--white)
}

html .btn-light:focus,
html .btn-light.focus {
    border-color: var(--gray-110) var(--gray-110) var(--gray-200);
    color: var(--gray-500);
    box-shadow: 0 0 0 3px rgba(var(--white-rgb), .5)
}

html .btn-light:focus:not(.bg-transparent),
html .btn-light.focus:not(.bg-transparent) {
    background-color: var(--gray-95)
}

html .btn-light.disabled,
html .btn-light:disabled {
    border-color: var(--white) var(--white) var(--gray-110)
}

html .btn-light.disabled:not(.bg-transparent),
html .btn-light:disabled:not(.bg-transparent) {
    background-color: var(--white)
}

html .btn-light:active,
html .btn-light.active {
    border-color: var(--gray-110) var(--gray-110) var(--gray-200) !important
}

html .btn-light:active:not(.bg-transparent),
html .btn-light.active:not(.bg-transparent) {
    background-color: var(--gray-95) !important;
    background-image: none !important
}

html .btn-light-scale-2 {
    background-color: var(--gray-110);
    border-color: var(--gray-110) var(--gray-110) var(--gray-200);
    color: var(--gray-500)
}

html .btn-light-scale-2:hover,
html .btn-light-scale-2.hover {
    border-color: var(--white) var(--white) var(--gray-110);
    color: var(--gray-500)
}

html .btn-light-scale-2:hover:not(.bg-transparent),
html .btn-light-scale-2.hover:not(.bg-transparent) {
    background-color: var(--gray-40)
}

html .btn-light-scale-2:focus,
html .btn-light-scale-2.focus {
    border-color: var(--gray-200) var(--gray-200) var(--gray-302);
    color: var(--gray-500);
    box-shadow: 0 0 0 3px rgba(var(--gray-110-rgb), .5)
}

html .btn-light-scale-2:focus:not(.bg-transparent),
html .btn-light-scale-2.focus:not(.bg-transparent) {
    background-color: var(--gray-175)
}

html .btn-light-scale-2.disabled,
html .btn-light-scale-2:disabled {
    border-color: var(--gray-110) var(--gray-110) var(--gray-200)
}

html .btn-light-scale-2.disabled:not(.bg-transparent),
html .btn-light-scale-2:disabled:not(.bg-transparent) {
    background-color: var(--gray-110)
}

html .btn-light-scale-2:active,
html .btn-light-scale-2.active {
    border-color: var(--gray-200) var(--gray-200) var(--gray-302) !important
}

html .btn-light-scale-2:active:not(.bg-transparent),
html .btn-light-scale-2.active:not(.bg-transparent) {
    background-color: var(--gray-175) !important;
    background-image: none !important
}

html .show>.btn-light.dropdown-toggle,
html .show>.btn-light-scale-2.dropdown-toggle {
    background-color: var(--gray-95) !important;
    background-image: none !important;
    border-color: var(--gray-110) var(--gray-110) var(--gray-200) !important
}

html .btn-check:active+.btn-light,
html .btn-check:checked+.btn-light,
html .btn-check:focus+.btn-light {
    background-color: var(--gray-75);
    border-color: var(--white) var(--white) var(--gray-75);
    color: var(--gray-500)
}

html .btn-outline.btn-primary {
    color: var(--primary);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary)
}

html .btn-outline.btn-primary:hover,
html .btn-outline.btn-primary.hover {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary)
}

html .btn-outline.btn-primary:focus,
html .btn-outline.btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .5)
}

html .btn-outline.btn-primary.disabled,
html .btn-outline.btn-primary:disabled {
    color: var(--primary);
    background-color: transparent
}

html .btn-outline.btn-primary:active,
html .btn-outline.btn-primary.active {
    color: var(--white) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important
}

html .show>.btn-outline.btn-primary.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important
}

html .btn-outline.btn-secondary {
    color: var(--secondary);
    background-color: transparent;
    background-image: none;
    border-color: var(--secondary)
}

html .btn-outline.btn-secondary:hover,
html .btn-outline.btn-secondary.hover {
    color: var(--white);
    background-color: var(--secondary);
    border-color: var(--secondary)
}

html .btn-outline.btn-secondary:focus,
html .btn-outline.btn-secondary.focus {
    box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), .5)
}

html .btn-outline.btn-secondary.disabled,
html .btn-outline.btn-secondary:disabled {
    color: var(--secondary);
    background-color: transparent
}

html .btn-outline.btn-secondary:active,
html .btn-outline.btn-secondary.active {
    color: var(--white) !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important
}

html .show>.btn-outline.btn-secondary.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important
}

html .btn-outline.btn-tertiary {
    color: var(--tertiary);
    background-color: transparent;
    background-image: none;
    border-color: var(--tertiary)
}

html .btn-outline.btn-tertiary:hover,
html .btn-outline.btn-tertiary.hover {
    color: var(--white);
    background-color: var(--tertiary);
    border-color: var(--tertiary)
}

html .btn-outline.btn-tertiary:focus,
html .btn-outline.btn-tertiary.focus {
    box-shadow: 0 0 0 3px rgba(var(--tertiary-rgb), .5)
}

html .btn-outline.btn-tertiary.disabled,
html .btn-outline.btn-tertiary:disabled {
    color: var(--tertiary);
    background-color: transparent
}

html .btn-outline.btn-tertiary:active,
html .btn-outline.btn-tertiary.active {
    color: var(--white) !important;
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important
}

html .show>.btn-outline.btn-tertiary.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important
}

html .btn-outline.btn-quaternary {
    color: var(--quaternary);
    background-color: transparent;
    background-image: none;
    border-color: var(--quaternary)
}

html .btn-outline.btn-quaternary:hover,
html .btn-outline.btn-quaternary.hover {
    color: var(--white);
    background-color: var(--quaternary);
    border-color: var(--quaternary)
}

html .btn-outline.btn-quaternary:focus,
html .btn-outline.btn-quaternary.focus {
    box-shadow: 0 0 0 3px rgba(var(--quaternary-rgb), .5)
}

html .btn-outline.btn-quaternary.disabled,
html .btn-outline.btn-quaternary:disabled {
    color: var(--quaternary);
    background-color: transparent
}

html .btn-outline.btn-quaternary:active,
html .btn-outline.btn-quaternary.active {
    color: var(--white) !important;
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important
}

html .show>.btn-outline.btn-quaternary.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important
}

html .btn-outline.btn-dark {
    color: var(--dark);
    background-color: transparent;
    background-image: none;
    border-color: var(--dark)
}

html .btn-outline.btn-dark:hover,
html .btn-outline.btn-dark.hover {
    color: var(--white);
    background-color: var(--dark);
    border-color: var(--dark)
}

html .btn-outline.btn-dark:focus,
html .btn-outline.btn-dark.focus {
    box-shadow: 0 0 0 3px rgba(var(--dark-rgb), .5)
}

html .btn-outline.btn-dark.disabled,
html .btn-outline.btn-dark:disabled {
    color: var(--dark);
    background-color: transparent
}

html .btn-outline.btn-dark:active,
html .btn-outline.btn-dark.active {
    color: var(--white) !important;
    background-color: var(--dark) !important;
    border-color: var(--dark) !important
}

html .show>.btn-outline.btn-dark.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--dark) !important;
    border-color: var(--dark) !important
}

html .btn-outline.btn-light {
    color: var(--white);
    background-color: transparent;
    background-image: none;
    border-color: var(--white)
}

html .btn-outline.btn-light:hover,
html .btn-outline.btn-light.hover {
    color: var(--gray-500);
    background-color: var(--white);
    border-color: var(--white)
}

html .btn-outline.btn-light:focus,
html .btn-outline.btn-light.focus {
    box-shadow: 0 0 0 3px rgba(var(--white-rgb), .5)
}

html .btn-outline.btn-light.disabled,
html .btn-outline.btn-light:disabled {
    color: var(--white);
    background-color: transparent
}

html .btn-outline.btn-light:active,
html .btn-outline.btn-light.active {
    color: var(--gray-500) !important;
    background-color: var(--white) !important;
    border-color: var(--white) !important
}

html .show>.btn-outline.btn-light.dropdown-toggle {
    color: var(--gray-500) !important;
    background-color: var(--white) !important;
    border-color: var(--white) !important
}

html .btn-with-arrow.btn-primary {
    background-color: transparent;
    border-color: transparent;
    color: var(--primary)
}

html .btn-with-arrow.btn-primary:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--primary) !important
}

html .btn-with-arrow.btn-primary span {
    background-color: var(--primary);
    box-shadow: 2px 3px 18px -3px var(--primary)
}

html .btn-with-arrow.btn-primary.btn-outline {
    border-color: var(--primary) !important
}

html .btn-with-arrow.btn-primary.btn-outline:hover span {
    background-color: var(--primary-l2) !important;
    box-shadow: none
}

html .btn-with-arrow-solid.btn-primary span {
    background-color: var(--primary-d1)
}

html .btn-with-arrow.btn-secondary {
    background-color: transparent;
    border-color: transparent;
    color: var(--secondary)
}

html .btn-with-arrow.btn-secondary:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--secondary) !important
}

html .btn-with-arrow.btn-secondary span {
    background-color: var(--secondary);
    box-shadow: 2px 3px 18px -3px var(--secondary)
}

html .btn-with-arrow.btn-secondary.btn-outline {
    border-color: var(--secondary) !important
}

html .btn-with-arrow.btn-secondary.btn-outline:hover span {
    background-color: var(--secondary-l2) !important;
    box-shadow: none
}

html .btn-with-arrow-solid.btn-secondary span {
    background-color: var(--secondary-d0b)
}

html .btn-with-arrow.btn-tertiary {
    background-color: transparent;
    border-color: transparent;
    color: var(--tertiary)
}

html .btn-with-arrow.btn-tertiary:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--tertiary) !important
}

html .btn-with-arrow.btn-tertiary span {
    background-color: var(--tertiary);
    box-shadow: 2px 3px 18px -3px var(--tertiary)
}

html .btn-with-arrow.btn-tertiary.btn-outline {
    border-color: var(--tertiary) !important
}

html .btn-with-arrow.btn-tertiary.btn-outline:hover span {
    background-color: var(--tertiary-l2) !important;
    box-shadow: none
}

html .btn-with-arrow-solid.btn-tertiary span {
    background-color: var(--tertiary-d0b)
}

html .btn-with-arrow.btn-quaternary {
    background-color: transparent;
    border-color: transparent;
    color: var(--quaternary)
}

html .btn-with-arrow.btn-quaternary:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--quaternary) !important
}

html .btn-with-arrow.btn-quaternary span {
    background-color: var(--quaternary);
    box-shadow: 2px 3px 18px -3px var(--quaternary)
}

html .btn-with-arrow.btn-quaternary.btn-outline {
    border-color: var(--quaternary) !important
}

html .btn-with-arrow.btn-quaternary.btn-outline:hover span {
    background-color: var(--quaternary-l2) !important;
    box-shadow: none
}

html .btn-with-arrow-solid.btn-quaternary span {
    background-color: var(--quaternary-d0c)
}

html .btn-with-arrow.btn-dark {
    background-color: transparent;
    border-color: transparent;
    color: var(--dark)
}

html .btn-with-arrow.btn-dark:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--dark) !important
}

html .btn-with-arrow.btn-dark span {
    background-color: var(--dark);
    box-shadow: 2px 3px 18px -3px var(--dark)
}

html .btn-with-arrow.btn-dark.btn-outline {
    border-color: var(--dark) !important
}

html .btn-with-arrow.btn-dark.btn-outline:hover span {
    background-color: var(--quaternary-d0b) !important;
    box-shadow: none
}

html .btn-with-arrow-solid.btn-dark span {
    background-color: var(--quaternary-d5b)
}

html .btn-with-arrow.btn-light {
    background-color: transparent;
    border-color: transparent;
    color: var(--white)
}

html .btn-with-arrow.btn-light:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--white) !important
}

html .btn-with-arrow.btn-light span {
    background-color: var(--white);
    box-shadow: 2px 3px 18px -3px var(--white)
}

html .btn-with-arrow.btn-light.btn-outline {
    border-color: var(--white) !important
}

html .btn-with-arrow.btn-light.btn-outline:hover span {
    background-color: var(--white) !important;
    box-shadow: none
}

html .btn-with-arrow-solid.btn-light span {
    background-color: var(--gray-75)
}

.btn-gradient:not(.btn-outline) {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%) !important;
    color: var(--white)
}

.btn-gradient:not(.btn-outline):hover,
.btn-gradient:not(.btn-outline).hover {
    background: linear-gradient(135deg, var(--primary-l3) 0%, var(--secondary-l3) 80%) !important;
    color: var(--white)
}

.btn-gradient:not(.btn-outline):focus,
.btn-gradient:not(.btn-outline).focus {
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .5)
}

.btn-gradient:not(.btn-outline).disabled,
.btn-gradient:not(.btn-outline):disabled {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%) !important
}

.btn-gradient:not(.btn-outline):active,
.btn-gradient:not(.btn-outline).active {
    background: linear-gradient(135deg, var(--primary-d2) 0%, var(--secondary-d0) 80%) !important;
    color: var(--white) !important
}

.btn-gradient.btn-outline {
    -o-border-image: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%);
    border-image: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%);
    color: var(--primary)
}

.btn-gradient.btn-outline:hover,
.btn-gradient.btn-outline.hover {
    -o-border-image: linear-gradient(135deg, var(--primary-l3) 0%, var(--secondary-l3) 80%);
    border-image: linear-gradient(135deg, var(--primary-l3) 0%, var(--secondary-l3) 80%);
    color: var(--primary-l3)
}

.btn-gradient.btn-outline:focus,
.btn-gradient.btn-outline.focus {
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .5)
}

.btn-gradient.btn-outline.disabled,
.btn-gradient.btn-outline:disabled {
    -o-border-image: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%);
    border-image: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%)
}

.btn-gradient.btn-outline:active,
.btn-gradient.btn-outline.active {
    -o-border-image: linear-gradient(135deg, var(--primary-d2) 0%, var(--secondary-d0) 80%);
    border-image: linear-gradient(135deg, var(--primary-d2) 0%, var(--secondary-d0) 80%);
    color: var(--primary-d2)
}

.btn-gradient-primary:not(.btn-outline) {
    background: linear-gradient(135deg, var(--primary-l1b) 0%, var(--primary-d0) 80%) !important;
    color: var(--white)
}

.btn-gradient-primary:not(.btn-outline):hover,
.btn-gradient-primary:not(.btn-outline).hover {
    background: linear-gradient(135deg, var(--primary-l1) 0%, var(--primary-l3) 80%) !important;
    color: var(--white)
}

.btn-gradient-primary:not(.btn-outline):focus,
.btn-gradient-primary:not(.btn-outline).focus {
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .5)
}

.btn-gradient-primary:not(.btn-outline).disabled,
.btn-gradient-primary:not(.btn-outline):disabled {
    background: linear-gradient(135deg, var(--primary-l1b) 80%, var(--primary-d0) 0%) !important
}

.btn-gradient-primary:not(.btn-outline):active,
.btn-gradient-primary:not(.btn-outline).active {
    background: linear-gradient(135deg, var(--primary-l1) 0%, var(--primary-l3) 80%) !important;
    color: var(--white) !important
}

.btn-gradient-primary.btn-outline {
    -o-border-image: linear-gradient(135deg, var(--primary) 0%, var(--primary-l3b) 80%);
    border-image: linear-gradient(135deg, var(--primary) 0%, var(--primary-l3b) 80%);
    color: var(--primary)
}

.btn-gradient-primary.btn-outline:hover,
.btn-gradient-primary.btn-outline.hover {
    -o-border-image: linear-gradient(135deg, var(--primary-l3) 0%, var(--primary-l3) 80%);
    border-image: linear-gradient(135deg, var(--primary-l3) 0%, var(--primary-l3) 80%);
    color: var(--primary-l3)
}

.btn-gradient-primary.btn-outline:focus,
.btn-gradient-primary.btn-outline.focus {
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .5)
}

.btn-gradient-primary.btn-outline.disabled,
.btn-gradient-primary.btn-outline:disabled {
    -o-border-image: linear-gradient(135deg, var(--primary) 0%, var(--primary-l3b) 80%);
    border-image: linear-gradient(135deg, var(--primary) 0%, var(--primary-l3b) 80%)
}

.btn-gradient-primary.btn-outline:active,
.btn-gradient-primary.btn-outline.active {
    -o-border-image: linear-gradient(135deg, var(--primary-l3) 0%, var(--primary-l3) 80%);
    border-image: linear-gradient(135deg, var(--primary-l3) 0%, var(--primary-l3) 80%);
    color: var(--primary-l3)
}

.pagination>a,
.pagination>a:hover,
.pagination>a:focus,
.pagination>li>a,
.pagination>li>span,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: var(--primary)
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination .page-item.active .page-link {
    background-color: var(--primary) !important;
    border-color: var(--primary)
}

body.dark .pagination>li>a,
body.dark .pagination>li>span,
body.dark .pagination>li>a:hover,
body.dark .pagination>li>span:hover,
body.dark .pagination>li>a:focus,
body.dark .pagination>li>span:focus {
    color: var(--primary)
}

body.dark .pagination>.active>a,
body.dark .pagination>.active>span,
body.dark .pagination>.active>a:hover,
body.dark .pagination>.active>span:hover,
body.dark .pagination>.active>a:focus,
body.dark .pagination>.active>span:focus {
    background-color: var(--primary);
    border-color: var(--primary)
}

.pagination>.active>a,
body.dark .pagination>.active>a {
    background-color: var(--primary);
    border-color: var(--primary) var(--primary) var(--primary-d3);
    color: var(--white)
}

.pagination>.active>a:hover,
body.dark .pagination>.active>a:hover,
.pagination>.active>a.hover,
body.dark .pagination>.active>a.hover {
    border-color: var(--primary-l4) var(--primary-l4) var(--primary);
    color: var(--white)
}

.pagination>.active>a:hover:not(.bg-transparent),
body.dark .pagination>.active>a:hover:not(.bg-transparent),
.pagination>.active>a.hover:not(.bg-transparent),
body.dark .pagination>.active>a.hover:not(.bg-transparent) {
    background-color: var(--primary-l3)
}

.pagination>.active>a:focus,
body.dark .pagination>.active>a:focus,
.pagination>.active>a.focus,
body.dark .pagination>.active>a.focus {
    border-color: var(--primary-d3) var(--primary-d3) var(--primary-d5);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .5)
}

.pagination>.active>a:focus:not(.bg-transparent),
body.dark .pagination>.active>a:focus:not(.bg-transparent),
.pagination>.active>a.focus:not(.bg-transparent),
body.dark .pagination>.active>a.focus:not(.bg-transparent) {
    background-color: var(--primary-d2)
}

.pagination>.active>a.disabled,
body.dark .pagination>.active>a.disabled,
.pagination>.active>a:disabled,
body.dark .pagination>.active>a:disabled {
    border-color: var(--primary) var(--primary) var(--primary-d3)
}

.pagination>.active>a.disabled:not(.bg-transparent),
body.dark .pagination>.active>a.disabled:not(.bg-transparent),
.pagination>.active>a:disabled:not(.bg-transparent),
body.dark .pagination>.active>a:disabled:not(.bg-transparent) {
    background-color: var(--primary)
}

.pagination>.active>a:active,
body.dark .pagination>.active>a:active,
.pagination>.active>a.active,
body.dark .pagination>.active>a.active {
    border-color: var(--primary-d3) var(--primary-d3) var(--primary-d5) !important
}

.pagination>.active>a:active:not(.bg-transparent),
body.dark .pagination>.active>a:active:not(.bg-transparent),
.pagination>.active>a.active:not(.bg-transparent),
body.dark .pagination>.active>a.active:not(.bg-transparent) {
    background-color: var(--primary-d2) !important;
    background-image: none !important
}

.custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--primary)
}

.custom-checkbox-switch:checked {
    background-color: var(--primary);
    border-color: var(--primary)
}

html .alert-primary {
    background-color: var(--primary);
    border-color: var(--primary-d0b);
    color: var(--white)
}

html .alert-primary .alert-link {
    color: var(--white)
}

html .alert-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary-d0c);
    color: var(--white)
}

html .alert-secondary .alert-link {
    color: var(--white)
}

html .alert-tertiary {
    background-color: var(--tertiary);
    border-color: var(--tertiary-d0c);
    color: var(--white)
}

html .alert-tertiary .alert-link {
    color: var(--white)
}

html .alert-quaternary {
    background-color: var(--quaternary);
    border-color: var(--quaternary-d0d2);
    color: var(--white)
}

html .alert-quaternary .alert-link {
    color: var(--white)
}

html .alert-dark {
    background-color: var(--dark);
    border-color: var(--quaternary-d3);
    color: var(--white)
}

html .alert-dark .alert-link {
    color: var(--white)
}

html .alert-light {
    background-color: var(--white);
    border-color: var(--gray-50);
    color: var(--gray-500)
}

html .alert-light .alert-link {
    color: var(--gray-500)
}

html .progress-bar-primary {
    background-color: var(--primary)
}

html .progress-bar-secondary {
    background-color: var(--secondary)
}

html .progress-bar-tertiary {
    background-color: var(--tertiary)
}

html .progress-bar-quaternary {
    background-color: var(--quaternary)
}

html .progress-bar-dark {
    background-color: var(--dark)
}

html .progress-bar-light {
    background-color: var(--white)
}

html .word-rotator.loading-bar-primary .word-rotator-words::after {
    background-color: var(--primary)
}

html .word-rotator.loading-bar-secondary .word-rotator-words::after {
    background-color: var(--secondary)
}

html .word-rotator.loading-bar-tertiary .word-rotator-words::after {
    background-color: var(--tertiary)
}

html .word-rotator.loading-bar-quaternary .word-rotator-words::after {
    background-color: var(--quaternary)
}

html .word-rotator.loading-bar-dark .word-rotator-words::after {
    background-color: var(--dark)
}

html .word-rotator.loading-bar-light .word-rotator-words::after {
    background-color: var(--white)
}

html .mark.mark-gradient.mark-gradient-primary::before {
    background: var(--primary);
    background: linear-gradient(90deg, var(--primary) 0%, rgba(var(--primary-rgb), 0) 100%)
}

html .mark.mark-gradient.mark-gradient-secondary::before {
    background: var(--secondary);
    background: linear-gradient(90deg, var(--secondary) 0%, rgba(var(--secondary-rgb), 0) 100%)
}

html .mark.mark-gradient.mark-gradient-tertiary::before {
    background: var(--tertiary);
    background: linear-gradient(90deg, var(--tertiary) 0%, rgba(var(--tertiary-rgb), 0) 100%)
}

html .mark.mark-gradient.mark-gradient-quaternary::before {
    background: var(--quaternary);
    background: linear-gradient(90deg, var(--quaternary) 0%, rgba(var(--quaternary-rgb), 0) 100%)
}

html .mark.mark-gradient.mark-gradient-dark::before {
    background: var(--dark);
    background: linear-gradient(90deg, var(--dark) 0%, rgba(var(--dark-rgb), 0) 100%)
}

html .mark.mark-gradient.mark-gradient-light::before {
    background: var(--white);
    background: linear-gradient(90deg, var(--white) 0%, rgba(var(--white-rgb), 0) 100%)
}

.process .process-step-circle {
    border-color: var(--primary)
}

.process .process-step:hover .process-step-circle {
    background-color: var(--primary)
}

.process .process-step:hover .process-step-circle .process-step-circle-content {
    color: var(--white) !important
}

.process.process-shapes .process-step-circle .process-step-circle-content,
.process.process-shapes .process-step-circle:before,
.process.process-shapes .process-step-circle:after {
    background-color: var(--primary)
}

.process-connecting-line .connecting-line {
    background: var(--primary)
}

html .rating-primary .filled-stars {
    color: var(--primary)
}

html .rating-secondary .filled-stars {
    color: var(--secondary)
}

html .rating-tertiary .filled-stars {
    color: var(--tertiary)
}

html .rating-quaternary .filled-stars {
    color: var(--quaternary)
}

html .rating-dark .filled-stars {
    color: var(--dark)
}

html .rating-light .filled-stars {
    color: var(--white)
}

html section.section-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary-d1) !important
}

html section.section-primary h1,
html section.section-primary h2,
html section.section-primary h3,
html section.section-primary h4,
html section.section-primary h5,
html section.section-primary h6 {
    color: var(--white)
}

html section.section-primary p {
    color: var(--gray-110)
}

html section.section-primary-scale-2 {
    background-color: var(--primary-d3) !important;
    border-color: var(--primary-d4) !important
}

html section.section-primary-scale-2 .sort-source.sort-source-style-2>li.active>a:after {
    border-top-color: var(--primary-d3)
}

html section.section-secondary {
    background-color: var(--secondary) !important;
    border-color: var(--secondary-d0b) !important
}

html section.section-secondary h1,
html section.section-secondary h2,
html section.section-secondary h3,
html section.section-secondary h4,
html section.section-secondary h5,
html section.section-secondary h6 {
    color: var(--white)
}

html section.section-secondary p {
    color: var(--gray-110)
}

html section.section-secondary-scale-2 {
    background-color: var(--secondary-d1) !important;
    border-color: var(--secondary-d2) !important
}

html section.section-secondary-scale-2 .sort-source.sort-source-style-2>li.active>a:after {
    border-top-color: var(--secondary-d1)
}

html section.section-tertiary {
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary-d0b) !important
}

html section.section-tertiary h1,
html section.section-tertiary h2,
html section.section-tertiary h3,
html section.section-tertiary h4,
html section.section-tertiary h5,
html section.section-tertiary h6 {
    color: var(--white)
}

html section.section-tertiary p {
    color: var(--gray-110)
}

html section.section-tertiary-scale-2 {
    background-color: var(--tertiary-d1) !important;
    border-color: var(--tertiary-d2) !important
}

html section.section-tertiary-scale-2 .sort-source.sort-source-style-2>li.active>a:after {
    border-top-color: var(--tertiary-d1)
}

html section.section-quaternary {
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary-d0c) !important
}

html section.section-quaternary h1,
html section.section-quaternary h2,
html section.section-quaternary h3,
html section.section-quaternary h4,
html section.section-quaternary h5,
html section.section-quaternary h6 {
    color: var(--white)
}

html section.section-quaternary p {
    color: var(--gray-110)
}

html section.section-quaternary-scale-2 {
    background-color: var(--quaternary-d2b) !important;
    border-color: var(--quaternary-d5c) !important
}

html section.section-quaternary-scale-2 .sort-source.sort-source-style-2>li.active>a:after {
    border-top-color: var(--quaternary-d2b)
}

html section.section-dark {
    background-color: var(--dark) !important;
    border-color: var(--quaternary-d5b) !important
}

html section.section-dark h1,
html section.section-dark h2,
html section.section-dark h3,
html section.section-dark h4,
html section.section-dark h5,
html section.section-dark h6 {
    color: var(--white)
}

html section.section-dark p {
    color: var(--gray-110)
}

html section.section-dark-scale-2 {
    background-color: var(--quaternary-d9) !important;
    border-color: var(--black) !important
}

html section.section-dark-scale-2 .sort-source.sort-source-style-2>li.active>a:after {
    border-top-color: var(--quaternary-d9)
}

html section.section-light {
    background-color: var(--white) !important;
    border-color: var(--gray-75) !important
}

html section.section-light h1,
html section.section-light h2,
html section.section-light h3,
html section.section-light h4,
html section.section-light h5,
html section.section-light h6 {
    color: var(--gray-500)
}

html section.section-light p {
    color: var(--gray-575)
}

html section.section-light-scale-2 {
    background-color: var(--gray-110) !important;
    border-color: var(--gray-155) !important
}

html section.section-light-scale-2 .sort-source.sort-source-style-2>li.active>a:after {
    border-top-color: var(--gray-110)
}

section.section.section-background-half-primary-half-secondary {
    background: linear-gradient(to right, var(--primary) 50%, var(--secondary) 50%)
}

section.section.section-overlay-opacity-gradient:before {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%)
}

html .bg-color-light-scale-1 {
    background-color: var(--gray-50) !important
}

html .section.bg-color-light-scale-1,
html .bg-color-light-scale-border-top-1 {
    border-top-color: var(--gray-82) !important
}

html .bg-color-light-scale-2 {
    background-color: var(--gray-105) !important
}

html .section.bg-color-light-scale-2,
html .bg-color-light-scale-border-top-2 {
    border-top-color: var(--gray-127) !important
}

html .bg-color-light-scale-3 {
    background-color: var(--gray-127) !important
}

html .section.bg-color-light-scale-3,
html .bg-color-light-scale-border-top-3 {
    border-top-color: var(--gray-160) !important
}

html .bg-color-light-scale-4 {
    background-color: var(--gray-160) !important
}

html .section.bg-color-light-scale-4,
html .bg-color-light-scale-border-top-4 {
    border-top-color: var(--gray-180) !important
}

html .bg-color-light-scale-5 {
    background-color: var(--gray-180) !important
}

html .section.bg-color-light-scale-5,
html .bg-color-light-scale-border-top-5 {
    border-top-color: var(--gray-220) !important
}

html .bg-color-light-scale-6 {
    background-color: var(--gray-220) !important
}

html .section.bg-color-light-scale-6,
html .bg-color-light-scale-border-top-6 {
    border-top-color: var(--gray-240) !important
}

html .bg-color-light-scale-7 {
    background-color: var(--gray-240) !important
}

html .section.bg-color-light-scale-7,
html .bg-color-light-scale-border-top-7 {
    border-top-color: var(--gray-278) !important
}

html .bg-color-light-scale-8 {
    background-color: var(--gray-278) !important
}

html .section.bg-color-light-scale-8,
html .bg-color-light-scale-border-top-8 {
    border-top-color: var(--gray-305) !important
}

html .bg-color-light-scale-9 {
    background-color: var(--gray-305) !important
}

html .section.bg-color-light-scale-9,
html .bg-color-light-scale-border-top-9 {
    border-top-color: var(--gray-335) !important
}

html .bg-color-dark-scale-1 {
    background-color: var(--dark) !important
}

html .section.bg-color-dark-scale-1,
html .bg-color-dark-scale-border-top-1 {
    border-top-color: var(--quaternary-d3) !important
}

html .bg-color-dark-scale-2 {
    background-color: var(--quaternary-d3b) !important
}

html .section.bg-color-dark-scale-2,
html .bg-color-dark-scale-border-top-2 {
    border-top-color: var(--quaternary-d5b) !important
}

html .bg-color-dark-scale-3 {
    background-color: var(--quaternary-d4) !important
}

html .section.bg-color-dark-scale-3,
html .bg-color-dark-scale-border-top-3 {
    border-top-color: var(--quaternary-d6c) !important
}

html .bg-color-dark-scale-4 {
    background-color: var(--quaternary-d6b) !important
}

html .section.bg-color-dark-scale-4,
html .bg-color-dark-scale-border-top-4 {
    border-top-color: var(--gray-920) !important
}

html .bg-color-dark-scale-5 {
    background-color: var(--gray-900b) !important
}

html .section.bg-color-dark-scale-5,
html .bg-color-dark-scale-border-top-5 {
    border-top-color: var(--gray-930) !important
}

html .bg-color-dark-scale-6 {
    background-color: var(--quaternary-d9) !important
}

html .section.bg-color-dark-scale-6,
html .bg-color-dark-scale-border-top-6 {
    border-top-color: var(--gray-940) !important
}

html .bg-color-dark-scale-7 {
    background-color: var(--gray-935) !important
}

html .section.bg-color-dark-scale-7,
html .bg-color-dark-scale-border-top-7 {
    border-top-color: var(--black) !important
}

html .bg-color-dark-scale-8 {
    background-color: var(--gray-950) !important
}

html .section.bg-color-dark-scale-8,
html .bg-color-dark-scale-border-top-8 {
    border-top-color: var(--black) !important
}

html .bg-color-dark-scale-9 {
    background-color: var(--black) !important
}

html .section.bg-color-dark-scale-9,
html .bg-color-dark-scale-border-top-9 {
    border-top-color: var(--black) !important
}

section.page-header .page-header-title-border {
    background-color: var(--primary) !important
}

section.page-header.custom-product {
    background-color: var(--primary-d1);
    border-top-color: var(--primary-d0)
}

html .page-header-color.page-header-primary {
    background-color: var(--primary);
    border-bottom-color: var(--primary);
    color: var(--white)
}

html .page-header-color.page-header-primary h1 {
    color: var(--white)
}

html .page-header-color.page-header-primary h1 span {
    color: var(--white)
}

html .page-header-color.page-header-primary a {
    color: var(--white)
}

html .page-header-color.page-header-primary .breadcrumb>.active {
    color: var(--white)
}

html .page-header-color.page-header-secondary {
    background-color: var(--secondary);
    border-bottom-color: var(--secondary);
    color: var(--white)
}

html .page-header-color.page-header-secondary h1 {
    color: var(--white)
}

html .page-header-color.page-header-secondary h1 span {
    color: var(--white)
}

html .page-header-color.page-header-secondary a {
    color: var(--white)
}

html .page-header-color.page-header-secondary .breadcrumb>.active {
    color: var(--white)
}

html .page-header-color.page-header-tertiary {
    background-color: var(--tertiary);
    border-bottom-color: var(--tertiary);
    color: var(--white)
}

html .page-header-color.page-header-tertiary h1 {
    color: var(--white)
}

html .page-header-color.page-header-tertiary h1 span {
    color: var(--white)
}

html .page-header-color.page-header-tertiary a {
    color: var(--white)
}

html .page-header-color.page-header-tertiary .breadcrumb>.active {
    color: var(--white)
}

html .page-header-color.page-header-quaternary {
    background-color: var(--quaternary);
    border-bottom-color: var(--quaternary);
    color: var(--white)
}

html .page-header-color.page-header-quaternary h1 {
    color: var(--white)
}

html .page-header-color.page-header-quaternary h1 span {
    color: var(--white)
}

html .page-header-color.page-header-quaternary a {
    color: var(--white)
}

html .page-header-color.page-header-quaternary .breadcrumb>.active {
    color: var(--white)
}

html .page-header-color.page-header-dark {
    background-color: var(--dark);
    border-bottom-color: var(--dark);
    color: var(--white)
}

html .page-header-color.page-header-dark h1 {
    color: var(--white)
}

html .page-header-color.page-header-dark h1 span {
    color: var(--white)
}

html .page-header-color.page-header-dark a {
    color: var(--white)
}

html .page-header-color.page-header-dark .breadcrumb>.active {
    color: var(--white)
}

html .page-header-color.page-header-light {
    background-color: var(--white);
    border-bottom-color: var(--white);
    color: var(--gray-500)
}

html .page-header-color.page-header-light h1 {
    color: var(--gray-500)
}

html .page-header-color.page-header-light h1 span {
    color: var(--gray-500)
}

html .page-header-color.page-header-light a {
    color: var(--gray-500)
}

html .page-header-color.page-header-light .breadcrumb>.active {
    color: var(--gray-500)
}

html .toggle-primary .toggle label,
html .toggle-primary .toggle .toggle-title {
    color: var(--primary);
    border-left-color: var(--primary);
    border-right-color: var(--primary)
}

html .toggle-primary .toggle.active>label,
html .toggle-primary .toggle.active>.toggle-title {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white)
}

html .toggle-primary.toggle-simple .toggle>label:after,
html .toggle-primary.toggle-simple .toggle>.toggle-title:after {
    background-color: var(--primary)
}

html .toggle-primary.toggle-minimal .toggle.active>label,
html .toggle-primary.toggle-minimal .toggle.active>.toggle-title {
    color: var(--primary)
}

html .toggle-secondary .toggle label,
html .toggle-secondary .toggle .toggle-title {
    color: var(--secondary);
    border-left-color: var(--secondary);
    border-right-color: var(--secondary)
}

html .toggle-secondary .toggle.active>label,
html .toggle-secondary .toggle.active>.toggle-title {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: var(--white)
}

html .toggle-secondary.toggle-simple .toggle>label:after,
html .toggle-secondary.toggle-simple .toggle>.toggle-title:after {
    background-color: var(--secondary)
}

html .toggle-secondary.toggle-minimal .toggle.active>label,
html .toggle-secondary.toggle-minimal .toggle.active>.toggle-title {
    color: var(--secondary)
}

html .toggle-tertiary .toggle label,
html .toggle-tertiary .toggle .toggle-title {
    color: var(--tertiary);
    border-left-color: var(--tertiary);
    border-right-color: var(--tertiary)
}

html .toggle-tertiary .toggle.active>label,
html .toggle-tertiary .toggle.active>.toggle-title {
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    color: var(--white)
}

html .toggle-tertiary.toggle-simple .toggle>label:after,
html .toggle-tertiary.toggle-simple .toggle>.toggle-title:after {
    background-color: var(--tertiary)
}

html .toggle-tertiary.toggle-minimal .toggle.active>label,
html .toggle-tertiary.toggle-minimal .toggle.active>.toggle-title {
    color: var(--tertiary)
}

html .toggle-quaternary .toggle label,
html .toggle-quaternary .toggle .toggle-title {
    color: var(--quaternary);
    border-left-color: var(--quaternary);
    border-right-color: var(--quaternary)
}

html .toggle-quaternary .toggle.active>label,
html .toggle-quaternary .toggle.active>.toggle-title {
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    color: var(--white)
}

html .toggle-quaternary.toggle-simple .toggle>label:after,
html .toggle-quaternary.toggle-simple .toggle>.toggle-title:after {
    background-color: var(--quaternary)
}

html .toggle-quaternary.toggle-minimal .toggle.active>label,
html .toggle-quaternary.toggle-minimal .toggle.active>.toggle-title {
    color: var(--quaternary)
}

html .toggle-dark .toggle label,
html .toggle-dark .toggle .toggle-title {
    color: var(--dark);
    border-left-color: var(--dark);
    border-right-color: var(--dark)
}

html .toggle-dark .toggle.active>label,
html .toggle-dark .toggle.active>.toggle-title {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--white)
}

html .toggle-dark.toggle-simple .toggle>label:after,
html .toggle-dark.toggle-simple .toggle>.toggle-title:after {
    background-color: var(--dark)
}

html .toggle-dark.toggle-minimal .toggle.active>label,
html .toggle-dark.toggle-minimal .toggle.active>.toggle-title {
    color: var(--dark)
}

html .toggle-light .toggle label,
html .toggle-light .toggle .toggle-title {
    color: var(--white);
    border-left-color: var(--white);
    border-right-color: var(--white)
}

html .toggle-light .toggle.active>label,
html .toggle-light .toggle.active>.toggle-title {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--gray-500)
}

html .toggle-light.toggle-simple .toggle>label:after,
html .toggle-light.toggle-simple .toggle>.toggle-title:after {
    background-color: var(--white)
}

html .toggle-light.toggle-minimal .toggle.active>label,
html .toggle-light.toggle-minimal .toggle.active>.toggle-title {
    color: var(--white)
}

.thumb-info .thumb-info-type,
.thumb-info .thumb-info-action-icon,
.thumb-info-social-icons a,
.thumbnail .zoom,
.img-thumbnail .zoom,
.thumb-info-ribbon {
    background-color: var(--primary)
}

html .thumb-info .thumb-info-action-icon-primary {
    background-color: var(--primary)
}

html .thumb-info .thumb-info-action-icon-primary i {
    color: var(--white)
}

html .thumb-info .thumb-info-action-icon-secondary {
    background-color: var(--secondary)
}

html .thumb-info .thumb-info-action-icon-secondary i {
    color: var(--white)
}

html .thumb-info .thumb-info-action-icon-tertiary {
    background-color: var(--tertiary)
}

html .thumb-info .thumb-info-action-icon-tertiary i {
    color: var(--white)
}

html .thumb-info .thumb-info-action-icon-quaternary {
    background-color: var(--quaternary)
}

html .thumb-info .thumb-info-action-icon-quaternary i {
    color: var(--white)
}

html .thumb-info .thumb-info-action-icon-dark {
    background-color: var(--dark)
}

html .thumb-info .thumb-info-action-icon-dark i {
    color: var(--white)
}

html .thumb-info .thumb-info-action-icon-light {
    background-color: var(--white)
}

html .thumb-info .thumb-info-action-icon-light i {
    color: var(--gray-500)
}

.thumb-info-ribbon:before {
    border-right-color: var(--primary-d4);
    border-left-color: var(--primary-d4)
}

.thumb-info.thumb-info-block-primary .thumb-info-wrapper:before {
    background: rgba(var(--primary-rgb), .9)
}

.thumb-info-floating-caption-title .thumb-info-floating-caption-type {
    background-color: var(--primary)
}

.inverted {
    background-color: var(--primary)
}

html .inverted-primary {
    background-color: var(--primary)
}

html .inverted-secondary {
    background-color: var(--secondary)
}

html .inverted-tertiary {
    background-color: var(--tertiary)
}

html .inverted-quaternary {
    background-color: var(--quaternary)
}

html .inverted-dark {
    background-color: var(--dark)
}

html .inverted-light {
    background-color: var(--white)
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background-color: var(--primary-d1b)
}

.owl-carousel.show-nav-title .owl-nav button[class*=owl-],
.owl-carousel.show-nav-title .owl-nav button[class*=owl-]:hover,
.owl-carousel.show-nav-title .owl-nav button[class*=owl-].hover {
    color: var(--primary)
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-] {
    background-color: var(--primary);
    border-color: var(--primary) var(--primary) var(--primary-d3);
    color: var(--white)
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-]:hover,
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-].hover {
    background-color: var(--primary-l3);
    border-color: var(--primary-l4) var(--primary-l4) var(--primary)
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-]:active,
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-].active {
    background-color: var(--primary-d2);
    background-image: none;
    border-color: var(--primary-d3) var(--primary-d3) var(--primary-d5)
}

.owl-carousel.nav-with-transparency:not(.nav-style-1):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*=owl-] {
    background-color: rgba(var(--primary-rgb), .4)
}

.owl-carousel.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-style-1 .owl-nav .owl-prev {
    color: var(--primary) !important
}

.owl-carousel.nav-style-2 .owl-nav .owl-next:before,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:before,
.owl-carousel.nav-style-2 .owl-nav .owl-next:after,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:after {
    border-color: var(--primary)
}

.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon,
.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon {
    fill: var(--primary);
    stroke: var(--primary)
}

.owl-carousel.nav-arrows-1 .owl-nav .owl-prev,
.owl-carousel.nav-arrows-1 .owl-nav .owl-next {
    color: var(--primary)
}

.owl-carousel.carousel-center-active-item-2 .owl-item.active>div {
    background: var(--primary)
}

.owl-carousel.carousel-bottom-inside-shadow .owl-stage-outer:after {
    background-image: linear-gradient(360deg, var(--primary) 0%, transparent 100%)
}

html body .tabs .nav-tabs .nav-link,
html.dark body .tabs .nav-tabs .nav-link,
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link.active,
html.dark body .tabs .nav-tabs .nav-link.active {
    color: var(--primary)
}

html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link:focus,
html.dark body .tabs .nav-tabs .nav-link:focus,
html body .tabs .nav-tabs .nav-link.active,
html.dark body .tabs .nav-tabs .nav-link.active,
html body .tabs .nav-tabs.nav-justified .nav-link.active,
html.dark body .tabs .nav-tabs.nav-justified .nav-link.active,
html body .tabs .nav-tabs.nav-justified .nav-link:hover,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover,
html body .tabs .nav-tabs.nav-justified .nav-link:focus,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus {
    border-top-color: var(--primary)
}

html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs .nav-link.active,
html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active,
html body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover,
html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover,
html body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus,
html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus {
    border-bottom-color: var(--primary)
}

html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active,
html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus {
    border-left-color: var(--primary)
}

html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active,
html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus {
    border-right-color: var(--primary)
}

html body .tabs.tabs-simple .nav-tabs>li .nav-link.active,
html.dark body .tabs.tabs-simple .nav-tabs>li .nav-link.active,
html body .tabs.tabs-simple .nav-tabs>li .nav-link.active:focus,
html.dark body .tabs.tabs-simple .nav-tabs>li .nav-link.active:focus,
html body .tabs.tabs-simple .nav-tabs>li .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs>li .nav-link:hover,
html body .tabs.tabs-simple .nav-tabs>li .nav-link.active:hover,
html.dark body .tabs.tabs-simple .nav-tabs>li .nav-link.active:hover {
    border-top-color: var(--primary);
    color: var(--primary)
}

html body .tabs-primary .nav-tabs li .nav-link,
html.dark body .tabs-primary .nav-tabs li .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
    color: var(--primary)
}

html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: var(--primary)
}

html body .tabs-primary .nav-tabs li .nav-link.active,
html.dark body .tabs-primary .nav-tabs li .nav-link.active,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-primary .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link.active:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-primary .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-primary .nav-tabs li .nav-link.active:focus,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus {
    border-top-color: var(--primary);
    color: var(--primary)
}

html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
    border-bottom-color: var(--primary)
}

html body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover,
html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active,
html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active,
html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover,
html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus,
html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
    color: var(--primary) !important;
    border-bottom-color: var(--primary)
}

html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active,
html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover,
html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus {
    border-left-color: var(--primary)
}

html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active,
html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover,
html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus {
    border-right-color: var(--primary)
}

html body .tabs-secondary .nav-tabs li .nav-link,
html.dark body .tabs-secondary .nav-tabs li .nav-link,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link,
html body .tabs-secondary .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs li .nav-link:hover,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover {
    color: var(--secondary)
}

html body .tabs-secondary .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs li .nav-link:hover,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: var(--secondary)
}

html body .tabs-secondary .nav-tabs li .nav-link.active,
html.dark body .tabs-secondary .nav-tabs li .nav-link.active,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-secondary .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-secondary .nav-tabs li .nav-link.active:hover,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-secondary .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-secondary .nav-tabs li .nav-link.active:focus,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus {
    border-top-color: var(--secondary);
    color: var(--secondary)
}

html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
    border-bottom-color: var(--secondary)
}

html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:hover,
html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active,
html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active,
html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:hover,
html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus,
html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
    color: var(--secondary) !important;
    border-bottom-color: var(--secondary)
}

html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active,
html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:hover,
html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus {
    border-left-color: var(--secondary)
}

html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active,
html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:hover,
html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus {
    border-right-color: var(--secondary)
}

html body .tabs-tertiary .nav-tabs li .nav-link,
html.dark body .tabs-tertiary .nav-tabs li .nav-link,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link,
html body .tabs-tertiary .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover {
    color: var(--tertiary)
}

html body .tabs-tertiary .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: var(--tertiary)
}

html body .tabs-tertiary .nav-tabs li .nav-link.active,
html.dark body .tabs-tertiary .nav-tabs li .nav-link.active,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-tertiary .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-tertiary .nav-tabs li .nav-link.active:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-tertiary .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-tertiary .nav-tabs li .nav-link.active:focus,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus {
    border-top-color: var(--tertiary);
    color: var(--tertiary)
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
    border-bottom-color: var(--tertiary)
}

html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:hover,
html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active,
html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active,
html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:hover,
html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus,
html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
    color: var(--tertiary) !important;
    border-bottom-color: var(--tertiary)
}

html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active,
html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:hover,
html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus {
    border-left-color: var(--tertiary)
}

html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active,
html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:hover,
html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus {
    border-right-color: var(--tertiary)
}

html body .tabs-quaternary .nav-tabs li .nav-link,
html.dark body .tabs-quaternary .nav-tabs li .nav-link,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link,
html body .tabs-quaternary .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover {
    color: var(--quaternary)
}

html body .tabs-quaternary .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: var(--quaternary)
}

html body .tabs-quaternary .nav-tabs li .nav-link.active,
html.dark body .tabs-quaternary .nav-tabs li .nav-link.active,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-quaternary .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-quaternary .nav-tabs li .nav-link.active:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-quaternary .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-quaternary .nav-tabs li .nav-link.active:focus,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus {
    border-top-color: var(--quaternary);
    color: var(--quaternary)
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
    border-bottom-color: var(--quaternary)
}

html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:hover,
html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active,
html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active,
html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:hover,
html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus,
html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
    color: var(--quaternary) !important;
    border-bottom-color: var(--quaternary)
}

html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active,
html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:hover,
html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus {
    border-left-color: var(--quaternary)
}

html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active,
html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:hover,
html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus {
    border-right-color: var(--quaternary)
}

html body .tabs-dark .nav-tabs li .nav-link,
html.dark body .tabs-dark .nav-tabs li .nav-link,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link,
html body .tabs-dark .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover {
    color: var(--dark)
}

html body .tabs-dark .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: var(--dark)
}

html body .tabs-dark .nav-tabs li .nav-link.active,
html.dark body .tabs-dark .nav-tabs li .nav-link.active,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-dark .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-dark .nav-tabs li .nav-link.active:hover,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-dark .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-dark .nav-tabs li .nav-link.active:focus,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus {
    border-top-color: var(--dark);
    color: var(--dark)
}

html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
    border-bottom-color: var(--dark)
}

html body .tabs-dark.tabs-simple .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link:hover,
html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active,
html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active,
html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:hover,
html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus,
html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
    color: var(--dark) !important;
    border-bottom-color: var(--dark)
}

html body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active,
html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active,
html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:hover,
html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus {
    border-left-color: var(--dark)
}

html body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active,
html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active,
html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:hover,
html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus {
    border-right-color: var(--dark)
}

html body .tabs-light .nav-tabs li .nav-link,
html.dark body .tabs-light .nav-tabs li .nav-link,
html body .tabs-light .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link,
html body .tabs-light .nav-tabs li .nav-link:hover,
html.dark body .tabs-light .nav-tabs li .nav-link:hover,
html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover {
    color: var(--white)
}

html body .tabs-light .nav-tabs li .nav-link:hover,
html.dark body .tabs-light .nav-tabs li .nav-link:hover,
html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: var(--white)
}

html body .tabs-light .nav-tabs li .nav-link.active,
html.dark body .tabs-light .nav-tabs li .nav-link.active,
html body .tabs-light .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-light .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-light .nav-tabs li .nav-link.active:hover,
html body .tabs-light .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-light .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-light .nav-tabs li .nav-link.active:focus,
html body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus {
    border-top-color: var(--white);
    color: var(--white)
}

html body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active,
html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
    border-bottom-color: var(--white)
}

html body .tabs-light.tabs-simple .nav-tabs li .nav-link:hover,
html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link:hover,
html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active,
html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active,
html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:hover,
html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus,
html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
    color: var(--white) !important;
    border-bottom-color: var(--white)
}

html body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active,
html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active,
html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:hover,
html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus,
html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus {
    border-left-color: var(--white)
}

html body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active,
html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active,
html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:hover,
html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus,
html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus {
    border-right-color: var(--white)
}

html[dir=rtl] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover html[dir=rtl] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active,
html[dir=rtl] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:hover,
html[dir=rtl] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:focus {
    border-right-color: var(--primary);
    border-left-color: transparent
}

html[dir=rtl] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover html[dir=rtl] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active,
html[dir=rtl] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:hover,
html[dir=rtl] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:focus {
    border-right-color: transparent;
    border-left-color: var(--primary)
}

.list.list-icons li>[class*=fa-]:first-child,
.list.list-icons li a:first-child>[class*=fa-]:first-child,
.list.list-icons li>.icons:first-child,
.list.list-icons li a:first-child>.icons:first-child {
    color: var(--primary);
    border-color: var(--primary)
}

.list.list-icons.list-icons-style-3 li>[class*=fa-]:first-child,
.list.list-icons.list-icons-style-3 li a:first-child>[class*=fa-]:first-child,
.list.list-icons.list-icons-style-3 li>.icons:first-child,
.list.list-icons.list-icons-style-3 li a:first-child>.icons:first-child {
    background-color: var(--primary)
}

.list.list-ordened li:before {
    color: var(--primary);
    border-color: var(--primary)
}

.list.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--primary)
}

html .list-primary.list-icons li>[class*=fa-]:first-child,
html .list-primary.list-icons li a:first-child>[class*=fa-]:first-child,
html .list-primary.list-icons li>.icons:first-child,
html .list-primary.list-icons li a:first-child>.icons:first-child {
    color: var(--primary);
    border-color: var(--primary)
}

html .list-primary.list-icons.list-icons-style-3 li>[class*=fa-]:first-child,
html .list-primary.list-icons.list-icons-style-3 li a:first-child>[class*=fa-]:first-child,
html .list-primary.list-icons.list-icons-style-3 li>.icons:first-child,
html .list-primary.list-icons.list-icons-style-3 li a:first-child>.icons:first-child {
    background-color: var(--primary);
    color: var(--white)
}

html .list-primary.list-ordened li:before {
    color: var(--primary)
}

html .list-primary.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--primary);
    color: var(--white)
}

html .list-secondary.list-icons li>[class*=fa-]:first-child,
html .list-secondary.list-icons li a:first-child>[class*=fa-]:first-child,
html .list-secondary.list-icons li>.icons:first-child,
html .list-secondary.list-icons li a:first-child>.icons:first-child {
    color: var(--secondary);
    border-color: var(--secondary)
}

html .list-secondary.list-icons.list-icons-style-3 li>[class*=fa-]:first-child,
html .list-secondary.list-icons.list-icons-style-3 li a:first-child>[class*=fa-]:first-child,
html .list-secondary.list-icons.list-icons-style-3 li>.icons:first-child,
html .list-secondary.list-icons.list-icons-style-3 li a:first-child>.icons:first-child {
    background-color: var(--secondary);
    color: var(--white)
}

html .list-secondary.list-ordened li:before {
    color: var(--secondary)
}

html .list-secondary.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--secondary);
    color: var(--white)
}

html .list-tertiary.list-icons li>[class*=fa-]:first-child,
html .list-tertiary.list-icons li a:first-child>[class*=fa-]:first-child,
html .list-tertiary.list-icons li>.icons:first-child,
html .list-tertiary.list-icons li a:first-child>.icons:first-child {
    color: var(--tertiary);
    border-color: var(--tertiary)
}

html .list-tertiary.list-icons.list-icons-style-3 li>[class*=fa-]:first-child,
html .list-tertiary.list-icons.list-icons-style-3 li a:first-child>[class*=fa-]:first-child,
html .list-tertiary.list-icons.list-icons-style-3 li>.icons:first-child,
html .list-tertiary.list-icons.list-icons-style-3 li a:first-child>.icons:first-child {
    background-color: var(--tertiary);
    color: var(--white)
}

html .list-tertiary.list-ordened li:before {
    color: var(--tertiary)
}

html .list-tertiary.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--tertiary);
    color: var(--white)
}

html .list-quaternary.list-icons li>[class*=fa-]:first-child,
html .list-quaternary.list-icons li a:first-child>[class*=fa-]:first-child,
html .list-quaternary.list-icons li>.icons:first-child,
html .list-quaternary.list-icons li a:first-child>.icons:first-child {
    color: var(--quaternary);
    border-color: var(--quaternary)
}

html .list-quaternary.list-icons.list-icons-style-3 li>[class*=fa-]:first-child,
html .list-quaternary.list-icons.list-icons-style-3 li a:first-child>[class*=fa-]:first-child,
html .list-quaternary.list-icons.list-icons-style-3 li>.icons:first-child,
html .list-quaternary.list-icons.list-icons-style-3 li a:first-child>.icons:first-child {
    background-color: var(--quaternary);
    color: var(--white)
}

html .list-quaternary.list-ordened li:before {
    color: var(--quaternary)
}

html .list-quaternary.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--quaternary);
    color: var(--white)
}

html .list-dark.list-icons li>[class*=fa-]:first-child,
html .list-dark.list-icons li a:first-child>[class*=fa-]:first-child,
html .list-dark.list-icons li>.icons:first-child,
html .list-dark.list-icons li a:first-child>.icons:first-child {
    color: var(--dark);
    border-color: var(--dark)
}

html .list-dark.list-icons.list-icons-style-3 li>[class*=fa-]:first-child,
html .list-dark.list-icons.list-icons-style-3 li a:first-child>[class*=fa-]:first-child,
html .list-dark.list-icons.list-icons-style-3 li>.icons:first-child,
html .list-dark.list-icons.list-icons-style-3 li a:first-child>.icons:first-child {
    background-color: var(--dark);
    color: var(--white)
}

html .list-dark.list-ordened li:before {
    color: var(--dark)
}

html .list-dark.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--dark);
    color: var(--white)
}

html .list-light.list-icons li>[class*=fa-]:first-child,
html .list-light.list-icons li a:first-child>[class*=fa-]:first-child,
html .list-light.list-icons li>.icons:first-child,
html .list-light.list-icons li a:first-child>.icons:first-child {
    color: var(--white);
    border-color: var(--white)
}

html .list-light.list-icons.list-icons-style-3 li>[class*=fa-]:first-child,
html .list-light.list-icons.list-icons-style-3 li a:first-child>[class*=fa-]:first-child,
html .list-light.list-icons.list-icons-style-3 li>.icons:first-child,
html .list-light.list-icons.list-icons-style-3 li a:first-child>.icons:first-child {
    background-color: var(--white);
    color: var(--gray-500)
}

html .list-light.list-ordened li:before {
    color: var(--white)
}

html .list-light.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--white);
    color: var(--gray-500)
}

html .highlight-primary {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, var(--primary) 0)
}

html .highlight-primary.highlight-bg-opacity {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, rgba(var(--primary-rgb), 0.2) 0)
}

html .highlight-primary.highlight-change-text-color {
    color: var(--white)
}

html .highlight-secondary {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, var(--secondary) 0)
}

html .highlight-secondary.highlight-bg-opacity {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, rgba(var(--secondary-rgb), 0.2) 0)
}

html .highlight-secondary.highlight-change-text-color {
    color: var(--white)
}

html .highlight-tertiary {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, var(--tertiary) 0)
}

html .highlight-tertiary.highlight-bg-opacity {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, rgba(var(--tertiary-rgb), 0.2) 0)
}

html .highlight-tertiary.highlight-change-text-color {
    color: var(--white)
}

html .highlight-quaternary {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, var(--quaternary) 0)
}

html .highlight-quaternary.highlight-bg-opacity {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, rgba(var(--quaternary-rgb), 0.2) 0)
}

html .highlight-quaternary.highlight-change-text-color {
    color: var(--white)
}

html .highlight-dark {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, var(--dark) 0)
}

html .highlight-dark.highlight-bg-opacity {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, rgba(var(--dark-rgb), 0.2) 0)
}

html .highlight-dark.highlight-change-text-color {
    color: var(--white)
}

html .highlight-light {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, var(--white) 0)
}

html .highlight-light.highlight-bg-opacity {
    background-image: linear-gradient(90deg, rgba(var(--white-rgb), 0) 50%, rgba(var(--white-rgb), 0.2) 0)
}

html .highlight-light.highlight-change-text-color {
    color: var(--gray-500)
}

.parallax blockquote i.fa-quote-left {
    color: var(--primary)
}

section.video blockquote i.fa-quote-left {
    color: var(--primary)
}

.accordion .card-header a {
    color: var(--primary)
}

html .accordion.accordion-primary .card-header {
    background-color: var(--primary) !important
}

html .accordion.accordion-primary .card-header a {
    color: var(--white)
}

html .accordion-modern-status-primary.accordion-modern-status>.card .card-header a:not(.collapsed) {
    background-color: var(--primary) !important;
    color: var(--white) !important
}

html .accordion-modern-status-primary.accordion-modern-status>.card:hover .card-header a.collapsed {
    color: var(--primary) !important
}

html .accordion.accordion-secondary .card-header {
    background-color: var(--secondary) !important
}

html .accordion.accordion-secondary .card-header a {
    color: var(--white)
}

html .accordion-modern-status-secondary.accordion-modern-status>.card .card-header a:not(.collapsed) {
    background-color: var(--secondary) !important;
    color: var(--white) !important
}

html .accordion-modern-status-secondary.accordion-modern-status>.card:hover .card-header a.collapsed {
    color: var(--secondary) !important
}

html .accordion.accordion-tertiary .card-header {
    background-color: var(--tertiary) !important
}

html .accordion.accordion-tertiary .card-header a {
    color: var(--white)
}

html .accordion-modern-status-tertiary.accordion-modern-status>.card .card-header a:not(.collapsed) {
    background-color: var(--tertiary) !important;
    color: var(--white) !important
}

html .accordion-modern-status-tertiary.accordion-modern-status>.card:hover .card-header a.collapsed {
    color: var(--tertiary) !important
}

html .accordion.accordion-quaternary .card-header {
    background-color: var(--quaternary) !important
}

html .accordion.accordion-quaternary .card-header a {
    color: var(--white)
}

html .accordion-modern-status-quaternary.accordion-modern-status>.card .card-header a:not(.collapsed) {
    background-color: var(--quaternary) !important;
    color: var(--white) !important
}

html .accordion-modern-status-quaternary.accordion-modern-status>.card:hover .card-header a.collapsed {
    color: var(--quaternary) !important
}

html .accordion.accordion-dark .card-header {
    background-color: var(--dark) !important
}

html .accordion.accordion-dark .card-header a {
    color: var(--white)
}

html .accordion-modern-status-dark.accordion-modern-status>.card .card-header a:not(.collapsed) {
    background-color: var(--dark) !important;
    color: var(--white) !important
}

html .accordion-modern-status-dark.accordion-modern-status>.card:hover .card-header a.collapsed {
    color: var(--dark) !important
}

html .accordion.accordion-light .card-header {
    background-color: var(--white) !important
}

html .accordion.accordion-light .card-header a {
    color: var(--gray-500)
}

html .accordion-modern-status-light.accordion-modern-status>.card .card-header a:not(.collapsed) {
    background-color: var(--white) !important;
    color: var(--gray-500) !important
}

html .accordion-modern-status-light.accordion-modern-status>.card:hover .card-header a.collapsed {
    color: var(--white) !important
}

html .divider.divider-primary [class*=fa-],
html .divider.divider-primary .icons {
    color: var(--primary)
}

html .divider.divider-primary.divider-small hr {
    background: var(--primary)
}

html .divider.divider-secondary [class*=fa-],
html .divider.divider-secondary .icons {
    color: var(--secondary)
}

html .divider.divider-secondary.divider-small hr {
    background: var(--secondary)
}

html .divider.divider-tertiary [class*=fa-],
html .divider.divider-tertiary .icons {
    color: var(--tertiary)
}

html .divider.divider-tertiary.divider-small hr {
    background: var(--tertiary)
}

html .divider.divider-quaternary [class*=fa-],
html .divider.divider-quaternary .icons {
    color: var(--quaternary)
}

html .divider.divider-quaternary.divider-small hr {
    background: var(--quaternary)
}

html .divider.divider-dark [class*=fa-],
html .divider.divider-dark .icons {
    color: var(--dark)
}

html .divider.divider-dark.divider-small hr {
    background: var(--dark)
}

html .divider.divider-light [class*=fa-],
html .divider.divider-light .icons {
    color: var(--white)
}

html .divider.divider-light.divider-small hr {
    background: var(--white)
}

html .divider.divider-style-2.divider-primary [class*=fa-],
html .divider.divider-style-2.divider-primary .icons {
    background: var(--primary);
    color: var(--white)
}

html .divider.divider-style-2.divider-secondary [class*=fa-],
html .divider.divider-style-2.divider-secondary .icons {
    background: var(--secondary);
    color: var(--white)
}

html .divider.divider-style-2.divider-tertiary [class*=fa-],
html .divider.divider-style-2.divider-tertiary .icons {
    background: var(--tertiary);
    color: var(--white)
}

html .divider.divider-style-2.divider-quaternary [class*=fa-],
html .divider.divider-style-2.divider-quaternary .icons {
    background: var(--quaternary);
    color: var(--white)
}

html .divider.divider-style-2.divider-dark [class*=fa-],
html .divider.divider-style-2.divider-dark .icons {
    background: var(--dark);
    color: var(--white)
}

html .divider.divider-style-2.divider-light [class*=fa-],
html .divider.divider-style-2.divider-light .icons {
    background: var(--white);
    color: var(--gray-500)
}

html .divider.divider-style-3.divider-primary [class*=fa-],
html .divider.divider-style-3.divider-primary .icons {
    border-color: var(--primary)
}

html .divider.divider-style-3.divider-secondary [class*=fa-],
html .divider.divider-style-3.divider-secondary .icons {
    border-color: var(--secondary)
}

html .divider.divider-style-3.divider-tertiary [class*=fa-],
html .divider.divider-style-3.divider-tertiary .icons {
    border-color: var(--tertiary)
}

html .divider.divider-style-3.divider-quaternary [class*=fa-],
html .divider.divider-style-3.divider-quaternary .icons {
    border-color: var(--quaternary)
}

html .divider.divider-style-3.divider-dark [class*=fa-],
html .divider.divider-style-3.divider-dark .icons {
    border-color: var(--dark)
}

html .divider.divider-style-3.divider-light [class*=fa-],
html .divider.divider-style-3.divider-light .icons {
    border-color: var(--white)
}

#header .tip {
    background: var(--primary);
    color: var(--white)
}

#header .tip:before {
    border-right-color: var(--primary);
    border-left-color: transparent
}

html #header .tip-primary {
    background: var(--primary) !important;
    color: var(--white) !important
}

html #header .tip-primary:before {
    border-right-color: var(--primary) !important
}

html #header .tip-secondary {
    background: var(--secondary) !important;
    color: var(--white) !important
}

html #header .tip-secondary:before {
    border-right-color: var(--secondary) !important
}

html #header .tip-tertiary {
    background: var(--tertiary) !important;
    color: var(--white) !important
}

html #header .tip-tertiary:before {
    border-right-color: var(--tertiary) !important
}

html #header .tip-quaternary {
    background: var(--quaternary) !important;
    color: var(--white) !important
}

html #header .tip-quaternary:before {
    border-right-color: var(--quaternary) !important
}

html #header .tip-dark {
    background: var(--dark) !important;
    color: var(--white) !important
}

html #header .tip-dark:before {
    border-right-color: var(--dark) !important
}

html #header .tip-light {
    background: var(--white) !important;
    color: var(--gray-500) !important
}

html #header .tip-light:before {
    border-right-color: var(--white) !important
}

html[dir=rtl] #header .tip:before {
    border-left-color: var(--primary)
}

html[dir=rtl] #header .tip.skin:before {
    border-left-color: var(--primary)
}

html[dir=rtl] #header .tip-primary:before {
    border-left-color: var(--primary) !important;
    border-right-color: transparent !important
}

html[dir=rtl] #header .tip-secondary:before {
    border-left-color: var(--secondary) !important;
    border-right-color: transparent !important
}

html[dir=rtl] #header .tip-tertiary:before {
    border-left-color: var(--tertiary) !important;
    border-right-color: transparent !important
}

html[dir=rtl] #header .tip-quaternary:before {
    border-left-color: var(--quaternary) !important;
    border-right-color: transparent !important
}

html[dir=rtl] #header .tip-dark:before {
    border-left-color: var(--dark) !important;
    border-right-color: transparent !important
}

html[dir=rtl] #header .tip-light:before {
    border-left-color: var(--white) !important;
    border-right-color: transparent !important
}

#header .header-btn-collapse-nav {
    background: var(--primary)
}

@media(min-width:992px) {
    #header .header-nav-main nav>ul>li>a {
        color: var(--primary)
    }

    #header .header-nav-main nav>ul>li.open>a,
    #header .header-nav-main nav>ul>li:hover>a {
        background: var(--primary)
    }

    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
        border-top-color: var(--primary)
    }

    #header .header-nav-main nav>ul>li.dropdown.open>a:before,
    #header .header-nav-main nav>ul>li.dropdown:hover>a:before {
        border-bottom-color: var(--primary)
    }

    #header .header-nav-main nav>ul>li.dropdown-mega-signin .dropdown-menu {
        border-top-color: var(--primary)
    }

    #header .header-nav-main nav>ul>li.dropdown-mega-signin .dropdown-menu li a {
        color: var(--primary)
    }

    #header .header-nav-main nav>ul:not(:hover)>li>a.active {
        background-color: var(--primary);
        color: var(--white)
    }

    #header .header-nav.header-nav-stripe nav>ul>li:hover>a,
    #header .header-nav.header-nav-stripe nav>ul>li.open>a {
        background-color: var(--primary)
    }

    #header .header-nav.header-nav-stripe nav>ul:not(:hover)>li>a.active {
        background-color: var(--primary)
    }

    #header .header-nav.header-nav-stripe nav>ul:hover>li>a.active {
        color: var(--primary)
    }

    #header .header-nav.header-nav-links nav>ul li:hover>a {
        color: var(--primary)
    }

    #header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active {
        color: var(--primary)
    }

    #header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
        background: var(--primary) !important
    }

    #header .header-nav.header-nav-line nav>ul li:hover>a {
        color: var(--primary)
    }

    #header .header-nav.header-nav-line nav>ul li:hover>a:before {
        background: var(--primary)
    }

    #header .header-nav.header-nav-line nav>ul:not(:hover) li>a.active {
        color: var(--primary)
    }

    #header .header-nav.header-nav-line nav>ul:not(:hover) li>a.active:before {
        background: var(--primary)
    }

    #header .header-nav-main.header-nav-main-slide nav>ul>li.open>span>a,
    #header .header-nav-main.header-nav-main-slide nav>ul>li:hover>span>a {
        color: var(--primary)
    }

    #header .header-nav-main.header-nav-main-slide nav>ul:not(:hover)>li>span>a.active {
        color: var(--primary)
    }

    html.side-header #header.side-header .header-nav-main nav>ul li.dropdown.open>.dropdown-menu,
    html.side-header #header.side-header .header-nav-main nav>ul li.dropdown:hover>.dropdown-menu {
        border-left-color: var(--primary)
    }

    html.side-header-right #header.side-header .header-nav-main nav>ul li.dropdown.open>.dropdown-menu,
    html.side-header-right #header.side-header .header-nav-main nav>ul li.dropdown:hover>.dropdown-menu {
        border-right-color: var(--primary)
    }
}

@media(min-width:992px) {
    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary .dropdown-menu {
        background-color: var(--primary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
        color: var(--white);
        border-bottom-color: var(--primary-d0b)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover>a {
        background: var(--primary-l1)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary.open>a:before,
    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary:hover>a:before {
        border-bottom-color: var(--primary);
        background: var(--primary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-primary .dropdown-mega-sub-title {
        color: var(--white);
        opacity: .7
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary:hover>a {
        background: var(--primary);
        color: var(--white)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
        color: var(--white)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-primary>a.active {
        background: var(--primary);
        color: var(--white)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary a:focus,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary a:hover {
        color: var(--primary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary a:focus:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary a:hover:before {
        background-color: var(--primary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary:hover>a {
        color: var(--primary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary.open>a:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary:hover>a:before {
        background: var(--primary)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-primary>a.active {
        color: var(--primary)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-primary>a.active:before {
        background-color: var(--primary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary a {
        color: var(--primary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary a:focus,
    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary a:hover {
        color: var(--primary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary:hover>a {
        color: var(--primary)
    }

    html #header .header-nav-links .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-primary>a.active {
        color: var(--primary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary .dropdown-menu {
        background-color: var(--secondary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
        color: var(--white);
        border-bottom-color: var(--secondary-d0c)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary .dropdown-menu li:hover>a {
        background: var(--secondary-l1)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary.open>a:before,
    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary:hover>a:before {
        border-bottom-color: var(--secondary);
        background: var(--secondary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-secondary .dropdown-mega-sub-title {
        color: var(--white);
        opacity: .7
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary:hover>a {
        background: var(--secondary);
        color: var(--white)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
        color: var(--white)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-secondary>a.active {
        background: var(--secondary);
        color: var(--white)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:focus,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:hover {
        color: var(--secondary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:focus:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:hover:before {
        background-color: var(--secondary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary:hover>a {
        color: var(--secondary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary.open>a:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary:hover>a:before {
        background: var(--secondary)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-secondary>a.active {
        color: var(--secondary)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-secondary>a.active:before {
        background-color: var(--secondary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a {
        color: var(--secondary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:focus,
    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:hover {
        color: var(--secondary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary:hover>a {
        color: var(--secondary)
    }

    html #header .header-nav-links .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-secondary>a.active {
        color: var(--secondary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary .dropdown-menu {
        background-color: var(--tertiary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a {
        color: var(--white);
        border-bottom-color: var(--tertiary-d0c)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:hover>a {
        background: var(--tertiary-l1)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary.open>a:before,
    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary:hover>a:before {
        border-bottom-color: var(--tertiary);
        background: var(--tertiary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-tertiary .dropdown-mega-sub-title {
        color: var(--white);
        opacity: .7
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary:hover>a {
        background: var(--tertiary);
        color: var(--white)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a {
        color: var(--white)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-tertiary>a.active {
        background: var(--tertiary);
        color: var(--white)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary a:focus,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary a:hover {
        color: var(--tertiary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary a:focus:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary a:hover:before {
        background-color: var(--tertiary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary:hover>a {
        color: var(--tertiary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary.open>a:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary:hover>a:before {
        background: var(--tertiary)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-tertiary>a.active {
        color: var(--tertiary)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-tertiary>a.active:before {
        background-color: var(--tertiary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary a {
        color: var(--tertiary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary a:focus,
    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary a:hover {
        color: var(--tertiary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary:hover>a {
        color: var(--tertiary)
    }

    html #header .header-nav-links .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-tertiary>a.active {
        color: var(--tertiary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary .dropdown-menu {
        background-color: var(--quaternary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a {
        color: var(--white);
        border-bottom-color: var(--quaternary-d0d2)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:hover>a {
        background: var(--quaternary-l1b)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary.open>a:before,
    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary:hover>a:before {
        border-bottom-color: var(--quaternary);
        background: var(--quaternary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-quaternary .dropdown-mega-sub-title {
        color: var(--white);
        opacity: .7
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary:hover>a {
        background: var(--quaternary);
        color: var(--white)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a {
        color: var(--white)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-quaternary>a.active {
        background: var(--quaternary);
        color: var(--white)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary a:focus,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary a:hover {
        color: var(--quaternary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary a:focus:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary a:hover:before {
        background-color: var(--quaternary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary:hover>a {
        color: var(--quaternary)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary.open>a:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary:hover>a:before {
        background: var(--quaternary)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-quaternary>a.active {
        color: var(--quaternary)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-quaternary>a.active:before {
        background-color: var(--quaternary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary a {
        color: var(--quaternary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary a:focus,
    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary a:hover {
        color: var(--quaternary)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary:hover>a {
        color: var(--quaternary)
    }

    html #header .header-nav-links .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-quaternary>a.active {
        color: var(--quaternary)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark .dropdown-menu {
        background-color: var(--dark)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark .dropdown-menu li a {
        color: var(--white);
        border-bottom-color: var(--quaternary-d3)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark .dropdown-menu li:hover>a {
        background: var(--quaternary-d0)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark.open>a:before,
    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark:hover>a:before {
        border-bottom-color: var(--dark);
        background: var(--dark)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-dark .dropdown-mega-sub-title {
        color: var(--white);
        opacity: .7
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark:hover>a {
        background: var(--dark);
        color: var(--white)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark .dropdown-menu li a {
        color: var(--white)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-dark>a.active {
        background: var(--dark);
        color: var(--white)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark a:focus,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark a:hover {
        color: var(--dark)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark a:focus:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark a:hover:before {
        background-color: var(--dark)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark:hover>a {
        color: var(--dark)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark.open>a:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark:hover>a:before {
        background: var(--dark)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-dark>a.active {
        color: var(--dark)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-dark>a.active:before {
        background-color: var(--dark)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark a {
        color: var(--dark)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark a:focus,
    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark a:hover {
        color: var(--dark)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark:hover>a {
        color: var(--dark)
    }

    html #header .header-nav-links .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-dark>a.active {
        color: var(--dark)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light .dropdown-menu {
        background-color: var(--white)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light .dropdown-menu li a {
        color: var(--gray-500);
        border-bottom-color: var(--gray-50)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light .dropdown-menu li:hover>a {
        background: var(--white)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light.open>a:before,
    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light:hover>a:before {
        border-bottom-color: var(--white);
        background: var(--white)
    }

    html #header .header-nav .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-light .dropdown-mega-sub-title {
        color: var(--gray-500);
        opacity: .7
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light:hover>a {
        background: var(--white);
        color: var(--gray-500)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light .dropdown-menu li a {
        color: var(--gray-500)
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-light>a.active {
        background: var(--white);
        color: var(--gray-500)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light a:focus,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light a:hover {
        color: var(--white)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light a:focus:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light a:hover:before {
        background-color: var(--white)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light:hover>a {
        color: var(--white)
    }

    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light.open>a:before,
    html #header .header-nav-line .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light:hover>a:before {
        background: var(--white)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-light>a.active {
        color: var(--white)
    }

    html #header .header-nav-line .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-light>a.active:before {
        background-color: var(--white)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light a {
        color: var(--white)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light a:focus,
    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light a:hover {
        color: var(--white)
    }

    html #header .header-nav-links .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light:hover>a {
        color: var(--white)
    }

    html #header .header-nav-links .header-nav-main nav>ul:not(:hover)>li.dropdown-full-color.dropdown-light>a.active {
        color: var(--white)
    }
}

@media(min-width:992px) {

    html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav>ul>li:hover>a,
    html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav>ul>li .wrapper-items-cloned:hover>a {
        color: var(--primary) !important
    }

    html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav>ul:not(:hover)>li>a.active,
    html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav>ul:not(:hover)>li .wrapper-items-cloned>a.active {
        color: var(--primary) !important
    }
}

@media(max-width:991px) {
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a {
        color: var(--primary)
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a:active {
        color: var(--primary)
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active {
        background: var(--primary)
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active:focus,
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active:hover {
        background: var(--primary)
    }

    #header .header-nav-main.header-nav-main-mobile-dark nav>ul>li>a.active {
        background: var(--primary)
    }

    #header .header-nav-main.header-nav-main-mobile-dark nav>ul>li>a.active:focus,
    #header .header-nav-main.header-nav-main-mobile-dark nav>ul>li>a.active:hover {
        background: var(--primary)
    }

    html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav>ul>li>a.active {
        color: var(--primary) !important
    }

    html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav::-webkit-scrollbar-thumb {
        background-color: var(--primary)
    }

    html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav>ul>li>a.active {
        color: var(--primary) !important
    }

    html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav>ul>li:hover>a {
        color: var(--primary) !important
    }
}

@media(max-width:991px) {
    html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary>a {
        color: var(--primary)
    }

    html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary>a.active {
        background: var(--primary) !important;
        color: var(--white) !important
    }

    html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary>a {
        color: var(--secondary)
    }

    html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary>a.active {
        background: var(--secondary) !important;
        color: var(--white) !important
    }

    html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary>a {
        color: var(--tertiary)
    }

    html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary>a.active {
        background: var(--tertiary) !important;
        color: var(--white) !important
    }

    html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary>a {
        color: var(--quaternary)
    }

    html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary>a.active {
        background: var(--quaternary) !important;
        color: var(--white) !important
    }
}

html #header .header-top.header-top-primary {
    background: var(--primary);
    border-top-color: var(--primary-d1)
}

html #header .header-top.header-top-primary .header-nav-top ul>li.open>a {
    background: var(--primary-l2)
}

html #header .header-top.header-top-primary .header-nav-top ul>li>a:hover,
html #header .header-top.header-top-primary .header-nav-top ul>li.open>a:hover,
html #header .header-top.header-top-primary .header-nav-top ul>li>a:focus,
html #header .header-top.header-top-primary .header-nav-top ul>li.open>a:focus {
    background: var(--primary-l2)
}

html #header .header-top.header-top-primary .dropdown-menu {
    background: var(--primary-l2);
    border-color: var(--primary-l2)
}

html #header .header-top.header-top-primary .dropdown-menu a:hover,
html #header .header-top.header-top-primary .dropdown-menu a:focus {
    background: var(--primary-l4) !important
}

html #header .header-top.header-top-secondary {
    background: var(--secondary);
    border-top-color: var(--secondary-d0b)
}

html #header .header-top.header-top-secondary .header-nav-top ul>li.open>a {
    background: var(--secondary-l2)
}

html #header .header-top.header-top-secondary .header-nav-top ul>li>a:hover,
html #header .header-top.header-top-secondary .header-nav-top ul>li.open>a:hover,
html #header .header-top.header-top-secondary .header-nav-top ul>li>a:focus,
html #header .header-top.header-top-secondary .header-nav-top ul>li.open>a:focus {
    background: var(--secondary-l2)
}

html #header .header-top.header-top-secondary .dropdown-menu {
    background: var(--secondary-l2);
    border-color: var(--secondary-l2)
}

html #header .header-top.header-top-secondary .dropdown-menu a:hover,
html #header .header-top.header-top-secondary .dropdown-menu a:focus {
    background: var(--secondary-l4) !important
}

html #header .header-top.header-top-tertiary {
    background: var(--tertiary);
    border-top-color: var(--tertiary-d0b)
}

html #header .header-top.header-top-tertiary .header-nav-top ul>li.open>a {
    background: var(--tertiary-l2)
}

html #header .header-top.header-top-tertiary .header-nav-top ul>li>a:hover,
html #header .header-top.header-top-tertiary .header-nav-top ul>li.open>a:hover,
html #header .header-top.header-top-tertiary .header-nav-top ul>li>a:focus,
html #header .header-top.header-top-tertiary .header-nav-top ul>li.open>a:focus {
    background: var(--tertiary-l2)
}

html #header .header-top.header-top-tertiary .dropdown-menu {
    background: var(--tertiary-l2);
    border-color: var(--tertiary-l2)
}

html #header .header-top.header-top-tertiary .dropdown-menu a:hover,
html #header .header-top.header-top-tertiary .dropdown-menu a:focus {
    background: var(--tertiary-l4) !important
}

html #header .header-top.header-top-quaternary {
    background: var(--quaternary);
    border-top-color: var(--quaternary-d0c)
}

html #header .header-top.header-top-quaternary .header-nav-top ul>li.open>a {
    background: var(--quaternary-l2)
}

html #header .header-top.header-top-quaternary .header-nav-top ul>li>a:hover,
html #header .header-top.header-top-quaternary .header-nav-top ul>li.open>a:hover,
html #header .header-top.header-top-quaternary .header-nav-top ul>li>a:focus,
html #header .header-top.header-top-quaternary .header-nav-top ul>li.open>a:focus {
    background: var(--quaternary-l2)
}

html #header .header-top.header-top-quaternary .dropdown-menu {
    background: var(--quaternary-l2);
    border-color: var(--quaternary-l2)
}

html #header .header-top.header-top-quaternary .dropdown-menu a:hover,
html #header .header-top.header-top-quaternary .dropdown-menu a:focus {
    background: var(--quaternary-l4) !important
}

html #header .header-top.header-top-dark {
    background: var(--dark);
    border-top-color: var(--quaternary-d5b)
}

html #header .header-top.header-top-dark .header-nav-top ul>li.open>a {
    background: var(--quaternary-d0b)
}

html #header .header-top.header-top-dark .header-nav-top ul>li>a:hover,
html #header .header-top.header-top-dark .header-nav-top ul>li.open>a:hover,
html #header .header-top.header-top-dark .header-nav-top ul>li>a:focus,
html #header .header-top.header-top-dark .header-nav-top ul>li.open>a:focus {
    background: var(--quaternary-d0b)
}

html #header .header-top.header-top-dark .dropdown-menu {
    background: var(--quaternary-d0b);
    border-color: var(--quaternary-d0b)
}

html #header .header-top.header-top-dark .dropdown-menu a:hover,
html #header .header-top.header-top-dark .dropdown-menu a:focus {
    background: var(--quaternary-alt) !important
}

html #header .header-top.header-top-light {
    background: var(--white);
    border-top-color: var(--gray-75)
}

html #header .header-top.header-top-light .header-nav-top ul>li.open>a {
    background: var(--white)
}

html #header .header-top.header-top-light .header-nav-top ul>li>a:hover,
html #header .header-top.header-top-light .header-nav-top ul>li.open>a:hover,
html #header .header-top.header-top-light .header-nav-top ul>li>a:focus,
html #header .header-top.header-top-light .header-nav-top ul>li.open>a:focus {
    background: var(--white)
}

html #header .header-top.header-top-light .dropdown-menu {
    background: var(--white);
    border-color: var(--white)
}

html #header .header-top.header-top-light .dropdown-menu a:hover,
html #header .header-top.header-top-light .dropdown-menu a:focus {
    background: var(--white) !important
}

@media(min-width:992px) {
    html #header .header-nav-bar-primary {
        background: var(--primary) !important;
        color: var(--white) !important
    }

    html #header .header-nav-bar-secondary {
        background: var(--secondary) !important;
        color: var(--white) !important
    }

    html #header .header-nav-bar-tertiary {
        background: var(--tertiary) !important;
        color: var(--white) !important
    }

    html #header .header-nav-bar-quaternary {
        background: var(--quaternary) !important;
        color: var(--white) !important
    }

    html #header .header-nav-bar-dark {
        background: var(--dark) !important;
        color: var(--white) !important
    }

    html #header .header-nav-bar-light {
        background: var(--white) !important;
        color: var(--gray-500) !important
    }
}

@media(min-width:992px) {

    #header .header-nav-main.header-nav-main-light nav>ul>li.open>a,
    #header .header-nav-main.header-nav-main-light nav>ul>li:hover>a {
        color: var(--primary)
    }

    #header .header-nav-main.header-nav-main-light nav>ul>li>a.active {
        color: var(--primary)
    }
}

#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {
    border-bottom-color: var(--primary)
}

.testimonial blockquote {
    background: var(--primary-l2)
}

.testimonial .testimonial-arrow-down {
    border-top-color: var(--primary-l2)
}

html .testimonial-primary blockquote {
    background: var(--primary-l2)
}

html .testimonial-primary .testimonial-arrow-down {
    border-top-color: var(--primary-l2)
}

html .testimonial-primary.testimonial-style-7 {
    background: var(--primary-l2)
}

html .testimonial-quotes-primary blockquote:before,
html .testimonial-quotes-primary blockquote:after {
    color: var(--primary) !important
}

html .testimonial-secondary blockquote {
    background: var(--secondary-l2)
}

html .testimonial-secondary .testimonial-arrow-down {
    border-top-color: var(--secondary-l2)
}

html .testimonial-secondary.testimonial-style-7 {
    background: var(--secondary-l2)
}

html .testimonial-quotes-secondary blockquote:before,
html .testimonial-quotes-secondary blockquote:after {
    color: var(--primary) !important
}

html .testimonial-tertiary blockquote {
    background: var(--tertiary-l2)
}

html .testimonial-tertiary .testimonial-arrow-down {
    border-top-color: var(--tertiary-l2)
}

html .testimonial-tertiary.testimonial-style-7 {
    background: var(--tertiary-l2)
}

html .testimonial-quotes-tertiary blockquote:before,
html .testimonial-quotes-tertiary blockquote:after {
    color: var(--primary) !important
}

html .testimonial-quaternary blockquote {
    background: var(--quaternary-l2)
}

html .testimonial-quaternary .testimonial-arrow-down {
    border-top-color: var(--quaternary-l2)
}

html .testimonial-quaternary.testimonial-style-7 {
    background: var(--quaternary-l2)
}

html .testimonial-quotes-quaternary blockquote:before,
html .testimonial-quotes-quaternary blockquote:after {
    color: var(--primary) !important
}

html .testimonial-dark blockquote {
    background: var(--quaternary-d0b)
}

html .testimonial-dark .testimonial-arrow-down {
    border-top-color: var(--quaternary-d0b)
}

html .testimonial-dark.testimonial-style-7 {
    background: var(--quaternary-d0b)
}

html .testimonial-quotes-dark blockquote:before,
html .testimonial-quotes-dark blockquote:after {
    color: var(--primary) !important
}

html .testimonial-light blockquote {
    background: var(--white)
}

html .testimonial-light .testimonial-arrow-down {
    border-top-color: var(--white)
}

html .testimonial-light.testimonial-style-7 {
    background: var(--white)
}

html .testimonial-quotes-light blockquote:before,
html .testimonial-quotes-light blockquote:after {
    color: var(--primary) !important
}

.circular-bar.only-icon [class*=fa-],
.circular-bar.only-icon .icons {
    color: var(--primary)
}

.form-control.bg-primary,
.form-control.bg-color-primary {
    color: var(--white);
    border-color: var(--primary)
}

.form-control.bg-primary::-webkit-input-placeholder,
.form-control.bg-color-primary::-webkit-input-placeholder {
    color: var(--gray-110)
}

.form-control.bg-primary::-moz-placeholder,
.form-control.bg-color-primary::-moz-placeholder {
    color: var(--gray-110)
}

.form-control.bg-primary:-ms-input-placeholder,
.form-control.bg-color-primary:-ms-input-placeholder {
    color: var(--gray-110)
}

.form-control.bg-primary:-moz-placeholder,
.form-control.bg-color-primary:-moz-placeholder {
    color: var(--gray-110)
}

.form-control .testimonial-primary blockquote {
    background: var(--primary-l2)
}

.form-control .testimonial-primary .testimonial-arrow-down {
    border-top-color: var(--primary-l2)
}

.form-control .testimonial-primary.testimonial-style-7 {
    background: var(--primary-l2)
}

.form-control .testimonial-quotes-primary blockquote:before,
.form-control .testimonial-quotes-primary blockquote:after {
    color: var(--primary) !important
}

.form-control.bg-secondary,
.form-control.bg-color-secondary {
    color: var(--white);
    border-color: var(--secondary)
}

.form-control.bg-secondary::-webkit-input-placeholder,
.form-control.bg-color-secondary::-webkit-input-placeholder {
    color: var(--gray-110)
}

.form-control.bg-secondary::-moz-placeholder,
.form-control.bg-color-secondary::-moz-placeholder {
    color: var(--gray-110)
}

.form-control.bg-secondary:-ms-input-placeholder,
.form-control.bg-color-secondary:-ms-input-placeholder {
    color: var(--gray-110)
}

.form-control.bg-secondary:-moz-placeholder,
.form-control.bg-color-secondary:-moz-placeholder {
    color: var(--gray-110)
}

.form-control .testimonial-secondary blockquote {
    background: var(--secondary-l2)
}

.form-control .testimonial-secondary .testimonial-arrow-down {
    border-top-color: var(--secondary-l2)
}

.form-control .testimonial-secondary.testimonial-style-7 {
    background: var(--secondary-l2)
}

.form-control .testimonial-quotes-secondary blockquote:before,
.form-control .testimonial-quotes-secondary blockquote:after {
    color: var(--primary) !important
}

.form-control.bg-tertiary,
.form-control.bg-color-tertiary {
    color: var(--white);
    border-color: var(--tertiary)
}

.form-control.bg-tertiary::-webkit-input-placeholder,
.form-control.bg-color-tertiary::-webkit-input-placeholder {
    color: var(--gray-110)
}

.form-control.bg-tertiary::-moz-placeholder,
.form-control.bg-color-tertiary::-moz-placeholder {
    color: var(--gray-110)
}

.form-control.bg-tertiary:-ms-input-placeholder,
.form-control.bg-color-tertiary:-ms-input-placeholder {
    color: var(--gray-110)
}

.form-control.bg-tertiary:-moz-placeholder,
.form-control.bg-color-tertiary:-moz-placeholder {
    color: var(--gray-110)
}

.form-control .testimonial-tertiary blockquote {
    background: var(--tertiary-l2)
}

.form-control .testimonial-tertiary .testimonial-arrow-down {
    border-top-color: var(--tertiary-l2)
}

.form-control .testimonial-tertiary.testimonial-style-7 {
    background: var(--tertiary-l2)
}

.form-control .testimonial-quotes-tertiary blockquote:before,
.form-control .testimonial-quotes-tertiary blockquote:after {
    color: var(--primary) !important
}

.form-control.bg-quaternary,
.form-control.bg-color-quaternary {
    color: var(--white);
    border-color: var(--quaternary)
}

.form-control.bg-quaternary::-webkit-input-placeholder,
.form-control.bg-color-quaternary::-webkit-input-placeholder {
    color: var(--gray-110)
}

.form-control.bg-quaternary::-moz-placeholder,
.form-control.bg-color-quaternary::-moz-placeholder {
    color: var(--gray-110)
}

.form-control.bg-quaternary:-ms-input-placeholder,
.form-control.bg-color-quaternary:-ms-input-placeholder {
    color: var(--gray-110)
}

.form-control.bg-quaternary:-moz-placeholder,
.form-control.bg-color-quaternary:-moz-placeholder {
    color: var(--gray-110)
}

.form-control .testimonial-quaternary blockquote {
    background: var(--quaternary-l2)
}

.form-control .testimonial-quaternary .testimonial-arrow-down {
    border-top-color: var(--quaternary-l2)
}

.form-control .testimonial-quaternary.testimonial-style-7 {
    background: var(--quaternary-l2)
}

.form-control .testimonial-quotes-quaternary blockquote:before,
.form-control .testimonial-quotes-quaternary blockquote:after {
    color: var(--primary) !important
}

.form-control.bg-dark,
.form-control.bg-color-dark {
    color: var(--white);
    border-color: var(--dark)
}

.form-control.bg-dark::-webkit-input-placeholder,
.form-control.bg-color-dark::-webkit-input-placeholder {
    color: var(--gray-110)
}

.form-control.bg-dark::-moz-placeholder,
.form-control.bg-color-dark::-moz-placeholder {
    color: var(--gray-110)
}

.form-control.bg-dark:-ms-input-placeholder,
.form-control.bg-color-dark:-ms-input-placeholder {
    color: var(--gray-110)
}

.form-control.bg-dark:-moz-placeholder,
.form-control.bg-color-dark:-moz-placeholder {
    color: var(--gray-110)
}

.form-control .testimonial-dark blockquote {
    background: var(--quaternary-d0b)
}

.form-control .testimonial-dark .testimonial-arrow-down {
    border-top-color: var(--quaternary-d0b)
}

.form-control .testimonial-dark.testimonial-style-7 {
    background: var(--quaternary-d0b)
}

.form-control .testimonial-quotes-dark blockquote:before,
.form-control .testimonial-quotes-dark blockquote:after {
    color: var(--primary) !important
}

.form-control.bg-light,
.form-control.bg-color-light {
    color: var(--gray-500);
    border-color: var(--white)
}

.form-control.bg-light::-webkit-input-placeholder,
.form-control.bg-color-light::-webkit-input-placeholder {
    color: var(--gray-575)
}

.form-control.bg-light::-moz-placeholder,
.form-control.bg-color-light::-moz-placeholder {
    color: var(--gray-575)
}

.form-control.bg-light:-ms-input-placeholder,
.form-control.bg-color-light:-ms-input-placeholder {
    color: var(--gray-575)
}

.form-control.bg-light:-moz-placeholder,
.form-control.bg-color-light:-moz-placeholder {
    color: var(--gray-575)
}

.form-control .testimonial-light blockquote {
    background: var(--white)
}

.form-control .testimonial-light .testimonial-arrow-down {
    border-top-color: var(--white)
}

.form-control .testimonial-light.testimonial-style-7 {
    background: var(--white)
}

.form-control .testimonial-quotes-light blockquote:before,
.form-control .testimonial-quotes-light blockquote:after {
    color: var(--primary) !important
}

.form-range::-webkit-slider-thumb {
    background-color: var(--primary)
}

.form-range::-webkit-slider-thumb:active {
    background-color: rgba(var(--primary-rgb), .25)
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px var(--white), 0 0 0 .25rem rgba(var(--primary-rgb), .25)
}

.form-switch .form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary) !important
}

html .counters .counter-primary [class*=fa-],
html .counters .counter-primary .icons,
html .counters .counter-primary strong {
    color: var(--primary)
}

html .counters .counter-secondary [class*=fa-],
html .counters .counter-secondary .icons,
html .counters .counter-secondary strong {
    color: var(--secondary)
}

html .counters .counter-tertiary [class*=fa-],
html .counters .counter-tertiary .icons,
html .counters .counter-tertiary strong {
    color: var(--tertiary)
}

html .counters .counter-quaternary [class*=fa-],
html .counters .counter-quaternary .icons,
html .counters .counter-quaternary strong {
    color: var(--quaternary)
}

html .counters .counter-dark [class*=fa-],
html .counters .counter-dark .icons,
html .counters .counter-dark strong {
    color: var(--dark)
}

html .counters .counter-light [class*=fa-],
html .counters .counter-light .icons,
html .counters .counter-light strong {
    color: var(--white)
}

html .countdown.countdown-primary>span>span {
    color: var(--primary)
}

html .countdown.countdown-secondary>span>span {
    color: var(--secondary)
}

html .countdown.countdown-tertiary>span>span {
    color: var(--tertiary)
}

html .countdown.countdown-quaternary>span>span {
    color: var(--quaternary)
}

html .countdown.countdown-dark>span>span {
    color: var(--dark)
}

html .countdown.countdown-light>span>span {
    color: var(--white)
}

html .image-hotspot-primary strong {
    color: var(--white) !important
}

html .image-hotspot-primary .circle {
    background: var(--primary) !important
}

html .image-hotspot-primary .ring {
    border-color: rgba(var(--primary-rgb), .9)
}

html .image-hotspot-secondary strong {
    color: var(--white) !important
}

html .image-hotspot-secondary .circle {
    background: var(--secondary) !important
}

html .image-hotspot-secondary .ring {
    border-color: rgba(var(--secondary-rgb), .9)
}

html .image-hotspot-tertiary strong {
    color: var(--white) !important
}

html .image-hotspot-tertiary .circle {
    background: var(--tertiary) !important
}

html .image-hotspot-tertiary .ring {
    border-color: rgba(var(--tertiary-rgb), .9)
}

html .image-hotspot-quaternary strong {
    color: var(--white) !important
}

html .image-hotspot-quaternary .circle {
    background: var(--quaternary) !important
}

html .image-hotspot-quaternary .ring {
    border-color: rgba(var(--quaternary-rgb), .9)
}

html .image-hotspot-dark strong {
    color: var(--white) !important
}

html .image-hotspot-dark .circle {
    background: var(--dark) !important
}

html .image-hotspot-dark .ring {
    border-color: rgba(var(--dark-rgb), .9)
}

html .image-hotspot-light strong {
    color: var(--gray-500) !important
}

html .image-hotspot-light .circle {
    background: var(--white) !important
}

html .image-hotspot-light .ring {
    border-color: rgba(var(--white-rgb), .9)
}

.icon-featured {
    background-color: var(--primary)
}

html .featured-box-primary .icon-featured {
    background-color: var(--primary)
}

html .featured-box-primary h4 {
    color: var(--primary)
}

html .featured-box-primary .box-content {
    border-top-color: var(--primary)
}

html .featured-box-primary .box-content-border-bottom {
    border-bottom-color: var(--primary)
}

html .featured-box-secondary .icon-featured {
    background-color: var(--secondary)
}

html .featured-box-secondary h4 {
    color: var(--secondary)
}

html .featured-box-secondary .box-content {
    border-top-color: var(--secondary)
}

html .featured-box-secondary .box-content-border-bottom {
    border-bottom-color: var(--secondary)
}

html .featured-box-tertiary .icon-featured {
    background-color: var(--tertiary)
}

html .featured-box-tertiary h4 {
    color: var(--tertiary)
}

html .featured-box-tertiary .box-content {
    border-top-color: var(--tertiary)
}

html .featured-box-tertiary .box-content-border-bottom {
    border-bottom-color: var(--tertiary)
}

html .featured-box-quaternary .icon-featured {
    background-color: var(--quaternary)
}

html .featured-box-quaternary h4 {
    color: var(--quaternary)
}

html .featured-box-quaternary .box-content {
    border-top-color: var(--quaternary)
}

html .featured-box-quaternary .box-content-border-bottom {
    border-bottom-color: var(--quaternary)
}

html .featured-box-dark .icon-featured {
    background-color: var(--dark)
}

html .featured-box-dark h4 {
    color: var(--dark)
}

html .featured-box-dark .box-content {
    border-top-color: var(--dark)
}

html .featured-box-dark .box-content-border-bottom {
    border-bottom-color: var(--dark)
}

html .featured-box-light .icon-featured {
    background-color: var(--white)
}

html .featured-box-light h4 {
    color: var(--white)
}

html .featured-box-light .box-content {
    border-top-color: var(--white)
}

html .featured-box-light .box-content-border-bottom {
    border-bottom-color: var(--white)
}

html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured {
    border-color: var(--primary);
    color: var(--primary)
}

html .featured-boxes-style-3 .featured-box.featured-box-secondary .icon-featured {
    border-color: var(--secondary);
    color: var(--secondary)
}

html .featured-boxes-style-3 .featured-box.featured-box-tertiary .icon-featured {
    border-color: var(--tertiary);
    color: var(--tertiary)
}

html .featured-boxes-style-3 .featured-box.featured-box-quaternary .icon-featured {
    border-color: var(--quaternary);
    color: var(--quaternary)
}

html .featured-boxes-style-3 .featured-box.featured-box-dark .icon-featured {
    border-color: var(--dark);
    color: var(--dark)
}

html .featured-boxes-style-3 .featured-box.featured-box-light .icon-featured {
    border-color: var(--white);
    color: var(--white)
}

html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured {
    border-color: var(--primary);
    color: var(--primary)
}

html .featured-boxes-style-4 .featured-box.featured-box-secondary .icon-featured {
    border-color: var(--secondary);
    color: var(--secondary)
}

html .featured-boxes-style-4 .featured-box.featured-box-tertiary .icon-featured {
    border-color: var(--tertiary);
    color: var(--tertiary)
}

html .featured-boxes-style-4 .featured-box.featured-box-quaternary .icon-featured {
    border-color: var(--quaternary);
    color: var(--quaternary)
}

html .featured-boxes-style-4 .featured-box.featured-box-dark .icon-featured {
    border-color: var(--dark);
    color: var(--dark)
}

html .featured-boxes-style-4 .featured-box.featured-box-light .icon-featured {
    border-color: var(--white);
    color: var(--white)
}

html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured {
    color: var(--primary)
}

html .featured-boxes-style-5 .featured-box.featured-box-secondary .icon-featured {
    color: var(--secondary)
}

html .featured-boxes-style-5 .featured-box.featured-box-tertiary .icon-featured {
    color: var(--tertiary)
}

html .featured-boxes-style-5 .featured-box.featured-box-quaternary .icon-featured {
    color: var(--quaternary)
}

html .featured-boxes-style-5 .featured-box.featured-box-dark .icon-featured {
    color: var(--dark)
}

html .featured-boxes-style-5 .featured-box.featured-box-light .icon-featured {
    color: var(--white)
}

html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured {
    color: var(--primary)
}

html .featured-boxes-style-6 .featured-box.featured-box-secondary .icon-featured {
    color: var(--secondary)
}

html .featured-boxes-style-6 .featured-box.featured-box-tertiary .icon-featured {
    color: var(--tertiary)
}

html .featured-boxes-style-6 .featured-box.featured-box-quaternary .icon-featured {
    color: var(--quaternary)
}

html .featured-boxes-style-6 .featured-box.featured-box-dark .icon-featured {
    color: var(--dark)
}

html .featured-boxes-style-6 .featured-box.featured-box-light .icon-featured {
    color: var(--white)
}

html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured {
    color: var(--primary)
}

html .featured-boxes-style-8 .featured-box.featured-box-secondary .icon-featured {
    color: var(--secondary)
}

html .featured-boxes-style-8 .featured-box.featured-box-tertiary .icon-featured {
    color: var(--tertiary)
}

html .featured-boxes-style-8 .featured-box.featured-box-quaternary .icon-featured {
    color: var(--quaternary)
}

html .featured-boxes-style-8 .featured-box.featured-box-dark .icon-featured {
    color: var(--dark)
}

html .featured-boxes-style-8 .featured-box.featured-box-light .icon-featured {
    color: var(--white)
}

.featured-boxes-modern-style-primary .featured-box {
    background: var(--primary);
    background: linear-gradient(135deg, var(--primary) 0%, var(--quaternary) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--primary)', endColorstr='var(--quaternary)', GradientType=1)
}

.featured-boxes-modern-style-secondary .featured-box {
    background: var(--secondary);
    background: linear-gradient(135deg, var(--secondary) 0%, var(--quaternary) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--secondary)', endColorstr='var(--quaternary)', GradientType=1)
}

.featured-boxes-modern-style-tertiary .featured-box {
    background: var(--tertiary);
    background: linear-gradient(135deg, var(--tertiary) 0%, var(--quaternary) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--tertiary)', endColorstr='var(--quaternary)', GradientType=1)
}

html .featured-box-effect-2.featured-box-primary .icon-featured:after {
    box-shadow: 0 0 0 3px var(--primary)
}

html .featured-box-effect-2.featured-box-secondary .icon-featured:after {
    box-shadow: 0 0 0 3px var(--secondary)
}

html .featured-box-effect-2.featured-box-tertiary .icon-featured:after {
    box-shadow: 0 0 0 3px var(--tertiary)
}

html .featured-box-effect-2.featured-box-quaternary .icon-featured:after {
    box-shadow: 0 0 0 3px var(--quaternary)
}

html .featured-box-effect-2.featured-box-dark .icon-featured:after {
    box-shadow: 0 0 0 3px var(--dark)
}

html .featured-box-effect-2.featured-box-light .icon-featured:after {
    box-shadow: 0 0 0 3px var(--white)
}

html .featured-box-effect-3.featured-box-primary .icon-featured:after {
    box-shadow: 0 0 0 10px var(--primary)
}

html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
    background: var(--primary) !important
}

html .featured-box-effect-3.featured-box-secondary .icon-featured:after {
    box-shadow: 0 0 0 10px var(--secondary)
}

html .featured-box-effect-3.featured-box-secondary:hover .icon-featured {
    background: var(--secondary) !important
}

html .featured-box-effect-3.featured-box-tertiary .icon-featured:after {
    box-shadow: 0 0 0 10px var(--tertiary)
}

html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured {
    background: var(--tertiary) !important
}

html .featured-box-effect-3.featured-box-quaternary .icon-featured:after {
    box-shadow: 0 0 0 10px var(--quaternary)
}

html .featured-box-effect-3.featured-box-quaternary:hover .icon-featured {
    background: var(--quaternary) !important
}

html .featured-box-effect-3.featured-box-dark .icon-featured:after {
    box-shadow: 0 0 0 10px var(--dark)
}

html .featured-box-effect-3.featured-box-dark:hover .icon-featured {
    background: var(--dark) !important
}

html .featured-box-effect-3.featured-box-light .icon-featured:after {
    box-shadow: 0 0 0 10px var(--white)
}

html .featured-box-effect-3.featured-box-light:hover .icon-featured {
    background: var(--white) !important
}

.feature-box .feature-box-icon {
    background-color: var(--primary)
}

html .feature-box-primary .feature-box-icon {
    background-color: var(--primary)
}

html .feature-box-secondary .feature-box-icon {
    background-color: var(--secondary)
}

html .feature-box-tertiary .feature-box-icon {
    background-color: var(--tertiary)
}

html .feature-box-quaternary .feature-box-icon {
    background-color: var(--quaternary)
}

html .feature-box-dark .feature-box-icon {
    background-color: var(--dark)
}

html .feature-box-light .feature-box-icon {
    background-color: var(--white)
}

.feature-box.feature-box-style-2 .feature-box-icon [class*=fa-],
.feature-box.feature-box-style-2 .feature-box-icon .icons {
    color: var(--primary)
}

html .feature-box-primary.feature-box-style-2 .feature-box-icon [class*=fa-],
html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons {
    color: var(--primary)
}

html .feature-box-secondary.feature-box-style-2 .feature-box-icon [class*=fa-],
html .feature-box-secondary.feature-box-style-2 .feature-box-icon .icons {
    color: var(--secondary)
}

html .feature-box-tertiary.feature-box-style-2 .feature-box-icon [class*=fa-],
html .feature-box-tertiary.feature-box-style-2 .feature-box-icon .icons {
    color: var(--tertiary)
}

html .feature-box-quaternary.feature-box-style-2 .feature-box-icon [class*=fa-],
html .feature-box-quaternary.feature-box-style-2 .feature-box-icon .icons {
    color: var(--quaternary)
}

html .feature-box-dark.feature-box-style-2 .feature-box-icon [class*=fa-],
html .feature-box-dark.feature-box-style-2 .feature-box-icon .icons {
    color: var(--dark)
}

html .feature-box-light.feature-box-style-2 .feature-box-icon [class*=fa-],
html .feature-box-light.feature-box-style-2 .feature-box-icon .icons {
    color: var(--white)
}

.feature-box.feature-box-style-3 .feature-box-icon {
    border-color: var(--primary)
}

.feature-box.feature-box-style-3 .feature-box-icon [class*=fa-],
.feature-box.feature-box-style-3 .feature-box-icon .icons {
    color: var(--primary)
}

html .feature-box-primary.feature-box-style-3 .feature-box-icon {
    border-color: var(--primary)
}

html .feature-box-primary.feature-box-style-3 .feature-box-icon [class*=fa-],
html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons {
    color: var(--primary)
}

html .feature-box-secondary.feature-box-style-3 .feature-box-icon {
    border-color: var(--secondary)
}

html .feature-box-secondary.feature-box-style-3 .feature-box-icon [class*=fa-],
html .feature-box-secondary.feature-box-style-3 .feature-box-icon .icons {
    color: var(--secondary)
}

html .feature-box-tertiary.feature-box-style-3 .feature-box-icon {
    border-color: var(--tertiary)
}

html .feature-box-tertiary.feature-box-style-3 .feature-box-icon [class*=fa-],
html .feature-box-tertiary.feature-box-style-3 .feature-box-icon .icons {
    color: var(--tertiary)
}

html .feature-box-quaternary.feature-box-style-3 .feature-box-icon {
    border-color: var(--quaternary)
}

html .feature-box-quaternary.feature-box-style-3 .feature-box-icon [class*=fa-],
html .feature-box-quaternary.feature-box-style-3 .feature-box-icon .icons {
    color: var(--quaternary)
}

html .feature-box-dark.feature-box-style-3 .feature-box-icon {
    border-color: var(--dark)
}

html .feature-box-dark.feature-box-style-3 .feature-box-icon [class*=fa-],
html .feature-box-dark.feature-box-style-3 .feature-box-icon .icons {
    color: var(--dark)
}

html .feature-box-light.feature-box-style-3 .feature-box-icon {
    border-color: var(--white)
}

html .feature-box-light.feature-box-style-3 .feature-box-icon [class*=fa-],
html .feature-box-light.feature-box-style-3 .feature-box-icon .icons {
    color: var(--white)
}

.feature-box.feature-box-style-4 .feature-box-icon [class*=fa-],
.feature-box.feature-box-style-4 .feature-box-icon .icons {
    color: var(--primary)
}

html .feature-box-primary.feature-box-style-4 .feature-box-icon [class*=fa-],
html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons {
    color: var(--primary)
}

html .feature-box-secondary.feature-box-style-4 .feature-box-icon [class*=fa-],
html .feature-box-secondary.feature-box-style-4 .feature-box-icon .icons {
    color: var(--secondary)
}

html .feature-box-tertiary.feature-box-style-4 .feature-box-icon [class*=fa-],
html .feature-box-tertiary.feature-box-style-4 .feature-box-icon .icons {
    color: var(--tertiary)
}

html .feature-box-quaternary.feature-box-style-4 .feature-box-icon [class*=fa-],
html .feature-box-quaternary.feature-box-style-4 .feature-box-icon .icons {
    color: var(--quaternary)
}

html .feature-box-dark.feature-box-style-4 .feature-box-icon [class*=fa-],
html .feature-box-dark.feature-box-style-4 .feature-box-icon .icons {
    color: var(--dark)
}

html .feature-box-light.feature-box-style-4 .feature-box-icon [class*=fa-],
html .feature-box-light.feature-box-style-4 .feature-box-icon .icons {
    color: var(--white)
}

.feature-box.feature-box-style-5 .feature-box-icon [class*=fa-],
.feature-box.feature-box-style-5 .feature-box-icon .icons {
    color: var(--primary)
}

html .feature-box-primary.feature-box-style-5 .feature-box-icon [class*=fa-],
html .feature-box-primary.feature-box-style-5 .feature-box-icon .icons {
    color: var(--primary)
}

html .feature-box-secondary.feature-box-style-5 .feature-box-icon [class*=fa-],
html .feature-box-secondary.feature-box-style-5 .feature-box-icon .icons {
    color: var(--secondary)
}

html .feature-box-tertiary.feature-box-style-5 .feature-box-icon [class*=fa-],
html .feature-box-tertiary.feature-box-style-5 .feature-box-icon .icons {
    color: var(--tertiary)
}

html .feature-box-quaternary.feature-box-style-5 .feature-box-icon [class*=fa-],
html .feature-box-quaternary.feature-box-style-5 .feature-box-icon .icons {
    color: var(--quaternary)
}

html .feature-box-dark.feature-box-style-5 .feature-box-icon [class*=fa-],
html .feature-box-dark.feature-box-style-5 .feature-box-icon .icons {
    color: var(--dark)
}

html .feature-box-light.feature-box-style-5 .feature-box-icon [class*=fa-],
html .feature-box-light.feature-box-style-5 .feature-box-icon .icons {
    color: var(--white)
}

html .feature-box-primary.feature-box-style-6 .feature-box-icon [class*=fa-],
html .feature-box-primary.feature-box-style-6 .feature-box-icon .icons {
    color: var(--primary)
}

html .feature-box-secondary.feature-box-style-6 .feature-box-icon [class*=fa-],
html .feature-box-secondary.feature-box-style-6 .feature-box-icon .icons {
    color: var(--secondary)
}

html .feature-box-tertiary.feature-box-style-6 .feature-box-icon [class*=fa-],
html .feature-box-tertiary.feature-box-style-6 .feature-box-icon .icons {
    color: var(--tertiary)
}

html .feature-box-quaternary.feature-box-style-6 .feature-box-icon [class*=fa-],
html .feature-box-quaternary.feature-box-style-6 .feature-box-icon .icons {
    color: var(--quaternary)
}

html .feature-box-dark.feature-box-style-6 .feature-box-icon [class*=fa-],
html .feature-box-dark.feature-box-style-6 .feature-box-icon .icons {
    color: var(--dark)
}

html .feature-box-light.feature-box-style-6 .feature-box-icon [class*=fa-],
html .feature-box-light.feature-box-style-6 .feature-box-icon .icons {
    color: var(--white)
}

html .featured-boxes-full-scale>.featured-box-full-primary:nth-child(1) {
    background-color: var(--primary-d3)
}

html .featured-boxes-full-scale>.featured-box-full-primary:nth-child(2) {
    background-color: var(--primary-d1)
}

html .featured-boxes-full-scale>.featured-box-full-primary:nth-child(3) {
    background-color: var(--primary)
}

html .featured-boxes-full-scale>.featured-box-full-primary:nth-child(4) {
    background-color: var(--primary-l2)
}

html .featured-boxes-full-scale>.featured-box-full-primary:nth-child(5) {
    background-color: var(--primary-l4)
}

html .featured-boxes-full-scale>.featured-box-full-primary:nth-child(6) {
    background-color: var(--primary-l5)
}

html .featured-boxes-full .featured-box-full-primary {
    background-color: var(--primary);
    color: var(--white)
}

html .featured-boxes-full .featured-box-full-secondary {
    background-color: var(--secondary);
    color: var(--white)
}

html .featured-boxes-full .featured-box-full-tertiary {
    background-color: var(--tertiary);
    color: var(--white)
}

html .featured-boxes-full .featured-box-full-quaternary {
    background-color: var(--quaternary);
    color: var(--white)
}

html .featured-boxes-full .featured-box-full-dark {
    background-color: var(--dark);
    color: var(--white)
}

html .featured-boxes-full .featured-box-full-light {
    background-color: var(--white);
    color: var(--gray-500)
}

.pricing-table .most-popular {
    border-color: var(--primary)
}

.pricing-table .most-popular h3 {
    background-color: var(--primary)
}

.pricing-table.princig-table-flat .plan h3 {
    background-color: var(--primary)
}

.pricing-table.princig-table-flat .plan h3 span {
    background: var(--primary)
}

html .call-to-action.featured.featured-primary {
    border-top-color: var(--primary)
}

html .call-to-action.call-to-action-primary {
    background: var(--primary)
}

html .call-to-action.with-full-borders-primary {
    border-color: var(--primary)
}

html .call-to-action.call-to-action-primary {
    background: var(--primary)
}

html .call-to-action.call-to-action-primary h3,
html .call-to-action.call-to-action-primary p {
    color: var(--white)
}

html .call-to-action.featured.featured-secondary {
    border-top-color: var(--secondary)
}

html .call-to-action.call-to-action-secondary {
    background: var(--secondary)
}

html .call-to-action.with-full-borders-secondary {
    border-color: var(--secondary)
}

html .call-to-action.call-to-action-secondary {
    background: var(--secondary)
}

html .call-to-action.call-to-action-secondary h3,
html .call-to-action.call-to-action-secondary p {
    color: var(--white)
}

html .call-to-action.featured.featured-tertiary {
    border-top-color: var(--tertiary)
}

html .call-to-action.call-to-action-tertiary {
    background: var(--tertiary)
}

html .call-to-action.with-full-borders-tertiary {
    border-color: var(--tertiary)
}

html .call-to-action.call-to-action-tertiary {
    background: var(--tertiary)
}

html .call-to-action.call-to-action-tertiary h3,
html .call-to-action.call-to-action-tertiary p {
    color: var(--white)
}

html .call-to-action.featured.featured-quaternary {
    border-top-color: var(--quaternary)
}

html .call-to-action.call-to-action-quaternary {
    background: var(--quaternary)
}

html .call-to-action.with-full-borders-quaternary {
    border-color: var(--quaternary)
}

html .call-to-action.call-to-action-quaternary {
    background: var(--quaternary)
}

html .call-to-action.call-to-action-quaternary h3,
html .call-to-action.call-to-action-quaternary p {
    color: var(--white)
}

html .call-to-action.featured.featured-dark {
    border-top-color: var(--dark)
}

html .call-to-action.call-to-action-dark {
    background: var(--dark)
}

html .call-to-action.with-full-borders-dark {
    border-color: var(--dark)
}

html .call-to-action.call-to-action-dark {
    background: var(--dark)
}

html .call-to-action.call-to-action-dark h3,
html .call-to-action.call-to-action-dark p {
    color: var(--white)
}

html .call-to-action.featured.featured-light {
    border-top-color: var(--white)
}

html .call-to-action.call-to-action-light {
    background: var(--white)
}

html .call-to-action.with-full-borders-light {
    border-color: var(--white)
}

html .call-to-action.call-to-action-light {
    background: var(--white)
}

html .call-to-action.call-to-action-light h3,
html .call-to-action.call-to-action-light p {
    color: var(--gray-500)
}

section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
    background: var(--primary);
    box-shadow: 0 0 0 3px var(--white), 0 0 0 6px var(--primary)
}

ul.history li .featured-box .box-content {
    border-top-color: var(--primary)
}

.portfolio-list .portfolio-item.portfolio-item-new:after {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%)
}

.recent-posts .date .month,
article.post .post-date .month {
    background-color: var(--primary)
}

.recent-posts .date .day,
article.post .post-date .day {
    color: var(--primary)
}

.slider .tp-bannertimer {
    background-color: var(--primary)
}

.home-concept strong {
    color: var(--primary)
}

html .home-intro-primary {
    background: var(--primary)
}

html .home-intro-secondary {
    background: var(--secondary)
}

html .home-intro-tertiary {
    background: var(--tertiary)
}

html .home-intro-quaternary {
    background: var(--quaternary)
}

html .home-intro-dark {
    background: var(--dark)
}

html .home-intro-light {
    background: var(--white)
}

html .slide-overlay-primary .slotholder:after {
    background-color: var(--primary) !important
}

html .slider-container .tp-caption-overlay-primary {
    background: var(--primary)
}

html .slider-container .tp-caption-overlay-opacity-primary {
    background: rgba(var(--primary-rgb), .4)
}

html .tp-bullets.bullets-color-primary .tp-bullet:hover,
html .tp-bullets.bullets-color-primary .tp-bullet.selected {
    background: var(--primary)
}

html .slide-overlay-secondary .slotholder:after {
    background-color: var(--secondary) !important
}

html .slider-container .tp-caption-overlay-secondary {
    background: var(--secondary)
}

html .slider-container .tp-caption-overlay-opacity-secondary {
    background: rgba(var(--secondary-rgb), .4)
}

html .tp-bullets.bullets-color-secondary .tp-bullet:hover,
html .tp-bullets.bullets-color-secondary .tp-bullet.selected {
    background: var(--secondary)
}

html .slide-overlay-tertiary .slotholder:after {
    background-color: var(--tertiary) !important
}

html .slider-container .tp-caption-overlay-tertiary {
    background: var(--tertiary)
}

html .slider-container .tp-caption-overlay-opacity-tertiary {
    background: rgba(var(--tertiary-rgb), .4)
}

html .tp-bullets.bullets-color-tertiary .tp-bullet:hover,
html .tp-bullets.bullets-color-tertiary .tp-bullet.selected {
    background: var(--tertiary)
}

html .slide-overlay-quaternary .slotholder:after {
    background-color: var(--quaternary) !important
}

html .slider-container .tp-caption-overlay-quaternary {
    background: var(--quaternary)
}

html .slider-container .tp-caption-overlay-opacity-quaternary {
    background: rgba(var(--quaternary-rgb), .4)
}

html .tp-bullets.bullets-color-quaternary .tp-bullet:hover,
html .tp-bullets.bullets-color-quaternary .tp-bullet.selected {
    background: var(--quaternary)
}

html .slide-overlay-dark .slotholder:after {
    background-color: var(--dark) !important
}

html .slider-container .tp-caption-overlay-dark {
    background: var(--dark)
}

html .slider-container .tp-caption-overlay-opacity-dark {
    background: rgba(var(--dark-rgb), .4)
}

html .tp-bullets.bullets-color-dark .tp-bullet:hover,
html .tp-bullets.bullets-color-dark .tp-bullet.selected {
    background: var(--dark)
}

html .slide-overlay-light .slotholder:after {
    background-color: var(--white) !important
}

html .slider-container .tp-caption-overlay-light {
    background: var(--white)
}

html .slider-container .tp-caption-overlay-opacity-light {
    background: rgba(var(--white-rgb), .4)
}

html .tp-bullets.bullets-color-light .tp-bullet:hover,
html .tp-bullets.bullets-color-light .tp-bullet.selected {
    background: var(--white)
}

html .slide-overlay.slide-overlay-gradient .slotholder:after {
    background-color: var(--tertiary) !important;
    background-image: linear-gradient(to right, var(--tertiary) 0%, var(--quaternary) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--tertiary)', endColorstr='var(--quaternary)', GradientType=1)
}

.cd-product-viewer-handle .handle {
    background: var(--primary)
}

.tparrows.tparrows-carousel.tp-leftarrow,
.tparrows.tparrows-carousel.tp-rightarrow {
    background-color: var(--primary);
    border-color: var(--primary) var(--primary) var(--primary-d3);
    color: var(--white)
}

.tparrows.tparrows-carousel.tp-leftarrow:hover,
.tparrows.tparrows-carousel.tp-rightarrow:hover,
.tparrows.tparrows-carousel.tp-leftarrow.hover,
.tparrows.tparrows-carousel.tp-rightarrow.hover {
    border-color: var(--primary-l4) var(--primary-l4) var(--primary);
    color: var(--white)
}

.tparrows.tparrows-carousel.tp-leftarrow:hover:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow:hover:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-leftarrow.hover:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow.hover:not(.bg-transparent) {
    background-color: var(--primary-l3)
}

.tparrows.tparrows-carousel.tp-leftarrow:focus,
.tparrows.tparrows-carousel.tp-rightarrow:focus,
.tparrows.tparrows-carousel.tp-leftarrow.focus,
.tparrows.tparrows-carousel.tp-rightarrow.focus {
    border-color: var(--primary-d3) var(--primary-d3) var(--primary-d5);
    color: var(--white);
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .5)
}

.tparrows.tparrows-carousel.tp-leftarrow:focus:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow:focus:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-leftarrow.focus:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow.focus:not(.bg-transparent) {
    background-color: var(--primary-d2)
}

.tparrows.tparrows-carousel.tp-leftarrow.disabled,
.tparrows.tparrows-carousel.tp-rightarrow.disabled,
.tparrows.tparrows-carousel.tp-leftarrow:disabled,
.tparrows.tparrows-carousel.tp-rightarrow:disabled {
    border-color: var(--primary) var(--primary) var(--primary-d3)
}

.tparrows.tparrows-carousel.tp-leftarrow.disabled:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow.disabled:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-leftarrow:disabled:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow:disabled:not(.bg-transparent) {
    background-color: var(--primary)
}

.tparrows.tparrows-carousel.tp-leftarrow:active,
.tparrows.tparrows-carousel.tp-rightarrow:active,
.tparrows.tparrows-carousel.tp-leftarrow.active,
.tparrows.tparrows-carousel.tp-rightarrow.active {
    border-color: var(--primary-d3) var(--primary-d3) var(--primary-d5) !important
}

.tparrows.tparrows-carousel.tp-leftarrow:active:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow:active:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-leftarrow.active:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow.active:not(.bg-transparent) {
    background-color: var(--primary-d2) !important;
    background-image: none !important
}

.tparrows.arrows-primary:before {
    color: var(--primary)
}

.shop .products .product .onsale {
    background-color: var(--primary);
    border-bottom-color: var(--primary-d2b)
}

.shop .cart-totals tr.total .amount {
    color: var(--primary)
}

.shop .products .product .quick-view {
    background: rgba(var(--primary-rgb), .7)
}

.shop .products .product:hover .quick-view:hover {
    background: var(--primary)
}

.product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover {
    color: var(--white);
    background: var(--primary)
}

.product .product-thumb-info .countdown-offer-wrapper {
    background: var(--primary)
}

.dropdown-menu.dropdown-menu-arrow-centered a:focus,
.dropdown-menu.dropdown-menu-arrow-centered a:active {
    background-color: var(--primary)
}

#footer .footer-ribbon {
    background: var(--primary)
}

#footer .footer-ribbon:before {
    border-right-color: var(--primary-d4);
    border-left-color: var(--primary-d4)
}

#footer .footer-nav.footer-nav-bottom-line nav>ul:not(:hover)>li>a.active {
    color: var(--primary) !important
}

#footer .footer-nav.footer-nav-bottom-line nav>ul:not(:hover)>li>a.active:before {
    background: var(--primary) !important
}

#footer .footer-nav.footer-nav-bottom-line nav>ul:hover>li:hover>a {
    color: var(--primary) !important
}

#footer .footer-nav.footer-nav-bottom-line nav>ul:hover>li:hover>a:before {
    background: var(--primary) !important
}

.scrollable.colored-slider .scrollable-slider {
    background: var(--primary)
}

.sample-icon-list .sample-icon a:hover {
    background-color: var(--primary)
}

.cursor-inner {
    background-color: var(--primary)
}

.cursor-inner.cursor-inner-plus:before {
    color: var(--primary)
}

.cursor-outer {
    border-color: var(--primary)
}

.cssload-thecube .cssload-cube:before {
    background-color: var(--primary)
}

.cssload-cube-progress {
    border-color: var(--primary)
}

.cssload-cube-progress-inner {
    background-color: var(--primary)
}

.cssload-float-rings-inner.cssload-one {
    border-bottom-color: var(--primary)
}

.cssload-float-rings-inner.cssload-two {
    border-right-color: var(--primary)
}

.cssload-float-rings-inner.cssload-three {
    border-top-color: var(--primary)
}

.cssload-float-bars-loading,
.cssload-float-bars-loading:after,
.cssload-float-bars-loading:before {
    background: var(--primary)
}

.cssload-speeding-wheel {
    border-top-color: var(--primary);
    border-bottom-color: var(--primary)
}

.cssload-zenith {
    box-shadow: 3px 3px 1px var(--primary)
}

.cssload-spinning-square-loading {
    background: var(--primary)
}

.cssload-spinning-square-loading:before {
    background: var(--secondary)
}

.cssload-spinning-square-loading:after {
    background: var(--white)
}

.cssload-pulse-loader {
    background: var(--primary)
}

.map-rounded-pin {
    background: var(--primary)
}

html.boxed .body {
    border-top-color: var(--primary)
}