:root {
--body-font-color: #323c46;
--body-font-size: .9375rem;
--body-background-color: #ffffff;
--vw: calc(100% - (100% - 100dvw));
--vw-reverse: calc(100dvw - (100dvw - 100%));
--grid-gap: 40px;
--screen-xs: 479px;
--screen-sm-min: 768px;
--screen-md-min: 992px;
--screen-lg-min: 1200px;
--screen-xs-max: 767px;
--screen-sm-max: 991px;
--screen-md-max: 1199px;
--container-max-width: 1500px;
--container-max-width-2: 1560px;
--container-max-width-offset: calc((var(--vw) - var(--container-max-width)) / 2);
--container-max-width-offset-reverse: calc((var(--vw-reverse) - var(--container-max-width)) / 2);
--container-max-width-offset-2: calc((var(--vw) - var(--container-max-width-2)) / 2);
--container-max-width-offset-2-reverse: calc((var(--vw-reverse) - var(--container-max-width-2)) / 2);
--brand-color-1: #0066ff;
--brand-color-1-a00: #0066ff00;
--brand-color-1-a10: #0066ff10;
--brand-color-1-a20: #0066ff20;
--brand-color-1-a30: #0066ff30;
--brand-color-1-a40: #0066ff40;
--brand-color-1-a50: #0066ff50;
--brand-color-1-a60: #0066ff60;
--brand-color-1-a70: #0066ff70;
--brand-color-1-a80: #0066ff80;
--brand-color-1-a90: #0066ff90;
--brand-color-1-aa0: #0066ffa0;
--brand-color-1-ab0: #0066ffb0;
--brand-color-1-ac0: #0066ffc0;
--brand-color-1-ad0: #0066ffd0;
--brand-color-1-ae0: #0066ffe0;
--brand-color-1-af0: #0066fff0;
--brand-color-2: #ffc400;
--brand-color-2-a00: #ffc40000;
--brand-color-2-a10: #ffc40010;
--brand-color-2-a20: #ffc40020;
--brand-color-2-a30: #ffc40030;
--brand-color-2-a40: #ffc40040;
--brand-color-2-a50: #ffc40050;
--brand-color-2-a60: #ffc40060;
--brand-color-2-a70: #ffc40070;
--brand-color-2-a80: #ffc40080;
--brand-color-2-a90: #ffc40090;
--brand-color-2-aa0: #ffc400a0;
--brand-color-2-ab0: #ffc400b0;
--brand-color-2-ac0: #ffc400c0;
--brand-color-2-ad0: #ffc400d0;
--brand-color-2-ae0: #ffc400e0;
--brand-color-2-af0: #ffc400f0;
--brand-color-3: #000000;
--brand-color-3-a00: #00000000;
--brand-color-3-a10: #00000010;
--brand-color-3-a20: #00000020;
--brand-color-3-a30: #00000030;
--brand-color-3-a40: #00000040;
--brand-color-3-a50: #00000050;
--brand-color-3-a60: #00000060;
--brand-color-3-a70: #00000070;
--brand-color-3-a80: #00000080;
--brand-color-3-a90: #00000090;
--brand-color-3-aa0: #000000a0;
--brand-color-3-ab0: #000000b0;
--brand-color-3-ac0: #000000c0;
--brand-color-3-ad0: #000000d0;
--brand-color-3-ae0: #000000e0;
--brand-color-3-af0: #000000f0;
--state-color-success: #9efb60;
--state-color-success-2: #9efb60;
--state-color-warning: #e2b904;
--state-color-warning-2: #e2b904;
--state-color-error: #fb6060;
--state-color-error-2: #fd9e9e;
--state-color-success-a00: #9efb6000;
--state-color-warning-a00: #e2b90400;
--state-color-error-a00: #fb606000;
--state-color-success-a10: #9efb6010;
--state-color-warning-a10: #e2b90410;
--state-color-error-a10: #fb606010;
--state-color-success-a20: #9efb6020;
--state-color-warning-a20: #e2b90420;
--state-color-error-a20: #fb606020;
--state-color-success-a30: #9efb6030;
--state-color-warning-a30: #e2b90430;
--state-color-error-a30: #fb606030;
--state-color-success-a40: #9efb6040;
--state-color-warning-a40: #e2b90440;
--state-color-error-a40: #fb606040;
--state-color-success-a50: #9efb6050;
--state-color-warning-a50: #e2b90450;
--state-color-error-a50: #fb606050;
--state-color-success-a60: #9efb6060;
--state-color-warning-a60: #e2b90460;
--state-color-error-a60: #fb606060;
--state-color-success-a70: #9efb6070;
--state-color-warning-a70: #e2b90470;
--state-color-error-a70: #fb606070;
--state-color-success-a80: #9efb6080;
--state-color-warning-a80: #e2b90480;
--state-color-error-a80: #fb606080;
--state-color-success-a90: #9efb6090;
--state-color-warning-a90: #e2b90490;
--state-color-error-a90: #fb606090;
--state-color-success-aa0: #9efb60a0;
--state-color-warning-aa0: #e2b904a0;
--state-color-error-aa0: #fb6060a0;
--state-color-success-ab0: #9efb60b0;
--state-color-warning-ab0: #e2b904b0;
--state-color-error-ab0: #fb6060b0;
--state-color-success-ac0: #9efb60c0;
--state-color-warning-ac0: #e2b904c0;
--state-color-error-ac0: #fb6060c0;
--state-color-success-ad0: #9efb60d0;
--state-color-warning-ad0: #e2b904d0;
--state-color-error-ad0: #fb6060d0;
--state-color-success-ae0: #9efb60e0;
--state-color-warning-ae0: #e2b904e0;
--state-color-error-ae0: #fb6060e0;
--state-color-success-af0: #9efb60f0;
--state-color-warning-af0: #e2b904f0;
--state-color-error-af0: #fb6060f0;
--font-family-1: Safiro, sans-serif;
--font-family-2: Safiro, sans-serif;
--font-family-icon: icomoon;
--font-color-1: #000000;
--font-color-1-a00: #00000000;
--font-color-1-a10: #00000010;
--font-color-1-a20: #00000020;
--font-color-1-a30: #00000030;
--font-color-1-a40: #00000040;
--font-color-1-a50: #00000050;
--font-color-1-a60: #00000060;
--font-color-1-a70: #00000070;
--font-color-1-a80: #00000080;
--font-color-1-a90: #00000090;
--font-color-1-aa0: #000000a0;
--font-color-1-ab0: #000000b0;
--font-color-1-ac0: #000000c0;
--font-color-1-ad0: #000000d0;
--font-color-1-ae0: #000000e0;
--font-color-1-af0: #000000f0;
--font-color-2: #ffffff;
--font-color-2-a00: #ffffff00;
--font-color-2-a10: #ffffff10;
--font-color-2-a20: #ffffff20;
--font-color-2-a30: #ffffff30;
--font-color-2-a40: #ffffff40;
--font-color-2-a50: #ffffff50;
--font-color-2-a60: #ffffff60;
--font-color-2-a70: #ffffff70;
--font-color-2-a80: #ffffff80;
--font-color-2-a90: #ffffff90;
--font-color-2-aa0: #ffffffa0;
--font-color-2-ab0: #ffffffb0;
--font-color-2-ac0: #ffffffc0;
--font-color-2-ad0: #ffffffd0;
--font-color-2-ae0: #ffffffe0;
--font-color-2-af0: #fffffff0;
--font-color-3: #323c46;
--font-color-3-a00: #323c4600;
--font-color-3-a10: #323c4610;
--font-color-3-a20: #323c4620;
--font-color-3-a30: #323c4630;
--font-color-3-a40: #323c4640;
--font-color-3-a50: #323c4650;
--font-color-3-a60: #323c4660;
--font-color-3-a70: #323c4670;
--font-color-3-a80: #323c4680;
--font-color-3-a90: #323c4690;
--font-color-3-aa0: #323c46a0;
--font-color-3-ab0: #323c46b0;
--font-color-3-ac0: #323c46c0;
--font-color-3-ad0: #323c46d0;
--font-color-3-ae0: #323c46e0;
--font-color-3-af0: #323c46f0;
--font-line-height-1: 1em;
--font-line-height-2: calc(22em / 15);
--font-line-height-3: calc(8em / 7);
--font-line-height-4: calc(20em / 16);
--link-color-1: var(--brand-color-1);
--link-color-1-hover: var(--brand-color-1);
--background-color-1: #ffffff;
--background-color-1-a00: #ffffff00;
--background-color-1-a10: #ffffff10;
--background-color-1-a20: #ffffff20;
--background-color-1-a30: #ffffff30;
--background-color-1-a40: #ffffff40;
--background-color-1-a50: #ffffff50;
--background-color-1-a60: #ffffff60;
--background-color-1-a70: #ffffff70;
--background-color-1-a80: #ffffff80;
--background-color-1-a90: #ffffff90;
--background-color-1-aa0: #ffffffa0;
--background-color-1-ab0: #ffffffb0;
--background-color-1-ac0: #ffffffc0;
--background-color-1-ad0: #ffffffd0;
--background-color-1-ae0: #ffffffe0;
--background-color-1-af0: #fffffff0;
--background-color-2: #000000;
--background-color-2-a00: #00000000;
--background-color-2-a10: #00000010;
--background-color-2-a20: #00000020;
--background-color-2-a30: #00000030;
--background-color-2-a40: #00000040;
--background-color-2-a50: #00000050;
--background-color-2-a60: #00000060;
--background-color-2-a70: #00000070;
--background-color-2-a80: #00000080;
--background-color-2-a90: #00000090;
--background-color-2-aa0: #000000a0;
--background-color-2-ab0: #000000b0;
--background-color-2-ac0: #000000c0;
--background-color-2-ad0: #000000d0;
--background-color-2-ae0: #000000e0;
--background-color-2-af0: #000000f0;
--background-color-3: #ededed;
--background-color-3-a00: #ededed00;
--background-color-3-a10: #ededed10;
--background-color-3-a20: #ededed20;
--background-color-3-a30: #ededed30;
--background-color-3-a40: #ededed40;
--background-color-3-a50: #ededed50;
--background-color-3-a60: #ededed60;
--background-color-3-a70: #ededed70;
--background-color-3-a80: #ededed80;
--background-color-3-a90: #ededed90;
--background-color-3-aa0: #edededa0;
--background-color-3-ab0: #edededb0;
--background-color-3-ac0: #edededc0;
--background-color-3-ad0: #edededd0;
--background-color-3-ae0: #ededede0;
--background-color-3-af0: #edededf0;
--background-color-4: #0d0d0d;
--background-color-4-a00: #0d0d0d00;
--background-color-4-a10: #0d0d0d10;
--background-color-4-a20: #0d0d0d20;
--background-color-4-a30: #0d0d0d30;
--background-color-4-a40: #0d0d0d40;
--background-color-4-a50: #0d0d0d50;
--background-color-4-a60: #0d0d0d60;
--background-color-4-a70: #0d0d0d70;
--background-color-4-a80: #0d0d0d80;
--background-color-4-a90: #0d0d0d90;
--background-color-4-aa0: #0d0d0da0;
--background-color-4-ab0: #0d0d0db0;
--background-color-4-ac0: #0d0d0dc0;
--background-color-4-ad0: #0d0d0dd0;
--background-color-4-ae0: #0d0d0de0;
--background-color-4-af0: #0d0d0df0;
--background-color-5: #0066ff;
--background-color-5-a00: #0066ff00;
--background-color-5-a10: #0066ff10;
--background-color-5-a20: #0066ff20;
--background-color-5-a30: #0066ff30;
--background-color-5-a40: #0066ff40;
--background-color-5-a50: #0066ff50;
--background-color-5-a60: #0066ff60;
--background-color-5-a70: #0066ff70;
--background-color-5-a80: #0066ff80;
--background-color-5-a90: #0066ff90;
--background-color-5-aa0: #0066ffa0;
--background-color-5-ab0: #0066ffb0;
--background-color-5-ac0: #0066ffc0;
--background-color-5-ad0: #0066ffd0;
--background-color-5-ae0: #0066ffe0;
--background-color-5-af0: #0066fff0;
--background-color-6: #272727;
--background-color-6-a00: #27272700;
--background-color-6-a10: #27272710;
--background-color-6-a20: #27272720;
--background-color-6-a30: #27272730;
--background-color-6-a40: #27272740;
--background-color-6-a50: #27272750;
--background-color-6-a60: #27272760;
--background-color-6-a70: #27272770;
--background-color-6-a80: #27272780;
--background-color-6-a90: #27272790;
--background-color-6-aa0: #272727a0;
--background-color-6-ab0: #272727b0;
--background-color-6-ac0: #272727c0;
--background-color-6-ad0: #272727d0;
--background-color-6-ae0: #272727e0;
--background-color-6-af0: #272727f0;
--border-color-1: #000000;
--border-color-1-a00: #00000000;
--border-color-1-a10: #00000010;
--border-color-1-a20: #00000020;
--border-color-1-a30: #00000030;
--border-color-1-a40: #00000040;
--border-color-1-a50: #00000050;
--border-color-1-a60: #00000060;
--border-color-1-a70: #00000070;
--border-color-1-a80: #00000080;
--border-color-1-a90: #00000090;
--border-color-1-aa0: #000000a0;
--border-color-1-ab0: #000000b0;
--border-color-1-ac0: #000000c0;
--border-color-1-ad0: #000000d0;
--border-color-1-ae0: #000000e0;
--border-color-1-af0: #000000f0;
--border-color-2: #ffffff;
--border-color-2-a00: #ffffff00;
--border-color-2-a10: #ffffff10;
--border-color-2-a20: #ffffff20;
--border-color-2-a30: #ffffff30;
--border-color-2-a40: #ffffff40;
--border-color-2-a50: #ffffff50;
--border-color-2-a60: #ffffff60;
--border-color-2-a70: #ffffff70;
--border-color-2-a80: #ffffff80;
--border-color-2-a90: #ffffff90;
--border-color-2-aa0: #ffffffa0;
--border-color-2-ab0: #ffffffb0;
--border-color-2-ac0: #ffffffc0;
--border-color-2-ad0: #ffffffd0;
--border-color-2-ae0: #ffffffe0;
--border-color-2-af0: #fffffff0;
--border-color-3: #343c45;
--border-color-3-a00: #343c4500;
--border-color-3-a10: #343c4510;
--border-color-3-a20: #343c4520;
--border-color-3-a30: #343c4530;
--border-color-3-a40: #343c4540;
--border-color-3-a50: #343c4550;
--border-color-3-a60: #343c4560;
--border-color-3-a70: #343c4570;
--border-color-3-a80: #343c4580;
--border-color-3-a90: #343c4590;
--border-color-3-aa0: #343c45a0;
--border-color-3-ab0: #343c45b0;
--border-color-3-ac0: #343c45c0;
--border-color-3-ad0: #343c45d0;
--border-color-3-ae0: #343c45e0;
--border-color-3-af0: #343c45f0;
--border-color-4: #1c2126;
--border-color-4-a00: #1c212600;
--border-color-4-a10: #1c212610;
--border-color-4-a20: #1c212620;
--border-color-4-a30: #1c212630;
--border-color-4-a40: #1c212640;
--border-color-4-a50: #1c212650;
--border-color-4-a60: #1c212660;
--border-color-4-a70: #1c212670;
--border-color-4-a80: #1c212680;
--border-color-4-a90: #1c212690;
--border-color-4-aa0: #1c2126a0;
--border-color-4-ab0: #1c2126b0;
--border-color-4-ac0: #1c2126c0;
--border-color-4-ad0: #1c2126d0;
--border-color-4-ae0: #1c2126e0;
--border-color-4-af0: #1c2126f0;
--border-color-5: #adb1b4;
--border-color-5-a00: #adb1b400;
--border-color-5-a10: #adb1b410;
--border-color-5-a20: #adb1b420;
--border-color-5-a30: #adb1b430;
--border-color-5-a40: #adb1b440;
--border-color-5-a50: #adb1b450;
--border-color-5-a60: #adb1b460;
--border-color-5-a70: #adb1b470;
--border-color-5-a80: #adb1b480;
--border-color-5-a90: #adb1b490;
--border-color-5-aa0: #adb1b4a0;
--border-color-5-ab0: #adb1b4b0;
--border-color-5-ac0: #adb1b4c0;
--border-color-5-ad0: #adb1b4d0;
--border-color-5-ae0: #adb1b4e0;
--border-color-5-af0: #adb1b4f0;
--border-color-6: #707070;
--border-color-6-a00: #70707000;
--border-color-6-a10: #70707010;
--border-color-6-a20: #70707020;
--border-color-6-a30: #70707030;
--border-color-6-a40: #70707040;
--border-color-6-a50: #70707050;
--border-color-6-a60: #70707060;
--border-color-6-a70: #70707070;
--border-color-6-a80: #70707080;
--border-color-6-a90: #70707090;
--border-color-6-aa0: #707070a0;
--border-color-6-ab0: #707070b0;
--border-color-6-ac0: #707070c0;
--border-color-6-ad0: #707070d0;
--border-color-6-ae0: #707070e0;
--border-color-6-af0: #707070f0;
--border-radius-1: 12px;
--border-radius-2: 24px;
--linear-gradient-1: linear-gradient(0deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg5: linear-gradient(5deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg10: linear-gradient(10deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg15: linear-gradient(15deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg20: linear-gradient(20deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg25: linear-gradient(25deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg30: linear-gradient(30deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg35: linear-gradient(35deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg40: linear-gradient(40deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg45: linear-gradient(45deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg50: linear-gradient(50deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg55: linear-gradient(55deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg60: linear-gradient(60deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg65: linear-gradient(65deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg70: linear-gradient(70deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg75: linear-gradient(75deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg80: linear-gradient(80deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg85: linear-gradient(85deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg90: linear-gradient(90deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg95: linear-gradient(95deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg100: linear-gradient(100deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg105: linear-gradient(105deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg110: linear-gradient(110deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg115: linear-gradient(115deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg120: linear-gradient(120deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg125: linear-gradient(125deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg130: linear-gradient(130deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg135: linear-gradient(135deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg140: linear-gradient(140deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg145: linear-gradient(145deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg150: linear-gradient(150deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg155: linear-gradient(155deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg160: linear-gradient(160deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg165: linear-gradient(165deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg170: linear-gradient(170deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg175: linear-gradient(175deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg180: linear-gradient(180deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg185: linear-gradient(185deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg190: linear-gradient(190deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg195: linear-gradient(195deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg200: linear-gradient(200deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg205: linear-gradient(205deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg210: linear-gradient(210deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg215: linear-gradient(215deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg220: linear-gradient(220deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg225: linear-gradient(225deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg230: linear-gradient(230deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg235: linear-gradient(235deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg240: linear-gradient(240deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg245: linear-gradient(245deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg250: linear-gradient(250deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg255: linear-gradient(255deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg260: linear-gradient(260deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg265: linear-gradient(265deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg270: linear-gradient(270deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg275: linear-gradient(275deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg280: linear-gradient(280deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg285: linear-gradient(285deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg290: linear-gradient(290deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg295: linear-gradient(295deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg300: linear-gradient(300deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg305: linear-gradient(305deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg310: linear-gradient(310deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg315: linear-gradient(315deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg320: linear-gradient(320deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg325: linear-gradient(325deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg330: linear-gradient(330deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg335: linear-gradient(335deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg340: linear-gradient(340deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg345: linear-gradient(345deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg350: linear-gradient(350deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg355: linear-gradient(355deg, var(--brand-color-1) 0%);
--linear-gradient-1-deg360: linear-gradient(360deg, var(--brand-color-1) 0%);
--linear-gradient-2: linear-gradient(0deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg5: linear-gradient(5deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg10: linear-gradient(10deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg15: linear-gradient(15deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg20: linear-gradient(20deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg25: linear-gradient(25deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg30: linear-gradient(30deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg35: linear-gradient(35deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg40: linear-gradient(40deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg45: linear-gradient(45deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg50: linear-gradient(50deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg55: linear-gradient(55deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg60: linear-gradient(60deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg65: linear-gradient(65deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg70: linear-gradient(70deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg75: linear-gradient(75deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg80: linear-gradient(80deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg85: linear-gradient(85deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg90: linear-gradient(90deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg95: linear-gradient(95deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg100: linear-gradient(100deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg105: linear-gradient(105deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg110: linear-gradient(110deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg115: linear-gradient(115deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg120: linear-gradient(120deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg125: linear-gradient(125deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg130: linear-gradient(130deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg135: linear-gradient(135deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg140: linear-gradient(140deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg145: linear-gradient(145deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg150: linear-gradient(150deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg155: linear-gradient(155deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg160: linear-gradient(160deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg165: linear-gradient(165deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg170: linear-gradient(170deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg175: linear-gradient(175deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg180: linear-gradient(180deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg185: linear-gradient(185deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg190: linear-gradient(190deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg195: linear-gradient(195deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg200: linear-gradient(200deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg205: linear-gradient(205deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg210: linear-gradient(210deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg215: linear-gradient(215deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg220: linear-gradient(220deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg225: linear-gradient(225deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg230: linear-gradient(230deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg235: linear-gradient(235deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg240: linear-gradient(240deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg245: linear-gradient(245deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg250: linear-gradient(250deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg255: linear-gradient(255deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg260: linear-gradient(260deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg265: linear-gradient(265deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg270: linear-gradient(270deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg275: linear-gradient(275deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg280: linear-gradient(280deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg285: linear-gradient(285deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg290: linear-gradient(290deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg295: linear-gradient(295deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg300: linear-gradient(300deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg305: linear-gradient(305deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg310: linear-gradient(310deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg315: linear-gradient(315deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg320: linear-gradient(320deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg325: linear-gradient(325deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg330: linear-gradient(330deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg335: linear-gradient(335deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg340: linear-gradient(340deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg345: linear-gradient(345deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg350: linear-gradient(350deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg355: linear-gradient(355deg, var(--brand-color-2) 100%);
--linear-gradient-2-deg360: linear-gradient(360deg, var(--brand-color-2) 100%);
--animation-default-duration: 0.5s;
--button-padding-vertical: 15px;
--button-padding-horizontal: 25px;
--button-padding: var(--button-padding-vertical) var(--button-padding-horizontal);
--button-radius: 40px;
--button-font-size: 1rem;
--button-line-height: calc(22em / 15);
--header-height: 140px; }
@media only screen and (min-width: 992px) {
:root {
--header-height: 140px; } }       article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } @font-face {
font-family: 'Safiro';
src: url(//www.timmont.sk/wp-content/themes/tim/assets/fonts/Safiro-Medium.otf) format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'icomoon';
src: url(//www.timmont.sk/wp-content/themes/tim/assets/fonts/icomoon.eot?web);
src: url(//www.timmont.sk/wp-content/themes/tim/assets/fonts/icomoon.eot?#iefixweb) format("embedded-opentype"), url(//www.timmont.sk/wp-content/themes/tim/assets/fonts/icomoon.woff?web) format("woff"), url(//www.timmont.sk/wp-content/themes/tim/assets/fonts/icomoon.ttf?web) format("truetype"), url(//www.timmont.sk/wp-content/themes/tim/assets/fonts/icomoon.svg?web#icomoon) format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"],
[class*=" icon-"] {
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-arrow-up:before {
content: "\e900"; }
.icon-arrow-down:before {
content: "\e901"; }
.icon-arrow-left:before {
content: "\e902"; }
.icon-arrow-right:before {
content: "\e903"; }
.icon-arrow-up-2:before {
content: "\e904"; }
.icon-arrow-down-2:before {
content: "\e905"; }
.icon-arrow-left-2:before {
content: "\e906"; }
.icon-arrow-right-2:before {
content: "\e907"; }
.icon-arrow-up-3:before {
content: "\e908"; }
.icon-arrow-down-3:before {
content: "\e909"; }
.icon-arrow-left-3:before {
content: "\e90a"; }
.icon-arrow-right-3:before {
content: "\e90b"; }
.icon-plus:before {
content: "\e90c"; }
.icon-minus:before {
content: "\e90d"; }
.icon-times:before {
content: "\e90e"; }
.icon-tick:before {
content: "\e90f"; }
.icon-drag:before {
content: "\e910"; }
.icon-upload:before {
content: "\e924"; }
.icon-attachment:before {
content: "\e911"; }
.icon-phone:before {
content: "\e912"; }
.icon-mail:before {
content: "\e913"; }
.icon-mute:before {
content: "\e914"; }
.icon-menu:before {
content: "\e915"; }
.icon-star-full:before {
content: "\e916"; }
.icon-star-empty:before {
content: "\e917"; }
.icon-cart:before {
content: "\e918"; }
.icon-user:before {
content: "\e919"; }
.icon-edit:before {
content: "\e91a"; }
.icon-sort:before {
content: "\e91b"; }
.icon-share:before {
content: "\e91c"; }
.icon-facebook:before {
content: "\e91d"; }
.icon-instagram:before {
content: "\e91e"; }
.icon-linkedin:before {
content: "\e91f"; }
.icon-pinterest:before {
content: "\e920"; }
.icon-tiktok:before {
content: "\e921"; }
.icon-twitter:before {
content: "\e922"; }
.icon-youtube:before {
content: "\e923"; }
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes rotate-center {
from {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg); }
to {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes rotate-center {
from {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg); }
to {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg); } }
.in-view-transition {
overflow: hidden; }
.in-view-transition.animate > * {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.in-view-transition.animated {
overflow: visible; }
.in-view-transition > * {
-webkit-transition: all 0.9s;
transition: all 0.9s; }
.in-view-transition-left-right > * {
-webkit-transform: translateX(calc(-100% - 1px));
-ms-transform: translateX(calc(-100% - 1px));
transform: translateX(calc(-100% - 1px)); }
.in-view-transition-right-left > * {
-webkit-transform: translateX(calc(100% + 1px));
-ms-transform: translateX(calc(100% + 1px));
transform: translateX(calc(100% + 1px)); }
.in-view-transition-up-down > * {
-webkit-transform: translateY(calc(-100% - 1px));
-ms-transform: translateY(calc(-100% - 1px));
transform: translateY(calc(-100% - 1px)); }
.in-view-transition-down-up > * {
-webkit-transform: translateY(calc(100% + 1px));
-ms-transform: translateY(calc(100% + 1px));
transform: translateY(calc(100% + 1px)); }
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
-webkit-transition-duration: 50ms;
transition-duration: 50ms; }
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
-webkit-transition-delay: 50ms;
transition-delay: 50ms; }
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
-webkit-transition-duration: .1s;
transition-duration: .1s; }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
-webkit-transition-delay: .1s;
transition-delay: .1s; }
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
-webkit-transition-duration: .15s;
transition-duration: .15s; }
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
-webkit-transition-delay: .15s;
transition-delay: .15s; }
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
-webkit-transition-duration: .2s;
transition-duration: .2s; }
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
-webkit-transition-delay: .2s;
transition-delay: .2s; }
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
-webkit-transition-duration: .25s;
transition-duration: .25s; }
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
-webkit-transition-delay: .25s;
transition-delay: .25s; }
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
-webkit-transition-duration: .3s;
transition-duration: .3s; }
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
-webkit-transition-delay: .3s;
transition-delay: .3s; }
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
-webkit-transition-duration: .35s;
transition-duration: .35s; }
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
-webkit-transition-delay: .35s;
transition-delay: .35s; }
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
-webkit-transition-duration: .4s;
transition-duration: .4s; }
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
-webkit-transition-delay: .4s;
transition-delay: .4s; }
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
-webkit-transition-duration: .45s;
transition-duration: .45s; }
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
-webkit-transition-delay: .45s;
transition-delay: .45s; }
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
-webkit-transition-duration: .5s;
transition-duration: .5s; }
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
-webkit-transition-delay: .5s;
transition-delay: .5s; }
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
-webkit-transition-duration: .55s;
transition-duration: .55s; }
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
-webkit-transition-delay: .55s;
transition-delay: .55s; }
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
-webkit-transition-duration: .6s;
transition-duration: .6s; }
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
-webkit-transition-delay: .6s;
transition-delay: .6s; }
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
-webkit-transition-duration: .65s;
transition-duration: .65s; }
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
-webkit-transition-delay: .65s;
transition-delay: .65s; }
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
-webkit-transition-duration: .7s;
transition-duration: .7s; }
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
-webkit-transition-delay: .7s;
transition-delay: .7s; }
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
-webkit-transition-duration: .75s;
transition-duration: .75s; }
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
-webkit-transition-delay: .75s;
transition-delay: .75s; }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
-webkit-transition-duration: .8s;
transition-duration: .8s; }
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
-webkit-transition-delay: .8s;
transition-delay: .8s; }
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
-webkit-transition-duration: .85s;
transition-duration: .85s; }
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
-webkit-transition-delay: .85s;
transition-delay: .85s; }
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
-webkit-transition-duration: .9s;
transition-duration: .9s; }
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
-webkit-transition-delay: .9s;
transition-delay: .9s; }
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
-webkit-transition-duration: .95s;
transition-duration: .95s; }
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
-webkit-transition-delay: .95s;
transition-delay: .95s; }
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
-webkit-transition-duration: 1s;
transition-duration: 1s; }
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
-webkit-transition-delay: 1s;
transition-delay: 1s; }
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
-webkit-transition-duration: 1.05s;
transition-duration: 1.05s; }
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s; }
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
-webkit-transition-duration: 1.1s;
transition-duration: 1.1s; }
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s; }
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
-webkit-transition-duration: 1.15s;
transition-duration: 1.15s; }
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s; }
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s; }
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s; }
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
-webkit-transition-duration: 1.25s;
transition-duration: 1.25s; }
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s; }
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s; }
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s; }
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
-webkit-transition-duration: 1.35s;
transition-duration: 1.35s; }
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s; }
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
-webkit-transition-duration: 1.4s;
transition-duration: 1.4s; }
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s; }
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
-webkit-transition-duration: 1.45s;
transition-duration: 1.45s; }
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
-webkit-transition-delay: 1.45s;
transition-delay: 1.45s; }
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s; }
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s; }
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
-webkit-transition-duration: 1.55s;
transition-duration: 1.55s; }
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
-webkit-transition-delay: 1.55s;
transition-delay: 1.55s; }
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
-webkit-transition-duration: 1.6s;
transition-duration: 1.6s; }
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s; }
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
-webkit-transition-duration: 1.65s;
transition-duration: 1.65s; }
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s; }
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
-webkit-transition-duration: 1.7s;
transition-duration: 1.7s; }
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s; }
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
-webkit-transition-duration: 1.75s;
transition-duration: 1.75s; }
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s; }
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
-webkit-transition-duration: 1.8s;
transition-duration: 1.8s; }
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s; }
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
-webkit-transition-duration: 1.85s;
transition-duration: 1.85s; }
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
-webkit-transition-delay: 1.85s;
transition-delay: 1.85s; }
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s; }
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s; }
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
-webkit-transition-duration: 1.95s;
transition-duration: 1.95s; }
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s; }
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
-webkit-transition-duration: 2s;
transition-duration: 2s; }
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
-webkit-transition-delay: 2s;
transition-delay: 2s; }
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
-webkit-transition-duration: 2.05s;
transition-duration: 2.05s; }
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
-webkit-transition-delay: 2.05s;
transition-delay: 2.05s; }
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
-webkit-transition-duration: 2.1s;
transition-duration: 2.1s; }
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s; }
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
-webkit-transition-duration: 2.15s;
transition-duration: 2.15s; }
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
-webkit-transition-delay: 2.15s;
transition-delay: 2.15s; }
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
-webkit-transition-duration: 2.2s;
transition-duration: 2.2s; }
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s; }
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
-webkit-transition-duration: 2.25s;
transition-duration: 2.25s; }
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s; }
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
-webkit-transition-duration: 2.3s;
transition-duration: 2.3s; }
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s; }
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
-webkit-transition-duration: 2.35s;
transition-duration: 2.35s; }
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
-webkit-transition-delay: 2.35s;
transition-delay: 2.35s; }
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
-webkit-transition-duration: 2.4s;
transition-duration: 2.4s; }
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s; }
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
-webkit-transition-duration: 2.45s;
transition-duration: 2.45s; }
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
-webkit-transition-delay: 2.45s;
transition-delay: 2.45s; }
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
-webkit-transition-duration: 2.5s;
transition-duration: 2.5s; }
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s; }
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
-webkit-transition-duration: 2.55s;
transition-duration: 2.55s; }
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s; }
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
-webkit-transition-duration: 2.6s;
transition-duration: 2.6s; }
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
-webkit-transition-delay: 2.6s;
transition-delay: 2.6s; }
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
-webkit-transition-duration: 2.65s;
transition-duration: 2.65s; }
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
-webkit-transition-delay: 2.65s;
transition-delay: 2.65s; }
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
-webkit-transition-duration: 2.7s;
transition-duration: 2.7s; }
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s; }
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
-webkit-transition-duration: 2.75s;
transition-duration: 2.75s; }
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
-webkit-transition-delay: 2.75s;
transition-delay: 2.75s; }
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
-webkit-transition-duration: 2.8s;
transition-duration: 2.8s; }
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
-webkit-transition-delay: 2.8s;
transition-delay: 2.8s; }
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
-webkit-transition-duration: 2.85s;
transition-duration: 2.85s; }
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s; }
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
-webkit-transition-duration: 2.9s;
transition-duration: 2.9s; }
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
-webkit-transition-delay: 2.9s;
transition-delay: 2.9s; }
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
-webkit-transition-duration: 2.95s;
transition-duration: 2.95s; }
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
-webkit-transition-delay: 2.95s;
transition-delay: 2.95s; }
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
-webkit-transition-duration: 3s;
transition-duration: 3s; }
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
-webkit-transition-delay: 3s;
transition-delay: 3s; }
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
-webkit-transition-timing-function: ease;
transition-timing-function: ease; }
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform; }
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
[data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0); }
[data-aos=fade-down] {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0); }
[data-aos=fade-right] {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0); }
[data-aos=fade-left] {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0); }
[data-aos=fade-up-right] {
-webkit-transform: translate3d(-100px, 100px, 0);
transform: translate3d(-100px, 100px, 0); }
[data-aos=fade-up-left] {
-webkit-transform: translate3d(100px, 100px, 0);
transform: translate3d(100px, 100px, 0); }
[data-aos=fade-down-right] {
-webkit-transform: translate3d(-100px, -100px, 0);
transform: translate3d(-100px, -100px, 0); }
[data-aos=fade-down-left] {
-webkit-transform: translate3d(100px, -100px, 0);
transform: translate3d(100px, -100px, 0); }
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform; }
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1); }
[data-aos=zoom-in] {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6); }
[data-aos=zoom-in-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(0.6);
transform: translate3d(0, 100px, 0) scale(0.6); }
[data-aos=zoom-in-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(0.6);
transform: translate3d(0, -100px, 0) scale(0.6); }
[data-aos=zoom-in-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
transform: translate3d(-100px, 0, 0) scale(0.6); }
[data-aos=zoom-in-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(0.6);
transform: translate3d(100px, 0, 0) scale(0.6); }
[data-aos=zoom-out] {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); }
[data-aos=zoom-out-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(1.2);
transform: translate3d(0, 100px, 0) scale(1.2); }
[data-aos=zoom-out-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(1.2);
transform: translate3d(0, -100px, 0) scale(1.2); }
[data-aos=zoom-out-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
transform: translate3d(-100px, 0, 0) scale(1.2); }
[data-aos=zoom-out-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(1.2);
transform: translate3d(100px, 0, 0) scale(1.2); }
[data-aos^=slide][data-aos^=slide] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
[data-aos^=slide][data-aos^=slide].aos-animate {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
[data-aos=slide-up] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
[data-aos=slide-down] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
[data-aos=slide-right] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
[data-aos=slide-left] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
[data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
[data-aos=flip-left] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg); }
[data-aos=flip-left].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0); }
[data-aos=flip-right] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg); }
[data-aos=flip-right].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0); }
[data-aos=flip-up] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg); }
[data-aos=flip-up].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0); }
[data-aos=flip-down] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg); }
[data-aos=flip-down].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0); } .choices {
position: relative;
overflow: hidden;
margin-bottom: 24px;
font-size: 16px; }
.choices:focus {
outline: none; }
.choices:last-child {
margin-bottom: 0; }
.choices.is-open {
overflow: initial; }
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
background-color: #eaeaea;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.choices.is-disabled .choices__item {
cursor: not-allowed; }
.choices [hidden] {
display: none !important; }
.choices[data-type*='select-one'] {
cursor: pointer; }
.choices[data-type*='select-one'] .choices__inner {
padding-bottom: 7.5px; }
.choices[data-type*='select-one'] .choices__input {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #dddddd;
background-color: #ffffff;
margin: 0; }
.choices[data-type*='select-one'] .choices__button {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
margin-right: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: 0.25; }
.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
opacity: 1; }
.choices[data-type*='select-one'] .choices__button:focus {
-webkit-box-shadow: 0px 0px 0px 2px #00bcd4;
box-shadow: 0px 0px 0px 2px #00bcd4; }
.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
display: none; }
.choices[data-type*='select-one']:after {
content: '';
height: 0;
width: 0;
border-style: solid;
border-color: #333333 transparent transparent transparent;
border-width: 5px;
position: absolute;
right: 11.5px;
top: 50%;
margin-top: -2.5px;
pointer-events: none; }
.choices[data-type*='select-one'].is-open:after {
border-color: transparent transparent #333333 transparent;
margin-top: -7.5px; }
.choices[data-type*='select-one'][dir='rtl']:after {
left: 11.5px;
right: auto; }
.choices[data-type*='select-one'][dir='rtl'] .choices__button {
right: auto;
left: 0;
margin-left: 25px;
margin-right: 0; }
.choices[data-type*='select-multiple'] .choices__inner,
.choices[data-type*='text'] .choices__inner {
cursor: text; }
.choices[data-type*='select-multiple'] .choices__button,
.choices[data-type*='text'] .choices__button {
position: relative;
display: inline-block;
margin-top: 0;
margin-right: -4px;
margin-bottom: 0;
margin-left: 8px;
padding-left: 16px;
border-left: 1px solid #008fa1;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
background-size: 8px;
width: 8px;
line-height: 1;
opacity: 0.75;
border-radius: 0; }
.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
.choices[data-type*='text'] .choices__button:hover,
.choices[data-type*='text'] .choices__button:focus {
opacity: 1; }
.choices__inner {
display: inline-block;
vertical-align: top;
width: 100%;
background-color: #f9f9f9;
padding: 7.5px 7.5px 3.75px;
border: 1px solid #dddddd;
border-radius: 2.5px;
font-size: 14px;
min-height: 44px;
overflow: hidden; }
.is-focused .choices__inner,
.is-open .choices__inner {
border-color: #b7b7b7; }
.is-open .choices__inner {
border-radius: 2.5px 2.5px 0 0; }
.is-flipped.is-open .choices__inner {
border-radius: 0 0 2.5px 2.5px; }
.choices__list {
margin: 0;
padding-left: 0;
list-style: none; }
.choices__list--single {
display: inline-block;
padding: 4px 16px 4px 4px;
width: 100%; }
[dir='rtl'] .choices__list--single {
padding-right: 4px;
padding-left: 16px; }
.choices__list--single .choices__item {
width: 100%; }
.choices__list--multiple {
display: inline; }
.choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
border-radius: 20px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
margin-right: 3.75px;
margin-bottom: 3.75px;
background-color: #00bcd4;
border: 1px solid #00a5bb;
color: #ffffff;
word-break: break-all;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.choices__list--multiple .choices__item[data-deletable] {
padding-right: 5px; }
[dir='rtl'] .choices__list--multiple .choices__item {
margin-right: 0;
margin-left: 3.75px; }
.choices__list--multiple .choices__item.is-highlighted {
background-color: #00a5bb;
border: 1px solid #008fa1; }
.is-disabled .choices__list--multiple .choices__item {
background-color: #aaaaaa;
border: 1px solid #919191; }
.choices__list--dropdown {
visibility: hidden;
z-index: 1;
position: absolute;
width: 100%;
background-color: #ffffff;
border: 1px solid #dddddd;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
overflow: hidden;
word-break: break-all;
will-change: visibility; }
.choices__list--dropdown.is-active {
visibility: visible; }
.is-open .choices__list--dropdown {
border-color: #b7b7b7; }
.is-flipped .choices__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: 0.25rem 0.25rem 0 0; }
.choices__list--dropdown .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position; }
.choices__list--dropdown .choices__item {
position: relative;
padding: 10px;
font-size: 14px; }
[dir='rtl'] .choices__list--dropdown .choices__item {
text-align: right; }
@media (min-width: 640px) {
.choices__list--dropdown .choices__item--selectable {
padding-right: 100px; }
.choices__list--dropdown .choices__item--selectable:after {
content: attr(data-select-text);
font-size: 12px;
opacity: 0;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
[dir='rtl'] .choices__list--dropdown .choices__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px; }
[dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
right: auto;
left: 10px; } }
.choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: #f2f2f2; }
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
opacity: 0.5; }
.choices__item {
cursor: default; }
.choices__item--selectable {
cursor: pointer; }
.choices__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0.5; }
.choices__heading {
font-weight: 500;
font-size: 12px;
padding: 10px;
border-bottom: 1px solid #f7f7f7;
color: gray; }
.choices__button {
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer; }
.choices__button:focus {
outline: none; }
.choices__input {
display: inline-block;
vertical-align: baseline;
background-color: #f9f9f9;
font-size: 14px;
margin-bottom: 5px;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 4px 0 4px 2px; }
.choices__input:focus {
outline: 0; }
[dir='rtl'] .choices__input {
padding-right: 2px;
padding-left: 0; }
.choices__placeholder {
opacity: 0.5; }  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close, .mfp-zoom-out-cur .mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-zoom-out-cur .mfp-image-holder .mfp-close,
.mfp-zoom-out-cur .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-zoom-out-cur .mfp-image-holder .mfp-wrap .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap button.mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:hover,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:hover, .mfp-close:focus, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:focus,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:active,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close, .mfp-close-btn-in .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close-btn-in .mfp-close,
.mfp-close-btn-in .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-image-holder .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-iframe-holder .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: .65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-iframe-holder .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close, .mfp-img-mobile .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-img-mobile .mfp-close,
.mfp-img-mobile .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close, .mfp-ie7 .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-ie7 .mfp-close,
.mfp-ie7 .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; } .ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto; } .ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px; bottom: 0px; position: absolute; }
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px; right: 0; position: absolute; }
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent; }
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6; }
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9; } .ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px; bottom: 2px; position: absolute; }
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px; right: 2px; position: absolute; }
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px; }
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px; } @supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important; } }
.select2-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline;
list-style: none;
padding: 0; }
.select2-container .select2-selection--multiple .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em; }
.select2-container .select2-search--inline .select2-search__field {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051; }
.select2-results {
display: block; }
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 6px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none; }
.select2-results__option--selectable {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0); }
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important; }
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
padding-right: 0px; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
padding-bottom: 5px;
padding-right: 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 20px;
margin-right: 10px;
margin-top: 5px;
padding: 1px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-right: 1px solid #aaa;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #999;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
background-color: #f1f1f1;
color: #333;
outline: none; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-left: 1px solid #aaa;
border-right: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
float: left;
margin-left: 10px;
margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: textfield; }
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--group {
padding: 0; }
.select2-container--default .select2-results__option--disabled {
color: #999; }
.select2-container--default .select2-results__option--selected {
background-color: #ddd; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #5897fb;
color: white; }
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
padding-bottom: 5px;
padding-right: 5px; }
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #888;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
outline: none; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--classic .select2-results__option--group {
padding: 0; }
.select2-container--classic .select2-results__option--disabled {
color: grey; }
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #3875d7;
color: #fff; }
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb; } .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
top: 0;
left: 0;
display: block; }
.slick-track:before,
.slick-track:after {
display: table;
content: ''; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px; }
[dir='rtl'] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
body.stop-scrolling {
height: 100%;
overflow: hidden; }
.sweet-overlay {
background-color: black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000; }
.sweet-alert {
background-color: white;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999; }
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px; } }
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 700;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block; }
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal; }
.sweet-alert fieldset {
border: none;
position: relative; }
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
-webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s; }
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
-webkit-transition: padding 0.25s, max-height 0.25s;
transition: padding 0.25s, max-height 0.25s; }
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px; }
.sweet-alert .sa-error-container p {
display: inline-block; }
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.1s;
transition: all 0.1s; }
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px; }
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.sweet-alert input {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.sweet-alert input:focus {
outline: none;
-webkit-box-shadow: 0px 0px 3px #c4e6f5;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed; }
.sweet-alert input:focus::-moz-placeholder {
-moz-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input:focus:-ms-input-placeholder {
-ms-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input::-moz-placeholder {
color: #bdbdbd; }
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd; }
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd; }
.sweet-alert.show-input input {
display: block; }
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative; }
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden; }
.sweet-alert button {
background-color: #8CD4F5;
color: white;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer; }
.sweet-alert button:focus {
outline: none;
-webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
.sweet-alert button:hover {
background-color: #7ecff4; }
.sweet-alert button:active {
background-color: #5dc2f1; }
.sweet-alert button.cancel {
background-color: #C1C1C1; }
.sweet-alert button.cancel:hover {
background-color: #b9b9b9; }
.sweet-alert button.cancel:active {
background-color: #a8a8a8; }
.sweet-alert button.cancel:focus {
-webkit-box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
.sweet-alert button[disabled] {
opacity: .6;
cursor: default; }
.sweet-alert button.confirm[disabled] {
color: transparent; }
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.sweet-alert button::-moz-focus-inner {
border: 0; }
.sweet-alert[data-has-cancel-button=false] button {
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px; }
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.sweet-alert .sa-icon.sa-error {
border-color: #F27474; }
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block; }
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #F27474;
display: block;
top: 37px;
border-radius: 2px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px; }
.sweet-alert .sa-icon.sa-warning {
border-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
border-radius: 2px;
margin-left: -2px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-success {
border-color: #A5DC86; }
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
content: '';
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
-ms-transform-origin: 60px 60px;
transform-origin: 60px 60px; }
.sweet-alert .sa-icon.sa-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0px 60px;
-ms-transform-origin: 0px 60px;
transform-origin: 0px 60px; }
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 40px;
border-radius: 50%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #A5DC86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@-webkit-keyframes slideFromTop {
0% {
top: 0%; }
100% {
top: 50%; } }
@keyframes slideFromTop {
0% {
top: 0%; }
100% {
top: 50%; } }
@-webkit-keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0%; } }
@keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0%; } }
@-webkit-keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@-webkit-keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
@keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s; }
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop 0.3s;
animation: slideFromTop 0.3s; }
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom 0.3s;
animation: slideFromBottom 0.3s; }
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert 0.2s;
animation: hideSweetAlert 0.2s; }
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop 0.4s;
animation: slideToTop 0.4s; }
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom 0.3s;
animation: slideToBottom 0.3s; }
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0px;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0px;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); }
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); }
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s; }
.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s; }
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in; }
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
.animateErrorIcon {
-webkit-animation: animateErrorIcon 0.5s;
animation: animateErrorIcon 0.5s; }
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
.animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s; }
@-webkit-keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
@keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate; }
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
@keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate; }
@-webkit-keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }    .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success {
border-color: transparent\9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9; } .la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.la-ball-fall {
display: block;
font-size: 0;
color: #fff; }
.la-ball-fall.la-dark {
color: #333; }
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor; }
.la-ball-fall {
width: 54px;
height: 18px; }
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite; }
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
animation-delay: -200ms; }
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
animation-delay: -100ms; }
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0ms;
animation-delay: 0ms; }
.la-ball-fall.la-sm {
width: 26px;
height: 8px; }
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px; }
.la-ball-fall.la-2x {
width: 108px;
height: 36px; }
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px; }
.la-ball-fall.la-3x {
width: 162px;
height: 54px; }
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px; } @-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%); } }
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%); } }
.mfp-wrap { }
.mfp-wrap .mfp-container {
padding: 0; }
.mfp-wrap .mfp-container.mfp-s-loading .mfp-preloader {
margin-left: 0;
margin-top: 0;
padding: 0;
padding-top: 70px;
left: 50%;
top: 50%;
width: auto;
height: 60px;
color: var(--font-color-2);
background: transparent url(//www.timmont.sk/wp-content/themes/tim/assets/img/loader-light.svg) no-repeat 50% 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: rotate-center 2s infinite linear;
animation: rotate-center 2s infinite linear; }
.mfp-wrap .mfp-container.mfp-s-error .mfp-preloader {
margin: 0 auto;
padding: 1em;
max-width: 300px;
background-color: var(--state-color-error); }
.mfp-wrap.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: default; }
.mfp-wrap .mfp-content {
padding: 0;
background-color: transparent;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
.mfp-wrap .mfp-content .mfp-arrow {
opacity: 0 !important; }
.mfp-wrap .mfp-content:hover .mfp-arrow {
opacity: 1 !important; }
.mfp-wrap .mfp-ajax-holder,
.mfp-wrap .mfp-iframe-scaler {
overflow: visible; }
.mfp-wrap .mfp-ajax-holder .mfp-bottom-bar,
.mfp-wrap .mfp-iframe-scaler .mfp-bottom-bar {
margin-top: 0; }
.mfp-wrap .mfp-figure {
border: none; }
.mfp-wrap .mfp-figure .mfp-close, .mfp-wrap .mfp-figure .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-figure .mfp-close,
.mfp-wrap .mfp-figure .mfp-image-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-figure .mfp-close {
right: -10px;
display: block;
z-index: 2;
cursor: pointer; }
.mfp-wrap .mfp-figure:after {
display: none;
top: 0;
bottom: 0;
background-color: #000;
-webkit-box-shadow: none;
box-shadow: none; }
.mfp-wrap .mfp-figure img.mfp-img {
margin-top: -40px;
margin-bottom: -40px;
padding: 40px 0; }
.mfp-wrap .mfp-figure .mfp-bottom-bar {
margin-bottom: 0;
margin-top: 0;
padding: 20px 0;
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
width: auto;
background-color: transparent; }
.mfp-wrap .mfp-figure .mfp-bottom-bar .mfp-title {
padding: 0;
font-size: 1.5em;
font-weight: 700;
line-height: 1em;
color: var(--font-color-2);
text-align: center; }
.mfp-wrap .mfp-figure .mfp-bottom-bar .mfp-counter {
position: absolute;
top: 50%;
right: 15px;
font-size: 0.75em;
color: var(--font-color-2);
display: block;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
.mfp-wrap .mfp-arrow {
margin: 0;
top: 50%;
left: auto;
right: auto;
width: 40px;
height: 40px;
display: block;
text-align: center;
text-indent: 0;
background: none;
border: none !important;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration); }
.mfp-wrap .mfp-arrow:after, .mfp-wrap .mfp-arrow:before {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 1px;
display: block;
background-color: var(--brand-color-2);
border: none;
opacity: 1;
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.mfp-wrap .mfp-arrow.mfp-arrow-left {
left: 0; }
.mfp-wrap .mfp-arrow.mfp-arrow-left:after, .mfp-wrap .mfp-arrow.mfp-arrow-left:before {
left: 60%; }
.mfp-wrap .mfp-arrow.mfp-arrow-left:before {
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: translate(-50%, -50%) rotate(-50deg);
-ms-transform: translate(-50%, -50%) rotate(-50deg);
transform: translate(-50%, -50%) rotate(-50deg); }
.mfp-wrap .mfp-arrow.mfp-arrow-left:after {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translate(-50%, -50%) rotate(50deg);
-ms-transform: translate(-50%, -50%) rotate(50deg);
transform: translate(-50%, -50%) rotate(50deg); }
.mfp-wrap .mfp-arrow.mfp-arrow-right {
right: 0; }
.mfp-wrap .mfp-arrow.mfp-arrow-right:after, .mfp-wrap .mfp-arrow.mfp-arrow-right:before {
left: 40%; }
.mfp-wrap .mfp-arrow.mfp-arrow-right:before {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: translate(-50%, -50%) rotate(50deg);
-ms-transform: translate(-50%, -50%) rotate(50deg);
transform: translate(-50%, -50%) rotate(50deg); }
.mfp-wrap .mfp-arrow.mfp-arrow-right:after {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: translate(-50%, -50%) rotate(-50deg);
-ms-transform: translate(-50%, -50%) rotate(-50deg);
transform: translate(-50%, -50%) rotate(-50deg); }
.mfp-wrap .mfp-arrow:hover:after, .mfp-wrap .mfp-arrow:hover:before {
background-color: var(--brand-color-2); }
.mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close {
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
text-align: center;
color: var(--font-color-3);
background: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration); }
.mfp-wrap .mfp-close:after, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:after,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:after, .mfp-wrap .mfp-close:before, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:before,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:before {
position: absolute;
content: '';
display: block;
width: 32px;
height: 1px;
top: 50%;
left: 50%;
opacity: 1;
background-color: currentColor;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
.mfp-wrap .mfp-close:before, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:before,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.mfp-wrap .mfp-close:after, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:after,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:after {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
-ms-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg); }
.mfp-wrap .mfp-close:hover:before, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:hover:before,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:hover:before, .mfp-wrap .mfp-close:hover:after, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:hover:after,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:hover:after {
background-color: var(--state-color-error); }
.mfp-wrap .mfp-iframe-holder .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-close {
display: none; }
.mfp-wrap .mfp-image-holder .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-image-holder .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close {
margin-top: 0; }
.mfp-wrap .mfp-ajax-holder .mfp-content {
width: auto; }
.mfp-zoom-out-cur {
cursor: default; }
.mfp-animation-zoom .dialog,
.mfp-animation-zoom .mfp-figure,
.mfp-animation-zoom .mfp-iframe-scaler {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); }
.mfp-animation-zoom .mfp-content {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
background-color: rgba(255, 255, 255, 0); }
.mfp-animation-zoom.mfp-ready .dialog,
.mfp-animation-zoom.mfp-ready .mfp-figure,
.mfp-animation-zoom.mfp-ready .mfp-iframe-scaler {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.mfp-animation-zoom.mfp-ready .mfp-content {
opacity: 1;
background-color: rgba(255, 255, 255, 0); }
.mfp-animation-zoom.mfp-removing .dialog,
.mfp-animation-zoom.mfp-removing .mfp-figure,
.mfp-animation-zoom.mfp-removing .mfp-iframe-scaler {
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); }
.mfp-animation-zoom.mfp-removing .mfp-content {
opacity: 0;
background-color: rgba(255, 255, 255, 0); }
.mfp-animation-zoom.mfp-bg {
opacity: 0.001;
background-color: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
.mfp-animation-zoom.mfp-ready.mfp-bg {
opacity: 1; }
.mfp-animation-zoom.mfp-removing.mfp-bg {
opacity: 0; }
.mfp-animation-zoom.mfp-arrow, .mfp-animation-zoom.mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-animation-zoom.mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-animation-zoom.mfp-close {
opacity: 0; }
.mfp-animation-zoom.mfp-ready .mfp-arrow,
.mfp-animation-zoom.mfp-ready .mfp-close,
.mfp-animation-zoom.mfp-ready .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-animation-zoom.mfp-ready .mfp-close,
.mfp-animation-zoom.mfp-ready .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-animation-zoom.mfp-ready .mfp-close {
opacity: 1; }
.mfp-animation-zoom.mfp-removing .mfp-arrow,
.mfp-animation-zoom.mfp-removing .mfp-close,
.mfp-animation-zoom.mfp-removing .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-animation-zoom.mfp-removing .mfp-close,
.mfp-animation-zoom.mfp-removing .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-animation-zoom.mfp-removing .mfp-close {
opacity: 0; }
.mfp-animation-zoom.mfp-preloader {
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.mfp-animation-zoom.mfp-ready .mfp-preloader {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.mfp-animation-zoom.mfp-removing .mfp-preloader {
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); }
.mfp-wrap.external .mfp-iframe-scaler {
padding: 0;
height: 100%; }
.mfp-wrap.external .mfp-iframe-scaler .mfp-iframe {
position: relative;
top: auto;
left: auto;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); }
.sweet-alert.form-alert fieldset {
display: none; }
.sweet-alert.form-alert h2 {
font-family: var(--font-family-1); }
@-webkit-keyframes fade-in {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fade-in {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes move-up {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes move-up {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes move-down {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes move-down {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes move-left {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes move-left {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes move-right {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes move-right {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
.in-view {
opacity: 0;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: calc(var(--animation-default-duration) * 2);
animation-duration: calc(var(--animation-default-duration) * 2);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s; }
.in-view.animated.anim-fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in; }
.in-view.animated.anim-move-up {
-webkit-animation-name: move-up;
animation-name: move-up; }
.in-view.animated.anim-move-down {
-webkit-animation-name: move-down;
animation-name: move-down; }
.in-view.animated.anim-move-left {
-webkit-animation-name: move-left;
animation-name: move-left; }
.in-view.animated.anim-move-right {
-webkit-animation-name: move-right;
animation-name: move-right; }
@media only screen and (min-width: 768px) {
.in-view.animated.sm-anim-fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in; }
.in-view.animated.sm-anim-move-up {
-webkit-animation-name: move-up;
animation-name: move-up; }
.in-view.animated.sm-anim-move-down {
-webkit-animation-name: move-down;
animation-name: move-down; }
.in-view.animated.sm-anim-move-left {
-webkit-animation-name: move-left;
animation-name: move-left; }
.in-view.animated.sm-anim-move-right {
-webkit-animation-name: move-right;
animation-name: move-right; } }
@media only screen and (min-width: 992px) {
.in-view.animated.md-anim-fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in; }
.in-view.animated.md-anim-move-up {
-webkit-animation-name: move-up;
animation-name: move-up; }
.in-view.animated.md-anim-move-down {
-webkit-animation-name: move-down;
animation-name: move-down; }
.in-view.animated.md-anim-move-left {
-webkit-animation-name: move-left;
animation-name: move-left; }
.in-view.animated.md-anim-move-right {
-webkit-animation-name: move-right;
animation-name: move-right; } }
@media only screen and (min-width: 1200px) {
.in-view.animated.lg-anim-fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in; }
.in-view.animated.lg-anim-move-up {
-webkit-animation-name: move-up;
animation-name: move-up; }
.in-view.animated.lg-anim-move-down {
-webkit-animation-name: move-down;
animation-name: move-down; }
.in-view.animated.lg-anim-move-left {
-webkit-animation-name: move-left;
animation-name: move-left; }
.in-view.animated.lg-anim-move-right {
-webkit-animation-name: move-right;
animation-name: move-right; } }
@-webkit-keyframes loader-numbers {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
-webkit-transform: translateY(calc(80px - 100%));
transform: translateY(calc(80px - 100%)); } }
@keyframes loader-numbers {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
-webkit-transform: translateY(calc(80px - 100%));
transform: translateY(calc(80px - 100%)); } }
#page-loading {
position: fixed;
z-index: 99;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
background-color: #fff;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
#page-loading {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
body.page-loading #page-loading {
opacity: 1; }
body.page-loaded #page-loading {
opacity: 0; }
body.page-loading-finish #page-loading {
display: none;
opacity: 0;
z-index: -1;
visibility: hidden;
pointer-events: none;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%); }
body.page-loading-finish #page-loading:before {
opacity: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%); }
#page-loading .logo {
padding: 40px;
opacity: 1;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
#page-loading .logo {
width: 33.33%; } }
body.page-loading #page-loading .logo,
body.page-loaded #page-loading .logo,
body.page-loading-finish #page-loading .logo {
opacity: 1; }
#page-loading .logo img {
margin: 0 auto;
display: block;
width: 240px;
height: auto; }
#page-loading .loader {
width: 100%;
height: 1px;
opacity: 1;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
#page-loading .loader {
position: absolute;
top: 0;
bottom: 0;
left: 33.33%;
width: 1px;
height: 100%; } }
body.page-loading #page-loading .loader,
body.page-loaded #page-loading .loader,
body.page-loading-finish #page-loading .loader {
opacity: 1; }
#page-loading .loader .progress-bar {
--percent: 0;
width: var(--percent);
height: 1px;
display: block;
background-color: var(--brand-color-2); }
@media only screen and (min-width: 768px) {
#page-loading .loader .progress-bar {
position: absolute;
bottom: 0;
left: 0;
width: 1px;
height: var(--percent); } }
#page-loading .content {
padding: 40px;
text-align: center;
color: var(--brand-color-2); }
@media only screen and (min-width: 768px) {
#page-loading .content {
padding-left: calc((33.33% - 240px) / 2 + 40px);
text-align: left; } }
@media only screen and (min-width: 992px) {
#page-loading .content {
padding: 50px 40px;
padding-left: calc((33.33% - 240px) / 2 + 30px); } }
#page-loading .content .value-container {
font-weight: 900;
font-size: 5rem;
line-height: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media only screen and (min-width: 768px) {
#page-loading .content .value-container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
#page-loading .content .value-container .value {
margin-right: 5px;
position: relative;
overflow: hidden;
width: 95px; }
#page-loading .content .value-container .value .placeholder {
pointer-events: none;
opacity: 0; }
#page-loading .content .value-container .value .numbers-1,
#page-loading .content .value-container .value .numbers-2 {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-animation: loader-numbers 3s cubic-bezier(0.17, 0.67, 0.7, 0.94);
animation: loader-numbers 3s cubic-bezier(0.17, 0.67, 0.7, 0.94);
-webkit-animation-delay: .75s;
animation-delay: .75s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
#page-loading .content .value-container .value .numbers-1 {
top: 0;
left: 0; }
#page-loading .content .value-container .value .numbers-2 {
top: 0;
right: 0; }
#page-loading .content .sub-value {
margin-top: 0;
font-weight: bold;
font-size: 1.375rem;
line-height: 1em; }
@media only screen and (max-width: 479px) {
#page-loading .content .sub-value {
margin-top: 0; } }
.slick-slider .slick-dots {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.slick-slider .slick-dots li {
margin: 0;
padding: 0; }
.slick-slider .slick-dots li:before {
display: none; }
.slick-slider .slick-dots li {
margin: 0;
padding: 0;
width: 15px;
height: 15px;
line-height: 0;
display: block;
-webkit-transition: width var(--animation-default-duration);
transition: width var(--animation-default-duration); }
.slick-slider .slick-dots li:before, .slick-slider .slick-dots li:after {
display: none; }
.slick-slider .slick-dots li button {
margin: 0;
padding: 0;
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: left;
text-indent: -9999em;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
cursor: pointer; }
.slick-slider .slick-dots li button:before {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
width: 5px;
height: 5px;
display: block;
content: '';
opacity: 1;
background: none;
background-color: var(--font-color-3-a40);
border: none;
border-radius: 0;
-webkit-transition: background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration), border-color var(--animation-default-duration);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.slick-slider .slick-dots li button:after {
display: none; }
.slick-slider .slick-dots li button:hover {
border: none;
background: none; }
.slick-slider .slick-dots li button:hover:before {
background-color: var(--brand-color-1); }
.slick-slider .slick-dots li button:hover:after {
opacity: 1; }
.slick-slider .slick-dots li.slick-active button:before {
background-color: var(--font-color-3); }
.slick-slider .slick-dots li.slick-active button:after {
opacity: 1; }
.slick-slider .slick-arrow {
--icon-size: 50px;
margin: 0;
padding: 0;
position: relative;
width: var(--icon-size);
height: var(--icon-size);
display: block;
color: var(--font-color-3);
background: none;
border: none;
border-radius: 0;
cursor: pointer;
opacity: 1; }
.slick-slider .slick-arrow:before, .slick-slider .slick-arrow:after {
display: none; }
.slick-slider .slick-arrow [class^="icon-"],
.slick-slider .slick-arrow [class*=" icon-"] {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
display: block;
width: var(--icon-size);
height: var(--icon-size);
font-size: 15px;
line-height: var(--icon-size);
color: var(--brand-color-1);
background-color: transparent;
border: 1px solid var(--brand-color-1);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: transform var(--animation-default-duration), color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
.slick-slider .slick-arrow [class^="icon-"]:before,
.slick-slider .slick-arrow [class*=" icon-"]:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.slick-slider .slick-arrow:hover, .slick-slider .slick-arrow:focus {
margin: 0;
padding: 0;
color: var(--font-color-2);
background-color: transparent;
border: none;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.slick-slider .slick-arrow:hover [class^="icon-"],
.slick-slider .slick-arrow:hover [class*=" icon-"], .slick-slider .slick-arrow:focus [class^="icon-"],
.slick-slider .slick-arrow:focus [class*=" icon-"] {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1); }
.slick-slider .slick-arrow.slick-disabled {
color: var(--font-color-3-a40) !important;
background-color: transparent !important;
border-color: transparent !important;
pointer-events: none;
cursor: default; }
.slick-slider .slick-arrow.slick-disabled [class^="icon-"],
.slick-slider .slick-arrow.slick-disabled [class*=" icon-"] {
color: var(--font-color-3-a40) !important;
background-color: var(--font-color-3-a10) !important;
border-color: var(--font-color-3-a10) !important; }
.slick-slider .navigation-container.theme-light .slick-dots li button:before {
background-color: var(--font-color-2-a40); }
.slick-slider .navigation-container.theme-light .slick-dots li button:hover:before {
background-color: var(--brand-color-1); }
.slick-slider .navigation-container.theme-light .slick-dots li.slick-active button:before {
background-color: var(--font-color-2); }
.slick-slider .navigation-container.theme-light .slick-arrow {
color: var(--font-color-2); }
.slick-slider .navigation-container.theme-light .slick-arrow [class^="icon-"],
.slick-slider .navigation-container.theme-light .slick-arrow [class*=" icon-"] {
background-color: var(--font-color-2);
border-color: var(--font-color-2); }
.slick-slider .navigation-container.theme-light .slick-arrow:hover, .slick-slider .navigation-container.theme-light .slick-arrow:focus {
color: var(--brand-color-1); }
.slick-slider .navigation-container.theme-light .slick-arrow:hover [class^="icon-"],
.slick-slider .navigation-container.theme-light .slick-arrow:hover [class*=" icon-"], .slick-slider .navigation-container.theme-light .slick-arrow:focus [class^="icon-"],
.slick-slider .navigation-container.theme-light .slick-arrow:focus [class*=" icon-"] {
background-color: var(--brand-color-1);
border-color: var(--brand-color-1); }
.slick-slider .navigation-container.theme-light .slick-arrow.slick-disabled {
color: var(--font-color-2-a40) !important; }
address {
font-style: normal;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
address p {
font-size: var(--body-font-size); }
address p:first-child {
margin-top: 0; }
address p:last-child {
margin-bottom: 0; }
address p a {
text-decoration: none; }
address p a:hover {
text-decoration: underline; }
blockquote {
margin: 2.5rem 0;
padding: 0; }
blockquote p {
margin: var(--font-line-height-2) 0;
font-size: var(--body-font-size);
line-height: var(--font-line-height-3); }
blockquote p:first-of-type {
margin-top: 0; }
blockquote p:last-of-type {
margin-bottom: 0; }
.button, button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
margin: 0;
padding: var(--button-padding);
position: relative;
z-index: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
text-align: left;
font-family: var(--font-family-2);
font-weight: 400;
font-style: normal;
font-size: var(--button-font-size);
line-height: var(--button-line-height);
color: var(--font-color-2);
letter-spacing: 0em;
background: none;
background-color: var(--brand-color-1);
border: 1px solid var(--brand-color-1);
border-radius: var(--button-radius);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.button:before, button:before,
input[type="button"]:before,
input[type="submit"]:before,
input[type="reset"]:before, .button:after, button:after,
input[type="button"]:after,
input[type="submit"]:after,
input[type="reset"]:after {
display: none; }
.button:hover, button:hover,
input:hover[type="button"],
input:hover[type="submit"],
input:hover[type="reset"] {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2);
text-decoration: none; }
.button:focus, button:focus,
input:focus[type="button"],
input:focus[type="submit"],
input:focus[type="reset"] {
color: var(--font-color-3);
outline: none; }
.button.disabled, button.disabled,
input.disabled[type="button"],
input.disabled[type="submit"],
input.disabled[type="reset"], .button[disabled], button[disabled],
input[disabled][type="button"],
input[disabled][type="submit"],
input[disabled][type="reset"], .button:disabled, button:disabled,
input:disabled[type="button"],
input:disabled[type="submit"],
input:disabled[type="reset"], .button:disabled[disabled], button:disabled[disabled],
input:disabled[disabled][type="button"],
input:disabled[disabled][type="submit"],
input:disabled[disabled][type="reset"] {
padding: var(--button-padding); }
.button.disabled, button.disabled,
input.disabled[type="button"],
input.disabled[type="submit"],
input.disabled[type="reset"], .button.disabled:hover, button.disabled:hover,
input.disabled:hover[type="button"],
input.disabled:hover[type="submit"],
input.disabled:hover[type="reset"], .button.disabled:focus, button.disabled:focus,
input.disabled:focus[type="button"],
input.disabled:focus[type="submit"],
input.disabled:focus[type="reset"], .button.disabled:active, button.disabled:active,
input.disabled:active[type="button"],
input.disabled:active[type="submit"],
input.disabled:active[type="reset"], .button.disabled.active, button.disabled.active,
input.disabled.active[type="button"],
input.disabled.active[type="submit"],
input.disabled.active[type="reset"], .button[disabled], button[disabled],
input[disabled][type="button"],
input[disabled][type="submit"],
input[disabled][type="reset"], .button[disabled]:hover, button[disabled]:hover,
input[disabled]:hover[type="button"],
input[disabled]:hover[type="submit"],
input[disabled]:hover[type="reset"], .button[disabled]:focus, button[disabled]:focus,
input[disabled]:focus[type="button"],
input[disabled]:focus[type="submit"],
input[disabled]:focus[type="reset"], .button[disabled]:active, button[disabled]:active,
input[disabled]:active[type="button"],
input[disabled]:active[type="submit"],
input[disabled]:active[type="reset"], .button[disabled].active, button[disabled].active,
input[disabled].active[type="button"],
input[disabled].active[type="submit"],
input[disabled].active[type="reset"], .button:disabled, button:disabled,
input:disabled[type="button"],
input:disabled[type="submit"],
input:disabled[type="reset"], .button:disabled:hover, button:disabled:hover,
input:disabled:hover[type="button"],
input:disabled:hover[type="submit"],
input:disabled:hover[type="reset"], .button:disabled:focus, button:disabled:focus,
input:disabled:focus[type="button"],
input:disabled:focus[type="submit"],
input:disabled:focus[type="reset"], .button:disabled:active, button:disabled:active,
input:disabled:active[type="button"],
input:disabled:active[type="submit"],
input:disabled:active[type="reset"], .button:disabled.active, button:disabled.active,
input:disabled.active[type="button"],
input:disabled.active[type="submit"],
input:disabled.active[type="reset"], .button:disabled[disabled], button:disabled[disabled],
input:disabled[disabled][type="button"],
input:disabled[disabled][type="submit"],
input:disabled[disabled][type="reset"], .button:disabled[disabled]:hover, button:disabled[disabled]:hover,
input:disabled[disabled]:hover[type="button"],
input:disabled[disabled]:hover[type="submit"],
input:disabled[disabled]:hover[type="reset"], .button:disabled[disabled]:focus, button:disabled[disabled]:focus,
input:disabled[disabled]:focus[type="button"],
input:disabled[disabled]:focus[type="submit"],
input:disabled[disabled]:focus[type="reset"], .button:disabled[disabled]:active, button:disabled[disabled]:active,
input:disabled[disabled]:active[type="button"],
input:disabled[disabled]:active[type="submit"],
input:disabled[disabled]:active[type="reset"], .button:disabled[disabled].active, button:disabled[disabled].active,
input:disabled[disabled].active[type="button"],
input:disabled[disabled].active[type="submit"],
input:disabled[disabled].active[type="reset"] {
opacity: .4;
cursor: not-allowed;
pointer-events: none; }
.button.button-inverse, button.button-inverse,
input.button-inverse[type="button"],
input.button-inverse[type="submit"],
input.button-inverse[type="reset"] {
color: var(--font-color-3);
background-color: transparent;
border-color: var(--brand-color-1); }
.button.button-inverse:hover, button.button-inverse:hover,
input.button-inverse:hover[type="button"],
input.button-inverse:hover[type="submit"],
input.button-inverse:hover[type="reset"] {
background-color: var(--brand-color-1);
border-color: var(--brand-color-1); }
.button.button-brand-color-1, button.button-brand-color-1,
input.button-brand-color-1[type="button"],
input.button-brand-color-1[type="submit"],
input.button-brand-color-1[type="reset"] {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1); }
.button.button-brand-color-1:hover, button.button-brand-color-1:hover,
input.button-brand-color-1:hover[type="button"],
input.button-brand-color-1:hover[type="submit"],
input.button-brand-color-1:hover[type="reset"] {
color: var(--font-color-2);
background-color: var(--font-color-3);
border-color: var(--font-color-3); }
.button.button-brand-color-1.button-inverse, button.button-brand-color-1.button-inverse,
input.button-brand-color-1.button-inverse[type="button"],
input.button-brand-color-1.button-inverse[type="submit"],
input.button-brand-color-1.button-inverse[type="reset"] {
color: var(--brand-color-1);
background-color: transparent;
border-color: var(--brand-color-1); }
.button.button-brand-color-1.button-inverse:hover, button.button-brand-color-1.button-inverse:hover,
input.button-brand-color-1.button-inverse:hover[type="button"],
input.button-brand-color-1.button-inverse:hover[type="submit"],
input.button-brand-color-1.button-inverse:hover[type="reset"] {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1); }
.button.button-brand-color-2, button.button-brand-color-2,
input.button-brand-color-2[type="button"],
input.button-brand-color-2[type="submit"],
input.button-brand-color-2[type="reset"] {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2); }
.button.button-brand-color-2:hover, button.button-brand-color-2:hover,
input.button-brand-color-2:hover[type="button"],
input.button-brand-color-2:hover[type="submit"],
input.button-brand-color-2:hover[type="reset"] {
color: var(--font-color-2);
background-color: var(--font-color-3);
border-color: var(--font-color-3); }
.button.button-brand-color-2.button-inverse, button.button-brand-color-2.button-inverse,
input.button-brand-color-2.button-inverse[type="button"],
input.button-brand-color-2.button-inverse[type="submit"],
input.button-brand-color-2.button-inverse[type="reset"] {
color: var(--brand-color-2);
background-color: transparent;
border-color: var(--brand-color-2); }
.button.button-brand-color-2.button-inverse:hover, button.button-brand-color-2.button-inverse:hover,
input.button-brand-color-2.button-inverse:hover[type="button"],
input.button-brand-color-2.button-inverse:hover[type="submit"],
input.button-brand-color-2.button-inverse:hover[type="reset"] {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2); }
.button.button-brand-color-3, button.button-brand-color-3,
input.button-brand-color-3[type="button"],
input.button-brand-color-3[type="submit"],
input.button-brand-color-3[type="reset"] {
color: var(--font-color-2);
background-color: var(--brand-color-3);
border-color: var(--brand-color-3); }
.button.button-brand-color-3:hover, button.button-brand-color-3:hover,
input.button-brand-color-3:hover[type="button"],
input.button-brand-color-3:hover[type="submit"],
input.button-brand-color-3:hover[type="reset"] {
color: var(--font-color-2);
background-color: var(--font-color-3);
border-color: var(--font-color-3); }
.button.button-brand-color-3.button-inverse, button.button-brand-color-3.button-inverse,
input.button-brand-color-3.button-inverse[type="button"],
input.button-brand-color-3.button-inverse[type="submit"],
input.button-brand-color-3.button-inverse[type="reset"] {
color: var(--brand-color-3);
background-color: transparent;
border-color: var(--brand-color-3); }
.button.button-brand-color-3.button-inverse:hover, button.button-brand-color-3.button-inverse:hover,
input.button-brand-color-3.button-inverse:hover[type="button"],
input.button-brand-color-3.button-inverse:hover[type="submit"],
input.button-brand-color-3.button-inverse:hover[type="reset"] {
color: var(--font-color-2);
background-color: var(--brand-color-3);
border-color: var(--brand-color-3); }
.button.button-brand-color-2, button.button-brand-color-2,
input.button-brand-color-2[type="button"],
input.button-brand-color-2[type="submit"],
input.button-brand-color-2[type="reset"] {
color: var(--brand-color-1); }
.button.button-brand-color-2.button-inverse:hover, button.button-brand-color-2.button-inverse:hover,
input.button-brand-color-2.button-inverse:hover[type="button"],
input.button-brand-color-2.button-inverse:hover[type="submit"],
input.button-brand-color-2.button-inverse:hover[type="reset"] {
color: var(--brand-color-1); }
.button.button-color-white, button.button-color-white,
input.button-color-white[type="button"],
input.button-color-white[type="submit"],
input.button-color-white[type="reset"] {
color: var(--font-color-3);
background-color: var(--font-color-2);
border-color: var(--font-color-2); }
.button.button-color-white:hover, button.button-color-white:hover,
input.button-color-white:hover[type="button"],
input.button-color-white:hover[type="submit"],
input.button-color-white:hover[type="reset"] {
color: var(--brand-color-1);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2); }
.button.button-color-white.button-inverse, button.button-color-white.button-inverse,
input.button-color-white.button-inverse[type="button"],
input.button-color-white.button-inverse[type="submit"],
input.button-color-white.button-inverse[type="reset"] {
color: var(--font-color-2);
background-color: transparent;
border-color: var(--font-color-2); }
.button.button-color-white.button-inverse:hover, button.button-color-white.button-inverse:hover,
input.button-color-white.button-inverse:hover[type="button"],
input.button-color-white.button-inverse:hover[type="submit"],
input.button-color-white.button-inverse:hover[type="reset"] {
color: var(--brand-color-1);
background-color: var(--font-color-2);
border-color: var(--font-color-2); }
.button.button-as-link, button.button-as-link,
input.button-as-link[type="button"],
input.button-as-link[type="submit"],
input.button-as-link[type="reset"] {
padding-left: 0 !important;
padding-right: 0 !important;
position: relative;
color: var(--font-color-3);
background-color: transparent;
border-color: transparent;
border-radius: 0;
text-decoration: none; }
.button.button-as-link:hover, button.button-as-link:hover,
input.button-as-link:hover[type="button"],
input.button-as-link:hover[type="submit"],
input.button-as-link:hover[type="reset"] {
color: var(--brand-color-1);
background-color: transparent;
border-color: transparent;
text-decoration: none; }
.button.button-has-icon, button.button-has-icon,
input.button-has-icon[type="button"],
input.button-has-icon[type="submit"],
input.button-has-icon[type="reset"] {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.button.button-has-icon [class^="icon-"], button.button-has-icon [class^="icon-"], input.button-has-icon[type="button"] [class^="icon-"], input.button-has-icon[type="submit"] [class^="icon-"], input.button-has-icon[type="reset"] [class^="icon-"],
.button.button-has-icon [class*=" icon-"],
button.button-has-icon [class*=" icon-"],
input.button-has-icon[type="button"] [class*=" icon-"],
input.button-has-icon[type="submit"] [class*=" icon-"],
input.button-has-icon[type="reset"] [class*=" icon-"] {
-webkit-margin-start: 1em;
margin-inline-start: 1em;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
font-size: 1rem; }
.button.button-has-icon.button-icon-left [class^="icon-"], button.button-has-icon.button-icon-left [class^="icon-"], input.button-has-icon.button-icon-left[type="button"] [class^="icon-"], input.button-has-icon.button-icon-left[type="submit"] [class^="icon-"], input.button-has-icon.button-icon-left[type="reset"] [class^="icon-"],
.button.button-has-icon.button-icon-left [class*=" icon-"],
button.button-has-icon.button-icon-left [class*=" icon-"],
input.button-has-icon.button-icon-left[type="button"] [class*=" icon-"],
input.button-has-icon.button-icon-left[type="submit"] [class*=" icon-"],
input.button-has-icon.button-icon-left[type="reset"] [class*=" icon-"] {
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 1em;
margin-inline-end: 1em; }
.button.button-contact, button.button-contact,
input.button-contact[type="button"],
input.button-contact[type="submit"],
input.button-contact[type="reset"] {
padding-block: 4px;
-webkit-padding-start: 4px;
padding-inline-start: 4px;
-webkit-padding-end: 35px;
padding-inline-end: 35px;
border-radius: 100px;
line-height: 1.5em;
text-wrap: nowrap; }
.button.button-contact img, button.button-contact img, input.button-contact[type="button"] img, input.button-contact[type="submit"] img, input.button-contact[type="reset"] img {
-webkit-margin-end: 20px;
margin-inline-end: 20px;
width: 64px;
height: 64px;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 50%; }
.button.button-no-pad, button.button-no-pad,
input.button-no-pad[type="button"],
input.button-no-pad[type="submit"],
input.button-no-pad[type="reset"] {
padding: 0; }
.button.full-width, button.full-width,
input.full-width[type="button"],
input.full-width[type="submit"],
input.full-width[type="reset"] {
width: 100%; }
.buttons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.buttons-container.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.buttons-container.align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-family-2);
line-height: var(--font-line-height-2);
font-weight: 500; }
h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
h5.align-center,
h6.align-center {
text-align: center; }
h1,
.h1 {
margin: 0;
margin-bottom: .5em;
font-size: calc(min(5.625rem, max(2.5rem, 6vw))); }
h2,
.h2 {
margin-top: 1.5em;
margin-bottom: .5em;
font-size: calc(min(3rem, max(1.5rem, 4vw))); }
h3,
.h3 {
margin-top: 1.5em;
margin-bottom: .5em;
font-size: calc(min(2.25rem, max(1.375rem, 3vw))); }
h4,
.h4 {
margin-top: 1.5em;
margin-bottom: .5em;
font-size: calc(min(1.75rem, max(1.25rem, 2vw))); }
h5,
.h5 {
margin-top: 1.5em;
margin-bottom: .5em;
font-size: calc(min(1.5rem, max(1.125rem, 1.75vw))); }
h6,
.h6 {
margin-top: 1.5em;
margin-bottom: .5em;
font-size: calc(min(1.25rem, max(1rem, 1.5vw))); }
header.align-center {
text-align: center; }
img {
max-width: 100%;
height: auto; }
figure {
margin: 0; }
figure img {
display: block; }
small {
font-size: .75em; }
sup,
sub {
position: relative;
height: 0;
line-height: 1em;
vertical-align: baseline; }
sup {
bottom: .75em;
font-size: .5em; }
sub {
top: 0; }
em {
font-style: italic; }
del {
text-decoration: line-through; }
ins {
text-decoration: none; }
mark {
font-style: italic; }
code,
pre,
samp {
font-family: monospace; }
var {
font-style: italic; }
b,
strong {
font-weight: 500;
font-variation-settings: 'wght' 500; }
a {
color: var(--link-color-1);
text-decoration: underline;
outline: none;
border: none;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
a:hover {
color: var(--link-color-1-hover);
text-decoration: none; }
a:focus {
color: var(--link-color-1-hover);
text-decoration: none;
outline: underline; }
a img {
border: 0; }
.link {
padding: 0;
-webkit-padding-after: .5em;
padding-block-end: .5em;
position: relative;
text-decoration: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--link-color-1);
line-height: var(--font-line-height-2);
background: none;
border: none;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
.link:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
display: block;
content: '';
background-color: currentColor;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
.link:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e903';
margin-left: 20px;
display: block;
font-size: .75em;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
.link:hover:after {
-webkit-transform: translateX(2px) scale(0.75);
-ms-transform: translateX(2px) scale(0.75);
transform: translateX(2px) scale(0.75); }
ul {
margin-block: var(--font-line-height-2);
padding: 0;
list-style-type: none; }
ul li {
margin-block: calc(30em / 60);
-webkit-padding-start: 20px;
padding-inline-start: 20px;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
ul li:last-child {
margin-bottom: 0; }
ul li:before {
content: '';
margin-left: -20px;
margin-right: 14px;
position: relative;
top: -.125em;
vertical-align: middle;
width: 6px;
height: 6px;
display: inline-block;
background-color: var(--brand-color-1);
border: none;
border-radius: 0; }
ol {
margin-block: var(--font-line-height-2);
padding: 0;
list-style-type: none;
list-style-position: outside;
counter-reset: section; }
ol li {
margin-block: calc(30em / 60);
-webkit-padding-start: 24px;
padding-inline-start: 24px;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
ol li:last-child {
margin-bottom: 0; }
ol li:before {
margin-left: -24px;
margin-right: 0;
position: relative;
top: 0;
counter-increment: section;
content: counter(section) ".";
width: 24px;
display: inline-block;
font-weight: normal;
font-style: normal;
font-size: 1em;
text-align: left;
color: inherit;
background-color: transparent; }
ol li ol {
margin-top: 0;
counter-reset: sectio-lvl-2; }
ol li ol li {
padding-left: 0; }
ol li ol li:before {
margin-left: 0;
margin-right: .5em;
width: auto;
counter-increment: sectio-lvl-2;
content: counter(section) "." counter(sectio-lvl-2); }
iframe {
border: none; }
iframe img {
max-width: 100%; }
hr {
margin: 3em 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 1px;
background-color: var(--border-color-3);
border: none; }
hr.no-pad {
margin: 0; }
p {
margin-block: var(--font-line-height-2);
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
font-family: var(--font-family-1);
cursor: pointer;
-webkit-appearance: none;
line-height: var(--input-line-height); }
.input-checkbox-wrapper {
display: inline-grid;
grid-template-columns: minmax(var(--input-checkbox-size), -webkit-max-content) auto;
grid-template-columns: minmax(var(--input-checkbox-size), max-content) auto;
gap: var(--input-checkbox-gap);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.input-checkbox-wrapper:has(input[type="checkbox"]:user-invalid) input[type="checkbox"] {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error); }
.input-checkbox-wrapper:has(input[type="checkbox"]:user-invalid) label {
color: var(--input-font-color-error); }
.input-checkbox-wrapper:has(input[type="checkbox"]:user-invalid) + .form-control-error {
display: block; }
.input-checkbox-wrapper input[type="checkbox"] {
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: grid;
place-content: center;
width: var(--input-checkbox-size);
height: var(--input-checkbox-size);
color: var(--input-checkbox-font-size, var(--input-font-color));
background-color: var(--input-checkbox-background-color, var(--input-background-color));
border: var(--input-checkbox-border-size, var(--input-border-size)) solid var(--input-checked-border-color, var(--input-border-color));
border-radius: 0;
cursor: pointer;
outline: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration); }
.input-checkbox-wrapper input[type="checkbox"]::before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e90f';
font-size: var(--input-font-size-2);
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
.input-checkbox-wrapper input[type="checkbox"]:hover {
color: var(--input-checkbox-font-color-hover, var(--input-font-color-hover));
background-color: var(--input-checkbox-background-color-hover, var(--input-background-color-hover));
border-color: var(--input-checkbox-border-color-hover, var(--input-border-color-hover)); }
.input-checkbox-wrapper input[type="checkbox"]:checked {
color: var(--input-checkbox-font-color-checked, var(--input-font-color-checked));
background-color: var(--input-checkbox-background-color-checked, var(--input-background-color-checked));
border-color: var(--input-checkbox-border-color-checked, var(--input-border-color-checked)); }
.input-checkbox-wrapper input[type="checkbox"]:checked::before {
opacity: 1; }
.input-checkbox-wrapper label {
display: inline-block;
line-height: 1.125em;
font-size: var(--input-font-size-2);
color: var(--input-font-color);
cursor: pointer; }
.input-checkbox-wrapper label a {
color: inherit; }
.form-control-group.has-success .input-checkbox-wrapper input[type="checkbox"] {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success); }
.form-control-group.has-success .input-checkbox-wrapper label {
color: var(--input-font-color-success); }
.form-control-group.has-warning .input-checkbox-wrapper input[type="checkbox"] {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning); }
.form-control-group.has-warning .input-checkbox-wrapper label {
color: var(--input-font-color-warning); }
.form-control-group.has-error .input-checkbox-wrapper input[type="checkbox"] {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error); }
.form-control-group.has-error .input-checkbox-wrapper label {
color: var(--input-font-color-error); }
.choices {
margin: 0; }
.choices > .choices__inner {
padding: 0;
height: auto;
min-height: 0;
color: var(--input-font-color);
display: block;
background: var(--input-background-color);
border: none;
border-bottom: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration); }
.choices .choices__item {
color: var(--input-font-color); }
.choices .choices__item:hover {
color: var(--input-font-color-hover); }
.choices .choices__list--single .choices__item {
line-height: var(--input-line-height-2); }
.choices .choices__list--single .choices__item:hover {
color: var(--input-font-color); }
.choices .choices__list--single .choices__item.choices__placeholder {
color: var(--input-placeholder-font-color);
font-size: var(--input-font-size);
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
.choices .choices__list--single .choices__item.choices__placeholder:hover {
color: var(--input-font-color-hover); }
.choices .choices__list--dropdown {
margin-top: 0;
color: var(--input-font-color-2);
background-color: var(--input-background-color-2);
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius); }
.choices .choices__list--dropdown .choices__list {
padding: 0; }
.choices .choices__list--dropdown .choices__item {
padding: 10px 15px;
color: var(--input-font-color-2);
font-size: var(--input-font-size-2);
line-height: var(--input-line-height);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration); }
.choices .choices__list--dropdown .choices__item.is-highlighted {
color: var(--input-font-color-highlight);
background-color: var(--input-background-color-highlight); }
.choices.is-focused {
z-index: 2; }
.choices.is-focused > .choices__inner {
border-color: var(--input-border-color-hover); }
.choices.is-open {
z-index: 2; }
.choices.is-open:after {
margin: 0;
opacity: 1;
border: none;
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg); }
.choices.is-open > .choices__inner {
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
border-color: var(--input-border-color-hover);
border-bottom-color: var(--input-border-color); }
.choices.is-open .choices__list--dropdown {
border: 1px solid var(--input-border-color-hover);
border-top: none;
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius); }
.choices.is-open.is-flipped > .choices__inner {
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
border-color: var(--input-border-color-hover);
border-top-color: var(--input-border-color); }
.choices.is-open.is-flipped .choices__list--dropdown {
border: 1px solid var(--input-border-color-hover);
border-bottom: none;
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0; }
.choices:hover > .choices__inner {
border-color: var(--input-border-color-hover); }
.choices[data-type*="select-one"]:hover:before {
background-color: var(--input-border-color-hover); }
.choices[data-type*="select-one"]:before {
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
width: 50px;
display: none;
content: '';
background-color: var(--input-border-color-2);
border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
.choices[data-type*='select-one']:after {
margin: 0;
position: absolute;
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e901';
top: 50%;
right: 0;
font-size: 12px;
pointer-events: none;
color: var(--input-font-color);
width: auto;
height: auto;
border: none;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
.choices[data-type*="select-one"] > .choices__inner {
padding: 0; }
.choices[data-type*='select-one'] .choices__input {
padding: var(--input-padding);
background-color: transparent;
border: none;
border-bottom: 1px solid var(--input-border-color); }
.choices[data-type*="select-one"] .choices__list--single {
padding: var(--input-padding);
padding-right: 30px;
display: block;
width: 100%;
height: auto;
font-size: var(--input-font-size);
line-height: var(--input-line-height); }
.choices[data-type*="select-one"] .choices__list--single .choices__item {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.choices[data-type*="select-one"] .choices__placeholder {
opacity: 1;
font-size: var(--input-font-size-2);
line-height: var(--input-line-height);
min-height: var(--input-line-height); }
.choices[data-type*="select-one"].is-open:before {
border-radius: 0 var(--input-border-radius) 0 0; }
.choices[data-type*='select-one'].is-open:after {
margin: 0;
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg); }
.choices[data-type*="select-one"].is-open.is-flipped:before {
border-radius: 0 0 var(--input-border-radius) 0; }
.choices[data-type*="select-multiple"] .choices__list--multiple {
padding: var(--input-padding);
min-height: var(--input-line-height);
display: inline-block; }
.choices[data-type*="select-multiple"] .choices__list--multiple + .choices__input {
margin: 0;
padding-left: 0;
padding-right: 0;
width: 100px !important;
display: inline-block;
vertical-align: top;
border: none; }
.choices[data-type*="select-multiple"] .choices__list--multiple .choices__item {
margin: 2px;
padding: 4px 8px;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--border-color-1);
border-radius: var(--input-border-radius);
background-color: var(--border-color-1); }
.choices[data-type*="select-multiple"] .choices__list--multiple .choices__item .choices__button {
margin: 0;
margin-left: 5px;
padding: 0;
position: relative;
width: 10px;
height: 10px;
text-align: left;
text-indent: -9999em;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none; }
.choices[data-type*="select-multiple"] .choices__list--multiple .choices__item .choices__button:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
right: 0;
display: block;
font-size: 10px;
width: 10px;
height: 10px;
color: #fff;
content: '\e90c';
text-indent: 0; }
.form-control-group.has-success .choices > .choices__inner {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success); }
.form-control-group.has-success .choices .choices__list--single .choices__item.choices__placeholder {
color: var(--input-placeholder-font-color-success); }
.form-control-group.has-warning .choices > .choices__inner {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning); }
.form-control-group.has-warning .choices > .choices__inner .choices__list--single .choices__item.choices__placeholder {
color: var(--input-placeholder-font-color-warning); }
.form-control-group.has-error .choices > .choices__inner {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error); }
.form-control-group.has-error .choices > .choices__inner .choices__list--single .choices__item.choices__placeholder {
color: var(--input-placeholder-font-color-error); }
.form-control-group.has-effect .choices[data-type*="select-one"] .choices__list--single {
padding-top: 32px; }
.form-control-group.has-effect.filled .choices > .choices__inner {
border-color: var(--input-border-color-focus); }
.file-input-wrapper .file-input-outer-html {
display: none; }
.file-input-wrapper.attached .file-input-outer-html {
display: block; }
.file-input-element {
position: relative;
cursor: pointer;
background-color: transparent;
border: none; }
.file-input-element.highlight .file-input-inner-html, .file-input-element:hover .file-input-inner-html {
border-color: var(--input-border-color-focus);
background-color: var(--background-color-4-a30); }
.file-input-element.highlight .file-input-inner-html .text, .file-input-element:hover .file-input-inner-html .text {
color: var(--input-font-color); }
.file-input-element.highlight .file-input-inner-html .buttons-container .button, .file-input-element.highlight .file-input-inner-html .buttons-container button,
.file-input-element.highlight .file-input-inner-html .buttons-container input[type="button"],
.file-input-element.highlight .file-input-inner-html .buttons-container input[type="submit"],
.file-input-element.highlight .file-input-inner-html .buttons-container input[type="reset"], .file-input-element:hover .file-input-inner-html .buttons-container .button, .file-input-element:hover .file-input-inner-html .buttons-container button,
.file-input-element:hover .file-input-inner-html .buttons-container input[type="button"],
.file-input-element:hover .file-input-inner-html .buttons-container input[type="submit"],
.file-input-element:hover .file-input-inner-html .buttons-container input[type="reset"] {
color: var(--font-color-3);
background-color: var(--font-color-2);
border-color: var(--font-color-2); }
input[type="file"] {
margin: 0 auto;
padding: 0;
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 2;
opacity: 0;
height: 100%;
width: 100%;
cursor: pointer;
color: var(--input-font-color);
background-color: var(--input-background-color);
border: 1px solid var(--input-border-color);
-webkit-transition: background-color var(--animation-default-duration) border-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration) border-color var(--animation-default-duration); }
.file-input-inner-html {
margin: 0;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--background-color-4-a20);
border: none;
border-bottom: 1px solid var(--input-border-color);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration); }
@media (max-width: 319px) {
.file-input-inner-html {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.file-input-inner-html .image:not(:empty) {
-webkit-margin-before: 10px;
margin-block-start: 10px; }
.file-input-inner-html .image img {
display: block; }
.file-input-inner-html .text {
margin: 5px;
-webkit-margin-start: 0;
margin-inline-start: 0;
padding: 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 70px;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration); }
@media (max-width: 319px) {
.file-input-inner-html .text {
-webkit-padding-start: 5px;
padding-inline-start: 5px;
-webkit-margin-after: 10px;
margin-block-end: 10px;
min-height: 0; } }
.file-input-inner-html .text [class^="icon-"],
.file-input-inner-html .text [class*=" icon-"] {
-webkit-margin-end: .875em;
margin-inline-end: .875em;
display: none;
font-size: 1.25em; }
.file-input-inner-html .buttons-container {
margin: 0 !important;
padding: 0 !important;
display: block !important; }
.file-input-inner-html .buttons-container .button, .file-input-inner-html .buttons-container button,
.file-input-inner-html .buttons-container input[type="button"],
.file-input-inner-html .buttons-container input[type="submit"],
.file-input-inner-html .buttons-container input[type="reset"] {
padding: 6px 15px;
width: 100%;
height: 100%;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 0;
color: var(--font-color-2);
background-color: transparent;
border: 1px solid var(--font-color-2);
border-radius: 30px;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration); }
@media (max-width: 319px) {
.file-input-inner-html .buttons-container .button, .file-input-inner-html .buttons-container button,
.file-input-inner-html .buttons-container input[type="button"],
.file-input-inner-html .buttons-container input[type="submit"],
.file-input-inner-html .buttons-container input[type="reset"] {
-webkit-margin-before: 10px;
margin-block-start: 10px;
-webkit-margin-after: 20px;
margin-block-end: 20px; } }
.file-input-inner-html .buttons-container .button:before, .file-input-inner-html .buttons-container button:before,
.file-input-inner-html .buttons-container input[type="button"]:before,
.file-input-inner-html .buttons-container input[type="submit"]:before,
.file-input-inner-html .buttons-container input[type="reset"]:before, .file-input-inner-html .buttons-container .button:after, .file-input-inner-html .buttons-container button:after,
.file-input-inner-html .buttons-container input[type="button"]:after,
.file-input-inner-html .buttons-container input[type="submit"]:after,
.file-input-inner-html .buttons-container input[type="reset"]:after {
display: none; }
.file-input-inner-html .buttons-container .button [class^="icon-"], .file-input-inner-html .buttons-container button [class^="icon-"], .file-input-inner-html .buttons-container input[type="button"] [class^="icon-"], .file-input-inner-html .buttons-container input[type="submit"] [class^="icon-"], .file-input-inner-html .buttons-container input[type="reset"] [class^="icon-"],
.file-input-inner-html .buttons-container .button [class*=" icon-"],
.file-input-inner-html .buttons-container button [class*=" icon-"],
.file-input-inner-html .buttons-container input[type="button"] [class*=" icon-"],
.file-input-inner-html .buttons-container input[type="submit"] [class*=" icon-"],
.file-input-inner-html .buttons-container input[type="reset"] [class*=" icon-"] {
-webkit-margin-end: 0;
margin-inline-end: 0;
-webkit-margin-start: 1em;
margin-inline-start: 1em; }
.file-input-inner-html .buttons-container .button:hover, .file-input-inner-html .buttons-container button:hover,
.file-input-inner-html .buttons-container input:hover[type="button"],
.file-input-inner-html .buttons-container input:hover[type="submit"],
.file-input-inner-html .buttons-container input:hover[type="reset"] {
color: var(--font-color-3);
background-color: var(--font-color-2);
border-color: var(--font-color-2); }
.file-input-outer-html {
-webkit-margin-before: 10px;
margin-block-start: 10px;
padding: 10px 0;
color: var(--input-font-color);
background-color: var(--input-background-color);
border: transparent;
border-radius: var(--input-border-radius); }
.file-input-outer-html > .title {
font-size: .875rem;
color: var(--input-font-color); }
.file-input-outer-html .text:not(:empty) {
margin-top: 0; }
.file-input-outer-html .text ul {
margin-top: 0;
margin-bottom: 0; }
.file-input-outer-html .text ul:not(:empty) {
margin-bottom: 0; }
.file-input-outer-html .text ul li {
margin: 0;
padding: 10px 0;
position: relative;
font-size: .875em;
line-height: var(--font-line-height-2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.file-input-outer-html .text ul li + li {
margin-top: 0;
border-top: 1px solid var(--input-border-color); }
.file-input-outer-html .text ul li:before {
display: none; }
.file-input-outer-html .text ul li img {
position: absolute;
top: 1px;
left: 0;
display: block;
width: auto;
height: 18px; }
.file-input-outer-html .text ul li .name {
margin-right: 10px;
display: inline-block;
word-break: break-all;
max-width: calc(100% - 40px); }
.file-input-outer-html .text ul li .name:last-child {
margin-right: 0; }
.file-input-outer-html .text ul li .small {
display: inline;
opacity: .6;
font-size: .75em; }
.file-input-outer-html .text ul li .remove {
position: absolute;
top: 50%;
right: 0;
display: block;
width: 24px;
height: 24px;
cursor: pointer;
background-color: transparent;
border-radius: 50%;
border: 1px solid currentColor;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: border-color var(--animation-default-duration);
transition: border-color var(--animation-default-duration); }
.file-input-outer-html .text ul li .remove:before, .file-input-outer-html .text ul li .remove:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
content: '';
width: 10px;
height: 1px;
background-color: var(--input-font-color);
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
.file-input-outer-html .text ul li .remove:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.file-input-outer-html .text ul li .remove:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg); }
.file-input-outer-html .text ul li .remove:hover {
border-color: var(--state-color-error); }
.file-input-outer-html .text ul li .remove:hover:before, .file-input-outer-html .text ul li .remove:hover:after {
background-color: var(--state-color-error); }
.form-control-group.has-error .file-input-element .file-input-inner-html > .buttons-container .button, .form-control-group.has-error .file-input-element .file-input-inner-html > .buttons-container button,
.form-control-group.has-error .file-input-element .file-input-inner-html > .buttons-container input[type="button"],
.form-control-group.has-error .file-input-element .file-input-inner-html > .buttons-container input[type="submit"],
.form-control-group.has-error .file-input-element .file-input-inner-html > .buttons-container input[type="reset"] {
color: var(--state-color-error); }
:root {
--input-padding-vertical: 26px;
--input-padding-horizontal: 0px;
--input-padding: 26px 0px;
--input-font-size: var(--body-font-size);
--input-font-size-2: 0.9375rem;
--input-font-color: #323c46;
--input-font-color-2: #ffffff;
--input-font-color-hover: #323c46;
--input-font-color-checked: #323c46;
--input-font-color-selected: #323c46;
--input-font-color-highlight: #0066ff;
--input-font-color-success: #323c46;
--input-font-color-warning: #323c46;
--input-font-color-error: #fb6060;
--input-line-height: 1.2em;
--input-placeholder-font-color: rgba(50, 60, 70, 0.42);
--input-placeholder-font-color-2: rgba(50, 60, 70, 0.3);
--input-label-font-size: var(--body-font-size);
--input-label-font-color: #323c46;
--input-background-color: rgba(0, 0, 0, 0.05);
--input-background-color-2: white;
--input-background-color-hover: rgba(0, 0, 0, 0.05);
--input-background-color-focus: rgba(0, 0, 0, 0.05);
--input-background-color-checked: #323c46;
--input-background-color-selected: #323c46;
--input-background-color-highlight: rgba(50, 60, 70, 0.1);
--input-background-color-disabled: rgba(0, 0, 0, 0.025);
--input-background-color-success: rgba(0, 0, 0, 0.05);
--input-background-color-warning: rgba(0, 0, 0, 0.05);
--input-background-color-error: rgba(0, 0, 0, 0.05);
--input-border-size: 1px;
--input-border-color: #323c46;
--input-border-color-2: black;
--input-border-color-hover: black;
--input-border-color-focus: black;
--input-border-color-checked: black;
--input-border-color-selected: black;
--input-border-color-disabled: rgba(0, 0, 0, 0.04);
--input-border-color-success: #9efb60;
--input-border-color-warning: #e2b904;
--input-border-color-error: #fb6060;
--input-border-radius: 0px;
--input-checkbox-size: 34px;
--input-checkbox-gap: 5px 10px;
--input-radio-size: 34px;
--input-radio-gap: 5px 10px; }
@media (prefers-color-scheme: dark) {
:root {
--input-font-color: #ffffff;
--input-font-color-2: #323c46;
--input-font-color-hover: #ffffff;
--input-font-color-checked: #ffc400;
--input-font-color-selected: #ffc400;
--input-font-color-highlight: #323c46;
--input-font-color-success: #ffffff;
--input-font-color-warning: #ffffff;
--input-font-color-error: #fd9e9e;
--input-placeholder-font-color: rgba(255, 255, 255, 0.37);
--input-placeholder-font-color-2: rgba(255, 255, 255, 0.3);
--input-label-font-color: #ffffff;
--input-background-color: transparent;
--input-background-color-2: white;
--input-background-color-hover: transparent;
--input-background-color-focus: transparent;
--input-background-color-checked: transparent;
--input-background-color-selected: transparent;
--input-background-color-highlight: var(--brand-color-2);
--input-background-color-disabled: rgba(255, 255, 255, 0.24);
--input-background-color-success: transparent;
--input-background-color-warning: transparent;
--input-background-color-error: transparent;
--input-border-color: var(--font-color-2);
--input-border-color-2: var(--font-color-2);
--input-border-color-hover: #ffffff;
--input-border-color-focus: #ffffff;
--input-border-color-checked: #ffc400;
--input-border-color-selected: #ffc400;
--input-border-color-disabled: rgba(255, 255, 255, 0.04);
--input-border-color-success: #9efb60;
--input-border-color-warning: #e2b904;
--input-border-color-error: #fd9e9e; } }
.form-theme-dark {
--input-font-color: #ffffff;
--input-font-color-2: #323c46;
--input-font-color-hover: #ffffff;
--input-font-color-checked: #ffc400;
--input-font-color-selected: #ffc400;
--input-font-color-highlight: #323c46;
--input-font-color-success: #ffffff;
--input-font-color-warning: #ffffff;
--input-font-color-error: #fd9e9e;
--input-placeholder-font-color: rgba(255, 255, 255, 0.37);
--input-placeholder-font-color-2: rgba(255, 255, 255, 0.3);
--input-label-font-color: #ffffff;
--input-background-color: transparent;
--input-background-color-2: white;
--input-background-color-hover: transparent;
--input-background-color-focus: transparent;
--input-background-color-checked: transparent;
--input-background-color-selected: transparent;
--input-background-color-highlight: var(--brand-color-2);
--input-background-color-disabled: rgba(255, 255, 255, 0.24);
--input-background-color-success: transparent;
--input-background-color-warning: transparent;
--input-background-color-error: transparent;
--input-border-color: var(--font-color-2);
--input-border-color-2: var(--font-color-2);
--input-border-color-hover: #ffffff;
--input-border-color-focus: #ffffff;
--input-border-color-checked: #ffc400;
--input-border-color-selected: #ffc400;
--input-border-color-disabled: rgba(255, 255, 255, 0.04);
--input-border-color-success: #9efb60;
--input-border-color-warning: #e2b904;
--input-border-color-error: #fd9e9e; }
form {
position: relative; }
form fieldset {
margin: 0;
padding: 0;
display: block;
border: none; }
form fieldset legend,
form fieldset .legend {
margin: 0;
margin-bottom: 15px;
padding: 0;
font-family: var(--font-family-1);
font-style: normal;
display: block;
width: 100%;
font-size: 1.25rem;
font-weight: 500;
color: var(--input-font-color); }
form .columns-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
form .columns-wrapper.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
form .columns-wrapper.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
form .columns-wrapper.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
form .columns-wrapper.justify-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
form .columns-wrapper.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
form .columns-wrapper.justify-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
form .columns-wrapper > .column {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%; }
form .columns-wrapper > .column.grid-1 {
width: 8.33333%; }
form .columns-wrapper > .column.grid-2 {
width: 16.66667%; }
form .columns-wrapper > .column.grid-3 {
width: 25%; }
form .columns-wrapper > .column.grid-4 {
width: 33.33333%; }
form .columns-wrapper > .column.grid-5 {
width: 41.66667%; }
form .columns-wrapper > .column.grid-6 {
width: 50%; }
form .columns-wrapper > .column.grid-7 {
width: 58.33333%; }
form .columns-wrapper > .column.grid-8 {
width: 66.66667%; }
form .columns-wrapper > .column.grid-9 {
width: 75%; }
form .columns-wrapper > .column.grid-10 {
width: 83.33333%; }
form .columns-wrapper > .column.grid-11 {
width: 91.66667%; }
form .columns-wrapper > .column.grid-12 {
width: 100%; }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-1 {
width: 8.33333%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-2 {
width: 16.66667%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-3 {
width: 25%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-4 {
width: 33.33333%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-5 {
width: 41.66667%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-6 {
width: 50%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-7 {
width: 58.33333%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-8 {
width: 66.66667%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-9 {
width: 75%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-10 {
width: 83.33333%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-11 {
width: 91.66667%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-12 {
width: 100%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-1 {
width: 8.33333%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-2 {
width: 16.66667%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-3 {
width: 25%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-4 {
width: 33.33333%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-5 {
width: 41.66667%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-6 {
width: 50%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-7 {
width: 58.33333%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-8 {
width: 66.66667%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-9 {
width: 75%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-10 {
width: 83.33333%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-11 {
width: 91.66667%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-12 {
width: 100%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-1 {
width: 8.33333%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-2 {
width: 16.66667%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-3 {
width: 25%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-4 {
width: 33.33333%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-5 {
width: 41.66667%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-6 {
width: 50%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-7 {
width: 58.33333%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-8 {
width: 66.66667%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-9 {
width: 75%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-10 {
width: 83.33333%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-11 {
width: 91.66667%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-12 {
width: 100%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-1 {
width: 8.33333%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-2 {
width: 16.66667%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-3 {
width: 25%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-4 {
width: 33.33333%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-5 {
width: 41.66667%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-6 {
width: 50%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-7 {
width: 58.33333%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-8 {
width: 66.66667%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-9 {
width: 75%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-10 {
width: 83.33333%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-11 {
width: 91.66667%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-12 {
width: 100%; } }
form .columns-wrapper > .column.full-width {
width: 100%; }
form .columns-wrapper > .column.auto-width {
width: auto; }
form .columns-wrapper > .column.align-center {
-ms-flex-item-align: center;
align-self: center; }
form .columns-wrapper > .column.align-top {
-ms-flex-item-align: start;
align-self: flex-start; }
form .columns-wrapper > .column.align-bottom {
-ms-flex-item-align: end;
align-self: flex-end; }
form .columns-wrapper > .column.justify-left {
margin-left: 0;
margin-right: auto;
justify-self: flex-start; }
form .columns-wrapper > .column.justify-center {
justify-self: center; }
form .columns-wrapper > .column.justify-right {
margin-left: auto;
margin-right: 0;
justify-self: flex-end; }
form .overlay {
padding: 20px;
position: absolute;
z-index: 3;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
pointer-events: none;
background: var(--background-color-1);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
form .overlay .content {
text-align: center;
color: var(--input-font-color); }
form .overlay .content p {
margin: 0;
font-size: .975rem;
font-weight: normal; }
form .overlay .content .loader {
margin: 30px auto 0;
width: 60px;
height: 60px;
-webkit-animation: rotate 2s infinite linear;
animation: rotate 2s infinite linear; }
form.processing .overlay {
opacity: 1;
pointer-events: auto; }
.form-control-label {
margin-bottom: 6px;
display: block;
font-weight: 400;
font-size: var(--input-label-font-size);
line-height: var(--font-line-height-2);
color: var(--input-label-font-color); }
.form-control-label .required {
margin-left: 0;
position: relative;
top: 0;
display: inline-block;
font-size: 1em;
color: inherit;
text-decoration: none; }
.form-control-error {
font-size: .875rem;
color: var(--input-font-color-error);
display: none; }
.form-control-info {
margin-top: 2px;
font-size: .6875rem;
color: var(--font-color-2); }
.form-control-group {
margin-bottom: 20px; }
.form-control-group.has-effect {
position: relative; }
.form-control-group.has-effect label {
margin-bottom: 0;
position: absolute;
z-index: 3;
top: 32px;
left: var(--input-padding-horizontal);
opacity: 1;
pointer-events: none;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration); }
.form-control-group.has-effect label .required {
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration); }
.form-control-group.has-effect.focus label, .form-control-group.has-effect.filled label {
top: 5px;
left: var(--input-padding-horizontal);
color: var(--input-font-color);
opacity: 1;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); }
.form-control-group.has-effect.focus label .required, .form-control-group.has-effect.filled label .required {
opacity: 0; }
.form-control-group.has-success {
position: relative; }
.form-control-group.has-error {
position: relative; }
.form-control-group.has-error .form-control-error {
margin-top: 10px;
margin-bottom: 0;
display: block; }
.grecaptcha-badge {
display: none !important; }
.form-theme-dark .overlay {
background: var(--background-color-2); }
.input-radio-wrapper {
display: inline-grid;
grid-template-columns: minmax(var(--input-radio-size), -webkit-max-content) auto;
grid-template-columns: minmax(var(--input-radio-size), max-content) auto;
gap: var(--input-radio-gap);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.input-radio-wrapper:has(input[type="radio"]:user-invalid) input[type="radio"] {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error); }
.input-radio-wrapper:has(input[type="radio"]:user-invalid) label {
color: var(--input-font-color-error); }
.input-radio-wrapper:has(input[type="radio"]:user-invalid) + .form-control-error {
display: block; }
.input-radio-wrapper input[type="radio"] {
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: grid;
place-content: center;
width: var(--input-radio-size);
height: var(--input-radio-size);
color: var(--input-radio-font-size, var(--input-font-color));
background-color: var(--input-radio-background-color, var(--input-background-color));
border: var(--input-radio-border-size, var(--input-border-size)) solid var(--input-checked-border-color, var(--input-border-color));
border-radius: 0;
cursor: pointer;
outline: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration); }
.input-radio-wrapper input[type="radio"]::before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e90f';
font-size: var(--input-font-size-2);
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
.input-radio-wrapper input[type="radio"]:hover {
color: var(--input-radio-font-color-hover, var(--input-font-color-hover));
background-color: var(--input-radio-background-color-hover, var(--input-background-color-hover));
border-color: var(--input-radio-border-color-hover, var(--input-border-color-hover)); }
.input-radio-wrapper input[type="radio"]:checked {
color: var(--input-radio-font-color-checked, var(--input-font-color-checked));
background-color: var(--input-radio-background-color-checked, var(--input-background-color-checked));
border-color: var(--input-radio-border-color-checked, var(--input-border-color-checked)); }
.input-radio-wrapper input[type="radio"]:checked::before {
opacity: 1; }
.input-radio-wrapper label {
display: inline-block;
line-height: 1.125em;
font-size: var(--input-font-size-2);
color: var(--input-font-color);
cursor: pointer; }
.input-radio-wrapper label a {
color: inherit; }
.form-control-group.has-success .input-radio-wrapper input[type="radio"] {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success); }
.form-control-group.has-success .input-radio-wrapper label {
color: var(--input-font-color-success); }
.form-control-group.has-warning .input-radio-wrapper input[type="radio"] {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning); }
.form-control-group.has-warning .input-radio-wrapper label {
color: var(--input-font-color-warning); }
.form-control-group.has-error .input-radio-wrapper input[type="radio"] {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error); }
.form-control-group.has-error .input-radio-wrapper label {
color: var(--input-font-color-error); }
.select2-container .select2-selection {
position: relative;
padding: 0;
height: auto;
min-height: 0;
color: var(--input-font-color);
vertical-align: bottom;
background: var(--input-background-color);
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration); }
.select2-container .select2-selection .select2-selection__rendered {
padding: var(--input-padding);
padding-right: 50px;
display: block;
width: 100%;
height: auto;
font-size: var(--input-font-size);
line-height: var(--input-line-height);
color: var(--input-font-color);
background-color: transparent;
border: none;
border-radius: var(--input-border-radius);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration); }
.select2-container .select2-selection .select2-selection__placeholder {
color: var(--input-placeholder-font-color); }
.select2-container .select2-selection .select2-selection__arrow {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50px;
height: auto;
color: var(--input-font-color);
background-color: var(--input-border-color); }
.select2-container .select2-selection .select2-selection__arrow b {
margin: 0;
top: 50%;
left: 50%;
width: auto;
height: auto;
border: none;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.select2-container .select2-selection .select2-selection__arrow b:before {
margin: 0;
position: absolute;
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e901';
top: 50%;
left: 50%;
font-size: 12px;
pointer-events: none;
color: inherit;
width: auto;
height: auto;
border: none;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
.select2-container .select2-selection:hover, .select2-container .select2-selection:focus {
outline: none;
border-color: var(--input-border-color-hover); }
.select2-container.select2-container--open .select2-selection {
border-color: var(--input-border-color-hover);
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
outline: none; }
.select2-container.select2-container--open .select2-selection .select2-selection__rendered {
background-color: transparent; }
.select2-container.select2-container--open .select2-selection .select2-selection__arrow b:before {
margin: 0;
opacity: 1;
border: none;
-webkit-transform: translate(-50%, -50%) rotateX(180deg);
transform: translate(-50%, -50%) rotateX(180deg); }
.select2-container.select2-container--open:focus {
outline: none; }
.select2-container.select2-container--open.select2-container--above .select2-selection {
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius); }
.select2-container .select2-dropdown {
border: 1px solid var(--input-border-color-hover);
border-top: none;
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius); }
.select2-container .select2-dropdown.select2-dropdown--above {
border-top: 1px solid var(--input-border-color-hover);
border-bottom: none;
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0; }
.select2-container .select2-dropdown.select2-dropdown--above .select2-results > .select2-results__options li:first-child {
border-top-left-radius: var(--input-border-radius);
border-top-right-radius: var(--input-border-radius); }
.select2-container .select2-dropdown.select2-dropdown--above .select2-results > .select2-results__options li:last-child {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container .select2-dropdown .select2-search {
display: none; }
.select2-container .select2-dropdown .select2-results > .select2-results__options {
max-height: 240px; }
.select2-container .select2-dropdown .select2-results > .select2-results__options li {
margin: 0;
padding: 6px 18px;
font-size: .8125rem;
line-height: 16px;
color: var(--input-font-color); }
.select2-container .select2-dropdown .select2-results > .select2-results__options li:last-child {
border-bottom-left-radius: var(--input-border-radius);
border-bottom-right-radius: var(--input-border-radius); }
.select2-container .select2-dropdown .select2-results > .select2-results__options li:before {
display: none; }
.select2-container .select2-dropdown .select2-results > .select2-results__options li.select2-results__option--highlighted[aria-selected] {
background-color: var(--input-border-color); }
.select2-container .select2-dropdown .select2-results > .select2-results__options li[aria-selected=true], .select2-container .select2-dropdown .select2-results > .select2-results__options li.select2-results__option--highlighted[aria-selected=true] {
color: #fff;
background-color: var(--font-color-1); }
.select2-container:hover .select2-selection {
border-color: var(--input-border-color-hover); }
.select2-hidden-accessible.form-control {
padding: 0 !important;
width: 1px !important;
height: 1px !important;
border: none !important; }
.form-control,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="url"] {
padding: var(--input-padding);
display: block;
width: 100%;
height: auto;
font-size: var(--input-font-size);
font-weight: 400;
line-height: var(--input-line-height);
font-family: var(--font-family-1);
color: var(--input-font-color);
background-color: var(--input-background-color);
border: none;
border-bottom: var(--input-border-size) solid var(--input-border-color);
border-radius: var(--input-border-radius);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration); }
.form-control:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="url"]:hover {
border-color: var(--input-border-color-hover);
background-color: var(--input-background-color-hover); }
.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus {
border-color: var(--input-border-color-focus);
background-color: var(--input-background-color-focus);
outline: none; }
.form-control::-moz-selection, input[type="text"]::-moz-selection, input[type="password"]::-moz-selection, input[type="tel"]::-moz-selection, input[type="email"]::-moz-selection, input[type="number"]::-moz-selection, input[type="search"]::-moz-selection, input[type="url"]::-moz-selection {
color: #fff;
background-color: #000; }
.form-control::selection,
input[type="text"]::selection,
input[type="password"]::selection,
input[type="tel"]::selection,
input[type="email"]::selection,
input[type="number"]::selection,
input[type="search"]::selection,
input[type="url"]::selection {
color: #fff;
background-color: #000; }
.form-control::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="url"]::-moz-placeholder {
color: var(--input-placeholder-font-color); }
.form-control::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="search"]::-ms-input-placeholder,
input[type="url"]::-ms-input-placeholder {
color: var(--input-placeholder-font-color); }
.form-control:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder {
color: var(--input-placeholder-font-color); }
.form-control::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder {
color: var(--input-placeholder-font-color); }
.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control,
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled]
input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled]
input[type="password"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled]
input[type="tel"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled]
input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled]
input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled]
input[type="search"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled]
input[type="url"] {
cursor: not-allowed;
opacity: .4;
background-color: transparent; }
.form-control[disabled]:hover, .form-control[disabled]:focus, .form-control[readonly]:hover, .form-control[readonly]:focus,
fieldset[disabled] .form-control:hover,
fieldset[disabled] .form-control:focus,
input[type="text"][disabled]:hover,
input[type="text"][disabled]:focus,
input[type="text"][readonly]:hover,
input[type="text"][readonly]:focus,
fieldset[disabled]
input[type="text"]:hover,
fieldset[disabled]
input[type="text"]:focus,
input[type="password"][disabled]:hover,
input[type="password"][disabled]:focus,
input[type="password"][readonly]:hover,
input[type="password"][readonly]:focus,
fieldset[disabled]
input[type="password"]:hover,
fieldset[disabled]
input[type="password"]:focus,
input[type="tel"][disabled]:hover,
input[type="tel"][disabled]:focus,
input[type="tel"][readonly]:hover,
input[type="tel"][readonly]:focus,
fieldset[disabled]
input[type="tel"]:hover,
fieldset[disabled]
input[type="tel"]:focus,
input[type="email"][disabled]:hover,
input[type="email"][disabled]:focus,
input[type="email"][readonly]:hover,
input[type="email"][readonly]:focus,
fieldset[disabled]
input[type="email"]:hover,
fieldset[disabled]
input[type="email"]:focus,
input[type="number"][disabled]:hover,
input[type="number"][disabled]:focus,
input[type="number"][readonly]:hover,
input[type="number"][readonly]:focus,
fieldset[disabled]
input[type="number"]:hover,
fieldset[disabled]
input[type="number"]:focus,
input[type="search"][disabled]:hover,
input[type="search"][disabled]:focus,
input[type="search"][readonly]:hover,
input[type="search"][readonly]:focus,
fieldset[disabled]
input[type="search"]:hover,
fieldset[disabled]
input[type="search"]:focus,
input[type="url"][disabled]:hover,
input[type="url"][disabled]:focus,
input[type="url"][readonly]:hover,
input[type="url"][readonly]:focus,
fieldset[disabled]
input[type="url"]:hover,
fieldset[disabled]
input[type="url"]:focus {
border-color: var(--input-border-color); }
fieldset[disabled] .form-control, fieldset[disabled]
input[type="text"], fieldset[disabled]
input[type="password"], fieldset[disabled]
input[type="tel"], fieldset[disabled]
input[type="email"], fieldset[disabled]
input[type="number"], fieldset[disabled]
input[type="search"], fieldset[disabled]
input[type="url"] {
opacity: 1; }
input[type="search"] {
-webkit-appearance: none; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
display: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
.form-control-group.has-success .form-control,
.form-control-group.has-success input[type="text"],
.form-control-group.has-success input[type="password"],
.form-control-group.has-success input[type="tel"],
.form-control-group.has-success input[type="email"],
.form-control-group.has-success input[type="number"],
.form-control-group.has-success input[type="search"],
.form-control-group.has-success input[type="url"] {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success); }
.form-control-group.has-warning .form-control,
.form-control-group.has-warning input[type="text"],
.form-control-group.has-warning input[type="password"],
.form-control-group.has-warning input[type="tel"],
.form-control-group.has-warning input[type="email"],
.form-control-group.has-warning input[type="number"],
.form-control-group.has-warning input[type="search"],
.form-control-group.has-warning input[type="url"] {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning); }
.form-control-group.has-error .form-control,
.form-control-group.has-error input[type="text"],
.form-control-group.has-error input[type="password"],
.form-control-group.has-error input[type="tel"],
.form-control-group.has-error input[type="email"],
.form-control-group.has-error input[type="number"],
.form-control-group.has-error input[type="search"],
.form-control-group.has-error input[type="url"] {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error); }
.form-control-group.has-effect .form-control,
.form-control-group.has-effect input[type="text"],
.form-control-group.has-effect input[type="password"],
.form-control-group.has-effect input[type="tel"],
.form-control-group.has-effect input[type="email"],
.form-control-group.has-effect input[type="number"],
.form-control-group.has-effect input[type="search"],
.form-control-group.has-effect input[type="url"] {
padding-top: 30px; }
.form-control-group.has-effect.filled.has-error .form-control,
.form-control-group.has-effect.filled.has-error input[type="text"],
.form-control-group.has-effect.filled.has-error input[type="password"],
.form-control-group.has-effect.filled.has-error input[type="tel"],
.form-control-group.has-effect.filled.has-error input[type="email"],
.form-control-group.has-effect.filled.has-error input[type="number"],
.form-control-group.has-effect.filled.has-error input[type="search"],
.form-control-group.has-effect.filled.has-error input[type="url"] {
border-color: var(--input-border-color-error); }
@-webkit-keyframes form-input-autofill {
100% {
background-color: transparent !important;
background-image: none !important;
color: inherit; } }
@keyframes form-input-autofill {
100% {
background-color: transparent !important;
background-image: none !important;
color: inherit; } }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
background-color: rgba(0, 0, 0, 0) !important;
-webkit-transition: background-color 84600s ease-in-out 0s;
transition: background-color 84600s ease-in-out 0s;
-webkit-text-fill-color: var(--input-font-color) !important; }
textarea {
margin: 0;
overflow: auto;
resize: vertical; }
table {
width: 100%;
border: none;
border-collapse: collapse;
border-spacing: 0;
empty-cells: hide; }
table > thead > tr > th {
padding: 15px;
font-size: var(--body-font-size);
text-align: left; }
table > thead > tr > th:last-child {
border-right: none; }
table > thead > tr > th.align-center {
text-align: center; }
table > thead > tr > th.align-right {
text-align: right; }
@media only screen and (max-width: 479px) {
table > thead > tr > th {
word-wrap: break-word; } }
table > tbody > tr > td {
padding: 15px;
font-size: var(--body-font-size);
background-color: transparent; }
table > tbody > tr > td:last-child {
border-right: none; }
table > tbody > tr > td.align-center {
text-align: center; }
table > tbody > tr > td.align-right {
text-align: right; }
@media only screen and (max-width: 479px) {
table > tbody > tr > td {
word-wrap: break-word; } }
table > tbody > tr:nth-child(even) > td {
background-color: transparent; }
.table-wrapper {
overflow-x: auto; }
nav ul {
margin: 0;
padding: 0; }
nav ul li {
margin: 0;
padding: 0;
font-size: 1em;
font-style: normal;
font-weight: normal;
background: none; }
nav ul li:before {
display: none;
content: '';
background: none; }
nav ul li a {
text-decoration: none; }
nav ul li a:hover, nav ul li a:focus, nav ul li a:active {
text-decoration: none;
outline: none; }
nav.category > .title {
-webkit-margin-after: 20px;
margin-block-end: 20px;
font-size: .9375rem;
display: none; }
nav.category > ul {
margin: -3px -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (max-width: 559px) {
nav.category > ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
nav.category > ul > li {
padding: 3px 10px;
position: relative;
font-size: .9375rem;
width: 50%; }
@media (max-width: 559px) {
nav.category > ul > li {
width: 100%; } }
nav.category > ul > li > a {
padding: 10px 15px;
-webkit-padding-start: 40px;
padding-inline-start: 40px;
position: relative;
font-size: 1em;
text-decoration: none;
height: 100%;
color: var(--font-color-2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--font-color-2-a30);
-webkit-transition: color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), border-color var(--animation-default-duration); }
nav.category > ul > li > a:hover {
color: var(--font-color-2);
border-color: var(--font-color-2); }
nav.category > ul > li > a:before {
position: absolute;
top: 50%;
left: 15px;
display: block;
content: '';
width: 16px;
height: 16px;
background: transparent;
border: 1px solid currentColor;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
nav.category > ul > li > a:after {
position: absolute;
top: 50%;
left: 20px;
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e90f';
font-size: 6px;
color: var(--font-color-2);
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
nav.category > ul > li.active > a {
color: var(--brand-color-1);
border-color: var(--brand-color-1); }
nav.category > ul > li.active > a:before {
background-color: currentColor; }
nav.category > ul > li.active > a:after {
opacity: 1; }
.category-nav-component {
-webkit-margin-after: calc(min(80px, max(30px, 5vw)));
margin-block-end: calc(min(80px, max(30px, 5vw))); }
.category-nav-component:last-child {
-webkit-margin-before: calc(min(80px, max(30px, 5vw)));
margin-block-start: calc(min(80px, max(30px, 5vw)));
-webkit-margin-after: 0;
margin-block-end: 0; }
nav.footer ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
nav.footer ul li {
margin: 0;
margin-bottom: 10px;
padding: 0;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
nav.footer ul li:last-child {
margin-bottom: 0; }
nav.footer ul li a {
font-size: inherit;
line-height: inherit;
color: inherit;
text-decoration: none; }
nav.footer ul li a:hover {
text-decoration: underline; }
nav.footer ul li.active a {
color: var(--brand-color-1); }
nav.footer-links ul li {
margin: 0;
-webkit-margin-after: 15px;
margin-block-end: 15px;
padding: 0;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
nav.footer-links ul li:last-child {
-webkit-margin-after: 0;
margin-block-end: 0; }
nav.footer-links ul li a {
padding: 0;
font-size: inherit;
color: inherit;
line-height: var(--font-line-height-1);
text-decoration: none; }
nav.footer-links ul li a:hover {
text-decoration: underline; }
nav.footer-links ul li.active a {
text-decoration: underline; }
nav.primary > .toggle-button {
display: none; }
nav.primary > ul.hidden-links {
display: none; }
nav.primary ul li {
line-height: 1em; }
nav.primary ul li a {
line-height: 1.25em;
display: block; }
nav.primary > ul:not(.hidden-links) { }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
nav.primary > ul:not(.hidden-links) > li {
line-height: 1; }
nav.primary > ul:not(.hidden-links) > li + li {
-webkit-margin-before: 8px;
margin-block-start: 8px; }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) > li + li {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-start: calc(min(60px, max(20px, 4vw)));
margin-inline-start: calc(min(60px, max(20px, 4vw))); } }
nav.primary > ul:not(.hidden-links) > li.parent + li:not(:last-child) { }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) > li.parent + li:not(:last-child) {
-webkit-margin-start: calc(min(40px, max(10px, 3vw)));
margin-inline-start: calc(min(40px, max(10px, 3vw))); } }
nav.primary > ul:not(.hidden-links) > li > a {
padding: 2px 0;
position: relative;
font-size: calc(min(1.25rem, max(1.125rem, 3vw)));
line-height: var(--font-line-height-2);
color: var(--header-theme-color);
text-decoration: none;
-webkit-transition: color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), border-color var(--animation-default-duration); }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) > li > a {
padding: 15px 0;
font-size: var(--body-font-size); } }
nav.primary > ul:not(.hidden-links) > li > a:hover {
color: var(--header-theme-color-hover); }
body.header-opened nav.primary > ul:not(.hidden-links) > li > a,
body.header-opening nav.primary > ul:not(.hidden-links) > li > a {
color: var(--header-theme-color-opened); }
body.header-opened nav.primary > ul:not(.hidden-links) > li > a:hover,
body.header-opening nav.primary > ul:not(.hidden-links) > li > a:hover {
color: var(--header-theme-color-opened-hover); }
nav.primary > ul:not(.hidden-links) > li.active > a {
color: var(--header-theme-color-hover); }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) > li.active > a {
color: var(--header-theme-color);
border-color: var(--header-theme-color-hover); } }
body.header-opened nav.primary > ul:not(.hidden-links) > li.active > a,
body.header-opening nav.primary > ul:not(.hidden-links) > li.active > a {
color: var(--header-theme-color-opened-hover); }
nav.primary > ul:not(.hidden-links) > li.parent {
position: relative; }
nav.primary > ul:not(.hidden-links) > li.parent > a {
-webkit-padding-end: 1.5em;
padding-inline-end: 1.5em;
position: relative; }
nav.primary > ul:not(.hidden-links) > li.parent > a:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e903';
position: absolute;
top: 50%;
right: 10px;
font-size: .5em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
nav.primary > ul:not(.hidden-links) > li.parent > ul {
-webkit-padding-before: 15px;
padding-block-start: 15px;
position: relative;
display: none; }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) > li.parent > ul {
padding: 20px;
position: absolute;
bottom: 0;
left: -20px;
opacity: 0;
pointer-events: none;
display: block !important;
width: 100vw;
max-width: 280px;
background-color: var(--background-color-1);
border-radius: 0;
-webkit-transform: translate(0, calc(100% - 20px));
-ms-transform: translate(0, calc(100% - 20px));
transform: translate(0, calc(100% - 20px));
-webkit-transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
html.is-safari nav.primary > ul:not(.hidden-links) > li.parent > ul {
pointer-events: auto;
display: none !important; } }
nav.primary > ul:not(.hidden-links) > li.parent > ul > li + li {
-webkit-margin-before: 0;
margin-block-start: 0; }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) > li.parent > ul > li + li {
-webkit-margin-before: 0;
margin-block-start: 0; } }
nav.primary > ul:not(.hidden-links) > li.parent > ul > li > a {
margin: 0;
padding: 15px 0;
display: block;
font-weight: 400;
font-size: calc(min(1.25rem, max(1.125rem, 3vw)));
line-height: var(--font-line-height-3);
color: var(--header-theme-color); }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) > li.parent > ul > li > a {
padding: 15px 0;
display: block;
font-weight: 400;
font-size: var(--body-font-size);
line-height: var(--font-line-height-3);
color: var(--header-theme-color); } }
nav.primary > ul:not(.hidden-links) > li.parent > ul > li > a:hover {
color: var(--brand-color-1); }
nav.primary > ul:not(.hidden-links) > li.parent > ul > li > a:after { }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) > li.parent > ul > li > a:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e903';
position: absolute;
display: none;
top: 50%;
right: 10px;
font-size: .875em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); } }
nav.primary > ul:not(.hidden-links) > li.parent:last-child > ul { }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) > li.parent:last-child > ul {
left: auto;
right: 0; } }
nav.primary > ul:not(.hidden-links) > li.parent:hover > a { }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) > li.parent:hover > a {
color: var(--header-theme-color-hover); } }
nav.primary > ul:not(.hidden-links) > li.parent:hover > ul { }
@media only screen and (min-width: 9999rem) {
nav.primary > ul:not(.hidden-links) > li.parent:hover > ul {
opacity: 1;
pointer-events: auto;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%); } }
nav.primary > ul:not(.hidden-links) > li.parent.opened > a:after {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg); }
nav.primary.auto-hide { }
@media only screen and (min-width: 9999rem) {
nav.primary.auto-hide {
-webkit-padding-end: 60px;
padding-inline-end: 60px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc((var(--vw) - var(--grid-gap)) / 2 - 80px);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
nav.primary.auto-hide > .toggle-button {
position: absolute;
top: 0;
right: 0;
height: 100%;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--body-font-size);
color: var(--header-theme-color);
font-weight: normal;
border: none;
outline: none;
text-decoration: none; }
@media only screen and (min-width: 9999rem) {
nav.primary.auto-hide > .toggle-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
nav.primary.auto-hide > .toggle-button:after {
content: attr(count);
position: absolute;
top: 50%;
left: 0;
width: 30px;
height: 30px;
display: none;
line-height: 30px;
font-size: .8125rem;
text-align: center;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
nav.primary.auto-hide > .toggle-button:hover {
color: var(--header-theme-color-hover); }
nav.primary.auto-hide > .toggle-button.hidden {
display: none; }
nav.primary.auto-hide > .toggle-button .text {
display: none; }
nav.primary.auto-hide > .toggle-button .patty {
position: relative;
width: 40px;
height: 40px;
display: block; }
nav.primary.auto-hide > .toggle-button .patty .line {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 1px;
background-color: currentColor;
border-radius: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), transform var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration);
transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), transform var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
nav.primary.auto-hide > .toggle-button .patty .line:nth-child(1) {
top: calc(50% - 7px); }
nav.primary.auto-hide > .toggle-button .patty .line:nth-child(2) {
top: 50%; }
nav.primary.auto-hide > .toggle-button .patty .line:nth-child(3) {
top: calc(50% + 7px); }
body.header-opened nav.primary.auto-hide > .toggle-button .patty .line,
body.header-opening nav.primary.auto-hide > .toggle-button .patty .line {
background-color: var(--header-theme-color-opened); }
body:not(.header-top) nav.primary.auto-hide > .toggle-button .patty .line {
background-color: var(--header-theme-color); }
nav.primary.auto-hide > ul:not(.hidden-links) { }
@media only screen and (min-width: 9999rem) {
nav.primary.auto-hide > ul:not(.hidden-links) {
display: inline-table; } }
nav.primary.auto-hide > ul:not(.hidden-links) > li {
line-height: 1; }
@media only screen and (min-width: 9999rem) {
nav.primary.auto-hide > ul:not(.hidden-links) > li {
display: table-cell;
white-space: nowrap; } }
nav.primary.auto-hide > ul:not(.hidden-links) > li + li {
-webkit-margin-before: 1em;
margin-block-start: 1em; }
@media only screen and (min-width: 9999rem) {
nav.primary.auto-hide > ul:not(.hidden-links) > li + li {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-padding-start: 35px;
padding-inline-start: 35px; } }
nav.primary.auto-hide > ul.hidden-links { }
@media only screen and (min-width: 9999rem) {
nav.primary.auto-hide > ul.hidden-links {
margin: 0;
padding-block: 10px;
position: absolute;
top: 100%;
right: 0;
width: 100vw;
max-width: 160px;
background-color: var(--background-color-1);
-webkit-transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
html.is-safari nav.primary.auto-hide > ul.hidden-links {
pointer-events: auto;
display: none !important; } }
nav.primary.auto-hide > ul.hidden-links.hidden {
display: none; }
nav.primary.auto-hide > ul.hidden-links > li {
display: block;
border-bottom: 1px solid var(--border-color-4-a40); }
nav.primary.auto-hide > ul.hidden-links > li:last-child {
border-bottom: none; }
nav.primary.auto-hide > ul.hidden-links > li > a {
padding: 10px 20px;
display: block;
line-height: var(--font-line-height-1);
font-weight: normal;
color: var(--header-theme-color);
text-decoration: none;
text-align: right; }
nav.primary.auto-hide > ul.hidden-links > li > a:hover {
color: var(--header-theme-color-hover); }
nav.primary.auto-hide > ul.hidden-links > li > a.active > a {
color: var(--header-theme-color-hover); }
nav.primary.auto-hide > ul.hidden-links > li > ul {
display: none !important; }
nav.primary.toggle-sub-menu > ul:not(.hidden-links).sub-open > li {
display: none; }
nav.primary.toggle-sub-menu > ul:not(.hidden-links).sub-open > li.sub-open {
display: block;
border-top: none; }
nav.primary.toggle-sub-menu > ul:not(.hidden-links).sub-open > li.sub-open > a {
-webkit-padding-start: 1.5em;
padding-inline-start: 1.5em;
-webkit-padding-end: 0;
padding-inline-end: 0;
border-bottom: 1px solid var(--border-color-6-a50); }
nav.primary.toggle-sub-menu > ul:not(.hidden-links).sub-open > li.sub-open > a:after {
left: 0;
right: auto;
content: '\e902'; }
nav.primary.toggle-sub-menu > ul:not(.hidden-links).sub-open > li.sub-open > ul {
display: block; }
nav.top ul li {
line-height: 1em; }
nav.top ul li a {
line-height: 1.25em;
display: block; }
@media only screen and (min-width: 992px) {
nav.top > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 calc(min(30px, max(20px, 3vw))); } }
nav.top > ul > li {
line-height: 1; }
@media only screen and (min-width: 992px) {
nav.top > ul > li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; } }
nav.top > ul > li > a {
padding: 8px 0;
position: relative;
font-size: calc(min(1.375rem, max(1.25rem, 3vw)));
line-height: var(--font-line-height-2);
font-weight: 400;
color: var(--header-theme-color);
text-decoration: none;
-webkit-transition: color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), border-color var(--animation-default-duration); }
@media only screen and (min-width: 992px) {
nav.top > ul > li > a {
padding: 8px 0;
font-size: var(--body-font-size); } }
@media only screen and (min-width: 992px) {
nav.top > ul > li > a:before {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
content: '';
width: auto;
height: 1px;
opacity: .3;
background-color: currentColor;
-webkit-transition: height var(--animation-default-duration), opacity var(--animation-default-duration);
transition: height var(--animation-default-duration), opacity var(--animation-default-duration); } }
nav.top > ul > li > a:hover {
color: var(--header-theme-color-hover); }
nav.top > ul > li > a:hover:before {
opacity: 1; }
body.header-opened nav.top > ul > li > a,
body.header-opening nav.top > ul > li > a {
color: var(--header-theme-color-opened); }
body.header-opened nav.top > ul > li > a:hover,
body.header-opening nav.top > ul > li > a:hover {
color: var(--header-theme-color-opened-hover); }
nav.top > ul > li.active > a {
color: var(--header-theme-color-hover); }
@media only screen and (min-width: 992px) {
nav.top > ul > li.active > a {
color: var(--header-theme-color);
border-color: var(--header-theme-color-hover); } }
body.header-opened nav.top > ul > li.active > a,
body.header-opening nav.top > ul > li.active > a {
color: var(--header-theme-color-opened-hover); }
nav.top > ul > li.active > a:before {
opacity: 1;
height: 2px; }
nav.top > ul > li.parent {
position: relative; }
nav.top > ul > li.parent > a {
-webkit-padding-end: 1.5em;
padding-inline-end: 1.5em;
position: relative; }
nav.top > ul > li.parent > a:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e901';
position: absolute;
top: 1.5em;
right: 1px;
font-size: .5em;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
nav.top > ul > li.parent > ul {
-webkit-padding-before: 15px;
padding-block-start: 15px;
position: relative;
display: none; }
@media only screen and (min-width: 992px) {
nav.top > ul > li.parent > ul {
padding: 20px;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
pointer-events: none;
display: block !important;
width: 100vw;
max-width: 280px;
background-color: var(--background-color-1);
border-radius: 0;
-webkit-transform: translate(0, calc(100% - 20px));
-ms-transform: translate(0, calc(100% - 20px));
transform: translate(0, calc(100% - 20px));
-webkit-transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
html.is-safari nav.top > ul > li.parent > ul {
pointer-events: auto;
display: none !important; } }
nav.top > ul > li.parent > ul > li + li {
-webkit-margin-before: 0;
margin-block-start: 0; }
@media only screen and (min-width: 992px) {
nav.top > ul > li.parent > ul > li + li {
-webkit-margin-before: 0;
margin-block-start: 0; } }
nav.top > ul > li.parent > ul > li > a {
margin: 0;
padding: 15px 0;
display: block;
font-weight: 400;
font-size: calc(min(1.25rem, max(1.125rem, 3vw)));
line-height: var(--font-line-height-3);
color: var(--header-theme-color-reverse); }
@media only screen and (min-width: 992px) {
nav.top > ul > li.parent > ul > li > a {
padding: 15px 0;
display: block;
font-weight: 400;
font-size: var(--body-font-size);
line-height: var(--font-line-height-3); } }
nav.top > ul > li.parent > ul > li > a:hover {
color: var(--brand-color-1); }
@media only screen and (min-width: 992px) {
nav.top > ul > li.parent > ul > li > a:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e903';
position: absolute;
display: none;
top: 50%;
right: 10px;
font-size: .875em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); } }
@media only screen and (min-width: 992px) {
nav.top > ul > li.parent:last-child > ul {
left: auto;
right: 0; } }
@media only screen and (min-width: 992px) {
nav.top > ul > li.parent:hover > a {
color: var(--header-theme-color-hover); } }
@media only screen and (min-width: 992px) {
nav.top > ul > li.parent:hover > a:before {
opacity: 1; } }
@media only screen and (min-width: 992px) {
nav.top > ul > li.parent:hover > ul {
opacity: 1;
pointer-events: auto;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%); } }
nav.top > ul > li.parent.opened > a:after {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg); }
@-webkit-keyframes loader-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes loader-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.entity-list-component .list-container {
position: relative; }
.entity-list-component .list-container:before {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
content: '';
pointer-events: none; }
.entity-list-component .list-container > .buttons-container {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
.entity-list-component .list-container > .buttons-container {
margin-top: 50px; } }
.entity-list-component .list-container > .buttons-container.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.entity-list-component .list-container .loader {
position: absolute;
z-index: 3;
opacity: 0;
bottom: 0;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--font-color-3); -webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
pointer-events: none; }
.entity-list-component .list-container .loader .icon {
margin-left: auto;
margin-right: auto;
width: 40px;
height: 40px;
display: block; }
.entity-list-component .list-container .loader .icon svg {
width: 100%; }
.entity-list-component .list-container .loader .icon svg .dots {
fill: var(--brand-color-1); }
.entity-list-component .list-container .loader .icon svg .back {
fill: var(--brand-color-1);
fill-opacity: .27; }
.entity-list-component .list-container .loader .icon svg .front {
fill: var(--brand-color-1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: loader-rotate 3s linear infinite;
animation: loader-rotate 3s linear infinite; }
.entity-list-component .list-container .loader .text {
margin-left: 30px;
font-size: calc(min(1.4375rem, max(1.25rem, 3vw)));
line-height: var(--font-line-height-1);
color: var(--brand-color-1); }
.entity-list-component .list-container .list {
opacity: 1;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
.entity-list-component[data-lazy-load="true"] .list-container {
padding-bottom: 80px; }
.entity-list-component[data-lazy-load="true"] .list-container > .buttons-container {
margin-top: 0;
pointer-events: none;
overflow: hidden;
height: 0; }
.entity-list-component.loading .list-container:before {
display: block; }
.entity-list-component.loading .list-container .loader {
opacity: 1; }
.entity-list-component.loading .list-container .list {
opacity: .5; }
.entity-list-component.loading .list-container > .buttons-container {
opacity: 0; }
.entity-list-component.loaded .list-container > .buttons-container {
margin-top: 0;
display: none; }
.entity-list-filter-component {
padding: 0;
position: relative; }
.entity-list-filter-component > .title {
margin-bottom: 20px;
text-align: center;
font-size: var(--body-font-size); }
.entity-list-filter-component .section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.entity-list-filter-component .section > .title {
margin-right: 20px;
font-size: var(--body-font-size); }
.entity-list-filter-component nav.list-filter {
margin: 0;
position: relative; }
.entity-list-filter-component nav.list-filter > .title {
padding: 15px 20px;
padding-right: 40px;
position: relative;
width: 100vw;
max-width: 230px;
font-size: var(--body-font-size);
line-height: 20px;
border: 1px var(--border-color-1) solid; }
.entity-list-filter-component nav.list-filter > .title:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e901';
position: absolute;
top: 50%;
right: 15px;
display: block;
font-size: .875rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.entity-list-filter-component nav.list-filter ul {
position: absolute;
top: 52px;
left: 0;
width: 100%;
display: none; }
.entity-list-filter-component nav.list-filter ul li {
margin-top: -1px;
font-size: 1rem;
background-color: var(--background-color-1);
border: 1px var(--border-color-1) solid; }
.entity-list-filter-component nav.list-filter ul li a {
padding: 15px 20px;
position: relative;
display: block;
font-size: var(--body-font-size);
line-height: 16px;
font-weight: normal;
color: var(--font-color-1);
text-decoration: none; }
.entity-list-filter-component nav.list-filter:hover ul {
display: block;
z-index: 2; }
.entity-list-component .entity-list-filter-component {
margin-bottom: 25px; }
.entity-navigation-component {
padding: 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.entity-navigation-component ul li {
line-height: 1em; }
@media only screen and (max-width: 479px) {
.entity-navigation-component ul li.prev, .entity-navigation-component ul li.next {
display: none; } }
.entity-navigation-component ul li.prev a, .entity-navigation-component ul li.next a {
padding: 16px;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: var(--brand-color-1);
border: 1px solid currentColor;
border-radius: 50vw;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
.entity-navigation-component ul li.prev a, .entity-navigation-component ul li.next a {
padding: 4px 0;
background: none;
border: none;
border-radius: 0; } }
.entity-navigation-component ul li.prev a:hover, .entity-navigation-component ul li.next a:hover {
color: var(--brand-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1); }
@media only screen and (min-width: 768px) {
.entity-navigation-component ul li.prev a:hover, .entity-navigation-component ul li.next a:hover {
background: none;
border: none;
border-radius: 0; } }
.entity-navigation-component ul li.prev [class^="icon-"],
.entity-navigation-component ul li.prev [class*=" icon-"], .entity-navigation-component ul li.next [class^="icon-"],
.entity-navigation-component ul li.next [class*=" icon-"] {
margin: 0;
padding: 0;
position: relative;
display: block;
font-size: 1em;
background: none;
background-color: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
opacity: 1; }
.entity-navigation-component ul li.prev .text, .entity-navigation-component ul li.next .text {
display: none;
font-size: var(--body-font-size); }
@media only screen and (min-width: 768px) {
.entity-navigation-component ul li.prev .text, .entity-navigation-component ul li.next .text {
display: block; } }
.entity-navigation-component ul li.prev.disabled a, .entity-navigation-component ul li.next.disabled a {
cursor: default !important;
pointer-events: none;
color: var(--font-color-3-a40) !important;
background-color: transparent !important;
border-color: var(--border-color-3-a40) !important; }
.entity-navigation-component ul li.prev.disabled a [class^="icon-"],
.entity-navigation-component ul li.prev.disabled a [class*=" icon-"], .entity-navigation-component ul li.next.disabled a [class^="icon-"],
.entity-navigation-component ul li.next.disabled a [class*=" icon-"] {
color: currentColor !important;
background-color: transparent !important;
border-color: var(--border-color-3-a40) !important; }
.entity-navigation-component ul li.prev.disabled a:hover, .entity-navigation-component ul li.next.disabled a:hover {
color: var(--font-color-3-a10) !important;
background-color: transparent !important;
border-color: var(--border-color-3-a40) !important; }
.entity-navigation-component ul li.prev.disabled a:hover [class^="icon-"],
.entity-navigation-component ul li.prev.disabled a:hover [class*=" icon-"], .entity-navigation-component ul li.next.disabled a:hover [class^="icon-"],
.entity-navigation-component ul li.next.disabled a:hover [class*=" icon-"] {
color: currentColor !important;
background-color: transparent !important;
border-color: var(--border-color-3-a40) !important; }
.entity-navigation-component ul li.prev a {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media only screen and (min-width: 768px) {
.entity-navigation-component ul li.prev [class^="icon-"],
.entity-navigation-component ul li.prev [class*=" icon-"] {
margin-left: -10px;
margin-right: 15px; } }
@media only screen and (min-width: 768px) {
.entity-navigation-component ul li.next [class^="icon-"],
.entity-navigation-component ul li.next [class*=" icon-"] {
margin-left: 15px;
margin-right: -10px; } }
.entity-navigation-component ul li.number {
margin: 2px !important;
font-size: .9375em;
font-weight: 400;
line-height: 1; }
.entity-navigation-component ul li.number a {
margin: 0;
padding: 2px 5px;
position: relative;
z-index: 2;
display: block;
font-size: var(--body-font-size);
line-height: 20px;
text-align: center;
text-decoration: none;
color: var(--font-color-3);
background-color: transparent;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
border-radius: 0; }
.entity-navigation-component ul li.number a:hover {
color: var(--brand-color-1); }
.entity-navigation-component ul li.number.disabled a {
pointer-events: none; }
.entity-navigation-component ul li.number.active a {
color: var(--brand-color-1); }
.entity-navigation-component ul li.separator {
margin-left: 4px !important;
margin-right: 4px !important; }
.entity-navigation-component ul li.separator a {
text-decoration: none;
color: var(--font-color-3); }
.entity-navigation-component ul.paging {
margin: 0;
padding: 0;
list-style-type: none;
margin-left: 0;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%; }
.entity-navigation-component ul.paging li {
margin: 0;
padding: 0; }
.entity-navigation-component ul.paging li:before {
display: none; }
@media only screen and (min-width: 768px) {
.entity-navigation-component ul.paging {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.entity-navigation-component ul.paging li.prev {
margin-left: 0;
margin-right: auto; }
.entity-navigation-component ul.paging li.next {
margin-left: auto;
margin-right: 0; }
.entity-navigation-component ul.paging.first-last-only li {
display: none; }
.entity-navigation-component ul.paging.first-last-only li:first-child, .entity-navigation-component ul.paging.first-last-only li:last-child {
display: block; }
.entity-list-component .entity-navigation-component:first-child {
margin-bottom: 40px; }
@media only screen and (min-width: 768px) {
.entity-list-component .entity-navigation-component:first-child {
margin-bottom: 45px; } }
@media only screen and (min-width: 992px) {
.entity-list-component .entity-navigation-component:first-child {
margin-bottom: 50px; } }
.entity-list-component .entity-navigation-component:last-child {
margin-top: 40px; }
@media only screen and (min-width: 768px) {
.entity-list-component .entity-navigation-component:last-child {
margin-top: 45px; } }
@media only screen and (min-width: 992px) {
.entity-list-component .entity-navigation-component:last-child {
margin-top: 50px; } }
#footer {
margin-top: auto;
position: relative;
color: var(--font-color-2);
background-color: var(--background-color-4); }
#footer .footer-top {
border-top: 1px solid var(--border-color-2-a30); }
#footer .footer-top .footer-inner {
padding-block: calc(calc(min(80px, max(60px, 8vw))));
-webkit-padding-after: 40px;
padding-block-end: 40px;
position: relative;
text-align: center; }
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-inner {
padding-block: calc(calc(min(180px, max(80px, 10vw))));
text-align: left; } }
#footer .footer-top .footer-grid {
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto;
gap: 50px var(--grid-gap); }
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-grid {
grid-template-columns: 1fr 1.2fr .8fr; } }
#footer .footer-top .footer-grid > .cell {
position: relative; }
#footer .footer-top .footer-grid > .cell:nth-child(2) {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-grid > .cell:nth-child(2) {
-webkit-box-ordinal-group: unset;
-ms-flex-order: unset;
order: unset;
grid-row: auto / span 2;
grid-column: auto / span 2; } }
@media only screen and (min-width: 992px) {
#footer .footer-top .footer-grid > .cell:nth-child(2) {
grid-row: auto / span 1;
grid-column: auto / span 1; } }
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-grid > .cell:nth-child(2) .body {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: var(--grid-gap);
-moz-column-gap: var(--grid-gap);
column-gap: var(--grid-gap); } }
#footer .footer-top .footer-grid > .cell:nth-child(2) .body nav {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid; }
#footer .footer-top .footer-grid > .cell:nth-child(2) .body nav + nav {
-webkit-margin-before: 50px;
margin-block-start: 50px; }
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-grid > .cell:nth-child(2) .body nav + nav {
-webkit-margin-before: 0;
margin-block-start: 0; } }
@media only screen and (min-width: 992px) {
#footer .footer-top .footer-grid > .cell:nth-child(3) {
justify-self: end; } }
#footer .footer-middle .footer-inner {
padding-block: 25px;
text-align: center; }
@media only screen and (min-width: 768px) {
#footer .footer-middle .footer-inner {
text-align: left; } }
#footer .footer-bottom {
-webkit-margin-after: calc(min(70px, max(30px, 5vw)));
margin-block-end: calc(min(70px, max(30px, 5vw))); }
#footer .footer-bottom .footer-inner {
padding-block: 20px;
text-align: center;
border-top: 1px solid currentColor;
border-bottom: 1px solid currentColor; }
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-inner {
text-align: left; } }
#footer .footer-bottom .footer-grid {
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto;
gap: 20px var(--grid-gap); }
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-grid {
grid-template-columns: repeat(2, 1fr);
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end; } }
@media only screen and (min-width: 992px) {
#footer .footer-bottom .footer-grid {
grid-template-columns: 1fr 1.2fr .8fr; } }
#footer .footer-bottom .footer-grid > .cell {
position: relative; }
#footer .footer-bottom .footer-grid > .cell:nth-child(1) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-grid > .cell:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
#footer .footer-bottom .footer-grid > .cell:nth-child(2) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-grid > .cell:nth-child(2) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
grid-column: auto / span 2; } }
@media only screen and (min-width: 992px) {
#footer .footer-bottom .footer-grid > .cell:nth-child(2) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
grid-column: auto / span 1; } }
#footer .footer-bottom .footer-grid > .cell:nth-child(3) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-grid > .cell:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: right; } }
@media only screen and (min-width: 992px) {
#footer .footer-bottom .footer-grid > .cell:nth-child(3) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; } }
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-grid > .cell:nth-child(3) p {
-webkit-margin-start: auto;
margin-inline-start: auto;
-webkit-margin-end: 0;
margin-inline-end: 0; } }
#footer .footer-bottom p {
margin-inline: auto;
max-width: 420px;
line-height: var(--font-line-height-2); }
@media only screen and (min-width: 768px) {
#footer .footer-bottom p {
margin-inline: 0;
max-width: 420px; } }
@media only screen and (min-width: 992px) {
#footer .footer-bottom p {
max-width: 420px; } }
#footer .footer-bottom p:first-child {
margin-top: 0; }
#footer .footer-bottom p:last-child {
margin-bottom: 0; }
#footer .footer-grid .cell > .header {
-webkit-margin-after: 30px;
margin-block-end: 30px; }
#footer .footer-grid .cell > .header .title {
margin: 0;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2);
font-weight: 700; }
#footer .footer-grid .cell.collapse > .header {
position: relative; }
#footer .footer-grid .cell.collapse > .header:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
right: 0;
content: '\e901';
display: block;
font-size: 12px;
color: inherit;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
#footer .footer-grid .cell.collapse > .header:before {
display: none; } }
#footer .footer-grid .cell.collapse > .header .title {
padding-left: 0;
padding-right: 30px;
cursor: pointer; }
@media only screen and (min-width: 768px) {
#footer .footer-grid .cell.collapse > .header .title {
padding: 0;
cursor: default; } }
#footer .footer-grid .cell.collapse > .body {
display: none; }
@media only screen and (min-width: 768px) {
#footer .footer-grid .cell.collapse > .body {
display: block !important; } }
#footer .footer-grid .cell.collapse.opened {
padding-bottom: 25px; }
#footer .footer-grid .cell.collapse.opened > .header:before {
-webkit-transform: translate(0, -50%) rotateX(180deg);
transform: translate(0, -50%) rotateX(180deg); }
#footer .logo img,
#footer .logo svg {
margin: 0 auto;
display: block;
width: 104px;
height: auto;
max-height: 124px; }
@media only screen and (min-width: 768px) {
#footer .logo img,
#footer .logo svg {
margin-inline: 0; } }
#footer .logo svg path {
fill: var(--font-color-2);
-webkit-transition: fill var(--animation-default-duration);
transition: fill var(--animation-default-duration); }
#footer .logo svg .highlight {
fill: var(--brand-color-1);
-webkit-transition: fill var(--animation-default-duration);
transition: fill var(--animation-default-duration); }
#footer .logo a {
display: block; }
#footer .logo a:hover svg .highlight {
fill: var(--brand-color-2); }
#footer .contact-info-container p {
margin-block: .75em;
font-size: var(--body-font-size);
line-height: var(--font-line-height-3);
color: inherit; }
#footer .contact-info-container p:first-child {
-webkit-margin-before: 0;
margin-block-start: 0; }
#footer .contact-info-container p:last-child {
-webkit-margin-after: 0;
margin-block-end: 0; }
#footer .quick-contact-component > .title {
display: none; }
#footer .quick-contact-component ul li {
font-size: var(--body-font-size); }
#footer .social-media-component {
-webkit-margin-before: 25px;
margin-block-start: 25px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
#footer .social-media-component {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
#footer .social-media-component > .title {
-webkit-margin-after: 10px;
margin-block-end: 10px;
display: none; }
@media only screen and (min-width: 768px) {
#footer .social-media-component > .title {
-webkit-margin-after: 0;
margin-block-end: 0; } }
#footer .social-media-component ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px 20px; }
@media only screen and (min-width: 768px) {
#footer .social-media-component ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
@media only screen and (min-width: 992px) {
#footer .social-media-component ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media only screen and (min-width: 1200px) {
#footer .social-media-component ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
#footer .cta-container {
margin-inline: auto;
max-width: 360px; }
@media only screen and (min-width: 768px) {
#footer .cta-container {
margin-inline: 0;
max-width: 640px; } }
#footer .cta-container > .title {
font-size: calc(min(2.8125rem, max(1.5rem, 3vw)));
line-height: var(--font-line-height-2); }
#footer .cta-container .buttons-container {
-webkit-margin-before: 10px;
margin-block-start: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media only screen and (min-width: 768px) {
#footer .cta-container .buttons-container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
#footer nav.footer {
margin-block: 5px; }
#footer .copyright,
#footer .designed {
font-size: var(--body-font-size);
line-height: var(--font-line-height-2);
color: inherit; }
#footer .copyright .nowrap,
#footer .designed .nowrap {
white-space: nowrap; }
#footer .copyright a,
#footer .designed a {
color: inherit;
text-decoration: none; }
#footer .copyright a:hover,
#footer .designed a:hover {
text-decoration: underline; }
#header {
--header-theme-color: var(--font-color-2);
--header-theme-color-alpha: var(--font-color-2-a40);
--header-theme-color-reverse: var(--font-color-3);
--header-theme-color-reverse-alpha: var(--font-color-3-a40);
--header-theme-color-hover: var(--brand-color-2);
--header-theme-color-hover-alpha: var(--brand-color-3-a40);
--header-theme-color-opened: var(--font-color-2);
--header-theme-color-opened-reversed: var(--font-color-3);
--header-theme-color-opened-hover: var(--brand-color-2);
margin: 0;
position: absolute;
z-index: 23;
top: 0;
left: 0;
right: 0;
min-height: var(--header-height);
-webkit-transition: background-color var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: transform var(--animation-default-duration), background-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: transform var(--animation-default-duration), background-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration); }
body.header-opened #header,
body.header-opening #header {
position: fixed;
z-index: 23;
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important; }
body.header-closing #header {
position: fixed;
z-index: 23; }
@media only screen and (min-width: 992px) {
body.has-overlay #header {
background-color: var(--background-color-1); } }
#header .header-top {
position: relative;
background-color: transparent;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
body.header-opened #header .header-top,
body.header-opening #header .header-top {
background-color: transparent; }
body.overlay-primary-nav #header .header-top {
background-color: transparent; }
#header .header-top:before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: none;
content: '';
height: 1px;
background-color: var(--header-theme-color); }
#header .header-top .header-inner {
min-height: var(--header-height);
padding: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
body.header-opened #header .header-top .header-inner:before,
body.header-opening #header .header-top .header-inner:before {
opacity: 1; }
#header .header-top .header-inner > .left-side,
#header .header-top .header-inner > .right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#header .header-top .header-inner > .left-side {
-webkit-margin-end: calc(min(80px, max(20px, 5vw)));
margin-inline-end: calc(min(80px, max(20px, 5vw)));
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
#header .header-top .header-inner > .right-side {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
#header .header-bottom {
position: relative;
display: none;
background-color: transparent;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
@media only screen and (min-width: 992px) {
#header .header-bottom {
display: block; } }
body.header-opened #header .header-bottom,
body.header-opening #header .header-bottom {
position: fixed;
z-index: 23;
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important; }
body.header-closing #header .header-bottom {
position: fixed;
z-index: 23; }
#header .header-bottom .header-inner {
padding: 0;
padding-top: 20px;
padding-bottom: 0;
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#header .header-bottom .header-inner > .right-side {
margin-left: auto;
margin-right: 0; }
#header .two-side-wrapper {
margin-inline: 0; }
#header .two-side-wrapper > .left-side,
#header .two-side-wrapper > .right-side {
padding-inline: 0; }
#header .logo {
position: relative;
z-index: 1; }
#header .logo img,
#header .logo svg {
margin: 0;
display: block;
width: calc(min(154px, 50vw));
height: auto;
max-height: 80px; }
#header .logo svg path {
fill: var(--header-theme-color);
-webkit-transition: fill var(--animation-default-duration);
transition: fill var(--animation-default-duration); }
body.header-opened #header .logo svg path,
body.header-opening #header .logo svg path {
fill: var(--header-theme-color-opened); }
#header .logo svg .highlight {
fill: var(--brand-color-1);
-webkit-transition: fill var(--animation-default-duration);
transition: fill var(--animation-default-duration); }
#header .logo a {
display: block; }
#header .logo a:hover svg .highlight {
fill: var(--brand-color-2); }
body.header-opened #header .logo a:hover svg .highlight,
body.header-opening #header .logo a:hover svg .highlight {
fill: var(--brand-color-2); }
#header #header-primary-nav-container {
display: none; }
#header #header-top-nav-container {
display: none;
width: 100%; }
@media only screen and (min-width: 992px) {
#header #header-top-nav-container {
display: block; } }
#header #header-compact-nav-button-container {
-webkit-margin-start: calc(min(40px, max(20px, 2vw)));
margin-inline-start: calc(min(40px, max(20px, 2vw)));
-webkit-margin-end: 0;
margin-inline-end: 0;
position: relative;
z-index: 23;
display: block; }
#header-compact-nav-button {
margin: 0;
padding: 0;
position: relative;
z-index: 21;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--header-theme-color);
cursor: pointer;
text-decoration: none;
width: auto;
height: auto;
-webkit-transition: color var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: color var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: color var(--animation-default-duration), transform var(--animation-default-duration);
transition: color var(--animation-default-duration), transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
body:not(.header-top) #header-compact-nav-button {
color: var(--header-theme-color); }
#header-compact-nav-button .text {
-webkit-margin-start: 12px;
margin-inline-start: 12px;
display: none;
font-size: var(--body-font-size); }
@media only screen and (min-width: 768px) {
#header-compact-nav-button .text {
display: none; } }
@media only screen and (min-width: 768px) and (min-width: 768px) {
body.header-opened #header-compact-nav-button .text,
body.header-opening #header-compact-nav-button .text {
display: none; } }
#header-compact-nav-button .text.close {
display: none; }
@media only screen and (min-width: 768px) {
body.header-opened #header-compact-nav-button .text.close,
body.header-opening #header-compact-nav-button .text.close {
display: none; } }
#header-compact-nav-button .patty {
position: relative;
width: 40px;
height: 40px;
display: block;
border: 1px solid transparent;
border-radius: 50%; }
#header-compact-nav-button .patty .line {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 2px;
background-color: currentColor;
border-radius: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), transform var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration);
transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), transform var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
#header-compact-nav-button .patty .line:nth-child(1) {
top: calc(50% - 4px); }
#header-compact-nav-button .patty .line:nth-child(2) {
top: 50%;
display: none; }
#header-compact-nav-button .patty .line:nth-child(3) {
top: calc(50% + 4px); }
body.header-opened #header-compact-nav-button .patty .line,
body.header-opening #header-compact-nav-button .patty .line {
background-color: var(--header-theme-color-opened); }
body:not(.header-top) #header-compact-nav-button .patty .line {
background-color: var(--header-theme-color); }
#header-compact-nav-button .dots {
position: relative;
width: 20px;
height: 20px; }
#header-compact-nav-button .dots .dot {
position: absolute;
display: block;
width: 3px;
height: 3px;
background-color: currentColor;
border-radius: 0;
-webkit-transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), opacity var(--animation-default-duration);
transition: transform var(--animation-default-duration), opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
#header-compact-nav-button .dots .dot:nth-child(1) {
top: 0;
left: 0; }
#header-compact-nav-button .dots .dot:nth-child(2) {
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
#header-compact-nav-button .dots .dot:nth-child(3) {
top: 0;
right: 0; }
#header-compact-nav-button .dots .dot:nth-child(4) {
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
#header-compact-nav-button .dots .dot:nth-child(5) {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#header-compact-nav-button .dots .dot:nth-child(6) {
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
#header-compact-nav-button .dots .dot:nth-child(7) {
bottom: 0;
left: 0; }
#header-compact-nav-button .dots .dot:nth-child(8) {
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
#header-compact-nav-button .dots .dot:nth-child(9) {
bottom: 0;
right: 0; }
#header-compact-nav-button:hover {
text-decoration: none;
outline: none;
color: var(--header-theme-color-hover); }
#header-compact-nav-button:hover .patty .line {
background-color: currentColor; }
body.header-opened #header-compact-nav-button,
body.header-opening #header-compact-nav-button {
color: var(--header-theme-color-opened); }
body.header-opened #header-compact-nav-button .patty .line,
body.header-opening #header-compact-nav-button .patty .line {
background-color: currentColor; }
body.header-opened #header-compact-nav-button .patty .line:nth-child(1),
body.header-opening #header-compact-nav-button .patty .line:nth-child(1) {
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
body.header-opened #header-compact-nav-button .patty .line:nth-child(2),
body.header-opening #header-compact-nav-button .patty .line:nth-child(2) {
opacity: 0; }
body.header-opened #header-compact-nav-button .patty .line:nth-child(3),
body.header-opening #header-compact-nav-button .patty .line:nth-child(3) {
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg); }
body.header-opened #header-compact-nav-button:hover,
body.header-opening #header-compact-nav-button:hover {
color: var(--header-theme-color-hover); }
body.header-opened #header-compact-nav-button:hover .patty .line,
body.header-opening #header-compact-nav-button:hover .patty .line {
background-color: currentColor; }
#header-compact-nav-container {
position: fixed;
z-index: 20;
top: 0;
left: 0;
bottom: 0;
width: 100%;
display: block;
opacity: 1;
pointer-events: none;
visibility: hidden; }
body.header-opened #header-compact-nav-container,
body.header-opening #header-compact-nav-container {
visibility: visible;
pointer-events: auto; }
body.header-closing #header-compact-nav-container {
visibility: visible; }
#header.closed #header-compact-nav-container {
pointer-events: none; }
#header-compact-nav-container > .outer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100vh;
opacity: 0;
overflow: hidden;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
background-color: var(--background-color-2-ad0);
-webkit-transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear var(--animation-default-duration);
transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear var(--animation-default-duration);
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear var(--animation-default-duration);
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear var(--animation-default-duration), -webkit-transform 0s linear var(--animation-default-duration); }
body.header-opened #header-compact-nav-container > .outer,
body.header-opening #header-compact-nav-container > .outer {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear 0s;
transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear 0s;
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear 0s;
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear 0s, -webkit-transform 0s linear 0s; }
#header-compact-nav-container > .outer > .inner {
margin-left: auto;
margin-right: 0;
position: relative;
width: 100%;
height: 100vh;
color: var(--header-theme-color-opened);
background-color: var(--brand-color-1);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%); }
body.header-opened #header-compact-nav-container > .outer > .inner,
body.header-opening #header-compact-nav-container > .outer > .inner {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
#header-compact-nav-container > .outer > .inner:before {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: var(--header-height);
display: none;
content: '';
background-color: var(--brand-color-1);
pointer-events: none; }
@media only screen and (min-width: 768px) {
#header-compact-nav-container > .outer > .inner:before {
display: none; } }
#header-compact-nav-container .content-outer {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
overflow: auto; }
#header-compact-nav-container .content-outer > .container {
height: 100%; }
#header-compact-nav-container .content-inner {
margin: 0 auto;
padding: 0;
position: relative;
width: 100%;
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: transparent; }
#header-compact-nav-container .content-inner > .two-side-wrapper {
margin-inline: calc(var(--grid-gap) / -2);
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto -webkit-min-content;
grid-template-rows: auto min-content;
gap: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
min-height: 100vh; }
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner > .two-side-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 100%; } }
@media (min-width: 1580px) {
#header-compact-nav-container .content-inner > .two-side-wrapper {
grid-template-columns: 580px 1fr; } }
#header-compact-nav-container .content-inner > .two-side-wrapper > .left-side,
#header-compact-nav-container .content-inner > .two-side-wrapper > .right-side {
padding-inline: calc(var(--grid-gap) / 2);
width: 100%; }
#header-compact-nav-container .content-inner > .two-side-wrapper > .left-side {
-webkit-padding-before: calc(var(--header-height) / 2);
padding-block-start: calc(var(--header-height) / 2);
position: relative;
min-height: 100%; }
@media only screen and (min-width: 992px) {
#header-compact-nav-container .content-inner > .two-side-wrapper > .left-side {
padding-inline: var(--grid-gap); } }
@media only screen and (min-width: 1200px) {
#header-compact-nav-container .content-inner > .two-side-wrapper > .left-side {
padding-inline: calc(var(--grid-gap) * 2); } }
#header-compact-nav-container .content-inner > .two-side-wrapper > .right-side {
position: relative;
min-height: 100%; }
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner > .two-side-wrapper > .right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; } }
#header-compact-nav-container .content-inner .content-top {
margin-block: 0;
height: 0;
overflow: hidden; }
#header-compact-nav-container .content-inner .content-middle {
margin-block: 0; }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 0;
min-height: 100dvh; }
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper {
grid-template-columns: 1.5fr 2fr; } }
@media only screen and (min-width: 992px) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper {
grid-template-columns: 2fr 3fr 1.25fr; } }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .left-side {
padding-block: 30px;
-webkit-padding-before: calc(var(--header-height) / 2);
padding-block-start: calc(var(--header-height) / 2);
position: relative; }
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .left-side {
-webkit-padding-before: 30px;
padding-block-start: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
grid-row: auto / span 2; } }
@media only screen and (min-width: 992px) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .left-side {
grid-row: auto / span 1; } }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .left-side figure {
-webkit-margin-start: calc(var(--grid-gap) / -2);
margin-inline-start: calc(var(--grid-gap) / -2);
position: absolute;
inset: 0;
overflow: hidden;
display: none; }
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .left-side figure {
display: block; } }
@media (min-width: calc(1500px + 40px)) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .left-side figure {
-webkit-margin-start: calc(var(--container-max-width-offset) * -1);
margin-inline-start: calc(var(--container-max-width-offset) * -1); } }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .left-side figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px); }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .left-side > .buttons-container {
-webkit-margin-before: auto;
margin-block-start: auto; }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .middle-side {
padding-block: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .middle-side {
-webkit-padding-before: calc(var(--header-height) / 1.5);
padding-block-start: calc(var(--header-height) / 1.5);
-webkit-padding-start: 30px;
padding-inline-start: 30px;
-webkit-padding-end: 10px;
padding-inline-end: 10px; } }
@media only screen and (min-width: 992px) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .middle-side {
padding-inline: calc(min(70px, max(30px, 3vw))); } }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .middle-side > .top {
margin-bottom: calc(min(80px, max(30px, 5vw))); }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .middle-side > .top .title {
-webkit-margin-after: .25em;
margin-block-end: .25em;
font-size: calc(min(4.375rem, max(1.875rem, 5vw))); }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .middle-side > .top p:first-of-type {
-webkit-margin-before: 0;
margin-block-start: 0; }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .middle-side > .top p:last-child {
-webkit-margin-after: 0;
margin-block-end: 0; }
@media only screen and (min-width: 992px) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .middle-side > .bottom {
-webkit-margin-before: auto;
margin-block-start: auto; } }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .right-side {
padding-block: 30px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .right-side {
-webkit-padding-start: 30px;
padding-inline-start: 30px;
-webkit-padding-end: 10px;
padding-inline-end: 10px; } }
@media only screen and (min-width: 992px) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .right-side {
-webkit-padding-before: calc(var(--header-height) / 1.5);
padding-block-start: calc(var(--header-height) / 1.5);
padding-inline: calc(min(70px, max(30px, 3vw)));
-webkit-padding-end: 10px;
padding-inline-end: 10px; } }
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .right-side:before {
position: absolute;
top: 30px;
bottom: 30px;
left: 0;
width: 1px;
display: none;
content: '';
background-color: currentColor; }
@media only screen and (min-width: 992px) {
#header-compact-nav-container .content-inner .content-middle .three-side-wrapper > .right-side:before {
display: block; } }
#header-compact-nav-container .content-inner .content-bottom {
margin-block: 0;
height: 0;
overflow: hidden; }
#header-compact-nav-container .quick-contact-component:not(:first-child) {
-webkit-margin-before: 40px;
margin-block-start: 40px; }
#header-compact-nav-container .close-button {
position: absolute;
padding-left: 51px;
z-index: 3;
top: 0;
left: 20px;
width: auto;
height: 76px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-size: var(--body-font-size);
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--header-theme-color);
outline: none;
background-color: transparent;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
@media (min-width: var(--container-max-width)) {
#header-compact-nav-container .close-button {
left: calc((100vw - var(--container-max-width)) / 2 + (calc(var(--grid-gap) / 2))); } }
#header-compact-nav-container .close-button:before, #header-compact-nav-container .close-button:after {
position: absolute;
top: 50%;
left: 0;
display: block;
content: '';
width: 36px;
height: 2px;
background-color: var(--header-theme-color);
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
#header-compact-nav-container .close-button:before {
-webkit-transform: translate(0, -50%) rotate(45deg);
-ms-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg); }
#header-compact-nav-container .close-button:after {
-webkit-transform: translate(0, -50%) rotate(-45deg);
-ms-transform: translate(0, -50%) rotate(-45deg);
transform: translate(0, -50%) rotate(-45deg); }
#header-compact-nav-container .close-button:hover {
color: var(--brand-color-1); }
#header-compact-nav-container .close-button:hover:before, #header-compact-nav-container .close-button:hover:after {
background-color: var(--brand-color-1); }
.meta-component > .title {
margin-bottom: 10px;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
.meta-component ul {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px 10px; }
.meta-component ul li {
margin: 0;
padding: 0; }
.meta-component ul li:before {
display: none; }
.meta-component ul li {
font-size: var(--body-font-size);
line-height: var(--font-line-height-2);
border: none;
border-radius: 0; }
.meta-component ul li a {
text-decoration: none;
display: block;
color: inherit; }
.meta-component ul li a:hover {
color: var(--brand-color-1); }
.page-component .page-content h1:first-child,
.page-component .page-content h2:first-child,
.page-component .page-content h3:first-child,
.page-component .page-content h4:first-child,
.page-component .page-content h5:first-child,
.page-component .page-content h6:first-child {
margin-top: 0; }
.page-component .page-content h1:last-child,
.page-component .page-content h2:last-child,
.page-component .page-content h3:last-child,
.page-component .page-content h4:last-child,
.page-component .page-content h5:last-child,
.page-component .page-content h6:last-child {
margin-bottom: 0; }
.page-component .page-content ul:first-child,
.page-component .page-content ol:first-child,
.page-component .page-content p:first-child {
margin-top: 0; }
.page-component .page-content ul:last-child,
.page-component .page-content ol:last-child,
.page-component .page-content p:last-child {
margin-bottom: 0; }
.page-component .page-content figure figcaption {
margin-top: 20px; }
.page-component .page-excerpt {
margin-top: calc(var(--content-section-padding) * -1);
margin-bottom: calc(min(60px, max(30px, 5vw))); }
@media only screen and (min-width: 768px) {
.page-component .page-excerpt p {
max-width: 520px; } }
.page-component .page-excerpt p:first-child {
margin-top: 0; }
.page-component .page-excerpt p:last-child {
margin-bottom: 0; }
.page-component .inline-section-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2); }
@media (min-width: calc(1500px + 40px)) {
.page-component .inline-section-wrapper {
margin-left: calc((100vw - var(--container-max-width)) / -2 - (calc(var(--grid-gap) / 2)));
margin-right: calc((100vw - var(--container-max-width)) / -2 - (calc(var(--grid-gap) / 2))); } }
.quick-contact-component > .title {
margin: 0;
margin-bottom: 18px;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
.quick-contact-component ul {
margin: 0;
padding: 0;
list-style-type: none; }
.quick-contact-component ul li {
margin: 0;
padding: 0; }
.quick-contact-component ul li:before {
display: none; }
.quick-contact-component ul li {
margin-top: calc(30em / 60);
margin-bottom: calc(30em / 60);
font-family: var(--font-family-2);
font-size: calc(min(1.4375rem, max(1.125rem, 2.5vw)));
line-height: var(--font-line-height-2);
font-weight: 400; }
.quick-contact-component ul li a {
font-size: inherit;
line-height: var(--font-line-height-2);
color: inherit;
text-decoration: none; }
.quick-contact-component ul li a:hover {
text-decoration: underline; }
.quick-contact-component ul li .label {
margin-bottom: .25em;
display: block;
font-size: inherit;
line-height: inherit; }
.quick-contact-component ul li [class^="icon-"],
.quick-contact-component ul li [class*=" icon-"] {
margin-right: 20px;
position: relative;
width: 20px;
height: 20px;
font-size: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.quick-contact-component ul li [class^="icon-"]:before,
.quick-contact-component ul li [class*=" icon-"]:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.module .module-header {
padding: 0;
margin-bottom: 20px; }
.module .module-header .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.module .module-header .module-title {
margin: 0;
font-weight: 400;
font-size: var(--body-font-size);
line-height: var(--font-line-height-3); }
.module .module-header .module-title.highlight,
.module .module-header .module-title .highlight {
color: var(--brand-color-1); }
.module .module-header + .module-body {
margin-top: 0;
padding-top: 0; }
.module .module-body + .module-footer {
margin-top: 0;
padding-top: 0; }
.module .module-footer {
padding: 15px 0; }
.layout-three-columns-wrapper > .left-column .module:not(:first-child),
.layout-three-columns-wrapper > .right-column .module:not(:first-child),
.layout-two-columns-wrapper > .left-column .module:not(:first-child),
.layout-two-columns-wrapper > .right-column .module:not(:first-child) {
margin-top: 20px; }
.panel-overflow-hidden {
overflow: hidden; }
.panel-cortizo {
color: var(--font-color-2);
background-color: var(--background-color-5); }
.panel-cortizo article .grid {
position: relative; }
@media only screen and (min-width: 768px) {
.panel-cortizo article .grid:before {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
display: block;
content: '';
width: 1px;
background-color: currentColor;
pointer-events: none; } }
.panel-cortizo article .grid .cell {
background-color: var(--background-color-5); }
@media only screen and (min-width: 768px) {
.panel-cortizo article .grid .cell {
min-height: 100dvh; } }
.panel-cortizo article .grid .cell:first-child > .two-side-wrapper > .right-side {
-webkit-padding-before: clamp(20px, 5vw, 70px);
padding-block-start: clamp(20px, 5vw, 70px); }
.panel-cortizo article .grid .cell > .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 0; }
@media only screen and (min-width: 768px) {
.panel-cortizo article .grid .cell > .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%; } }
.panel-cortizo article .grid .cell > .two-side-wrapper > .left-side,
.panel-cortizo article .grid .cell > .two-side-wrapper > .right-side {
width: 100%; }
@media only screen and (min-width: 768px) {
.panel-cortizo article .grid .cell > .two-side-wrapper > .left-side,
.panel-cortizo article .grid .cell > .two-side-wrapper > .right-side {
width: 50%; } }
.panel-cortizo article .grid .cell > .two-side-wrapper > .right-side {
padding-block: clamp(40px, 10vw, 140px); }
@media only screen and (min-width: 768px) {
.panel-cortizo article .grid .cell > .two-side-wrapper > .right-side {
-webkit-padding-start: clamp(20px, 5vw, 80px);
padding-inline-start: clamp(20px, 5vw, 80px); } }
.panel-cortizo article .grid .cell figure img {
max-width: 100%;
height: auto;
display: block; }
@media only screen and (min-width: 768px) {
.panel-cortizo article .grid .cell figure img {
position: fixed;
top: 50vh;
max-width: calc((100vw - var(--grid-gap)) / 2);
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
@media (min-width: calc(1500px + 40px)) {
.panel-cortizo article .grid .cell figure img {
max-width: calc(var(--container-max-width) / 2); } }
.panel-cortizo article .grid .cell .header {
-webkit-margin-after: clamp(50px, 15vw, 110px);
margin-block-end: clamp(50px, 15vw, 110px); }
.panel-cortizo article .grid .cell .body > .top {
-webkit-margin-after: clamp(40px, 10vw, 80px);
margin-block-end: clamp(40px, 10vw, 80px);
display: grid;
grid-template-columns: 1fr clamp(60px, 15vw, 120px);
grid-template-rows: auto;
gap: 20px; }
@media only screen and (min-width: 768px) {
.panel-cortizo article .grid .cell .body > .top {
grid-template-columns: 1fr clamp(60px, 10vw, 120px); } }
.panel-cortizo article .grid .cell .body > .top:not(:last-child) {
-webkit-margin-after: calc(min(50px, max(20px, 4vw)));
margin-block-end: calc(min(50px, max(20px, 4vw))); }
.panel-cortizo article .grid .cell .body > .top .title {
margin-block: 0; }
.panel-cortizo article .grid .cell .body > .top p {
margin-block: 0;
max-width: 480px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.panel-cortizo article .grid .cell .body > .top p:first-child {
-webkit-margin-before: 0;
margin-block-start: 0; }
.panel-cortizo article .grid .cell .body > .top p:last-child {
-webkit-margin-after: 0;
margin-block-end: 0; }
.panel-cortizo article .grid .cell .body > .top .icon {
-webkit-margin-before: clamp(5px, 2vw, 10px);
margin-block-start: clamp(5px, 2vw, 10px);
grid-row: auto / span 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
height: auto;
max-height: 120px;
display: block; }
.panel-cortizo article .grid .cell .body .bottom .attributes {
margin: 0;
padding: 0;
list-style-type: none;
margin: 0; }
.panel-cortizo article .grid .cell .body .bottom .attributes li {
margin: 0;
padding: 0; }
.panel-cortizo article .grid .cell .body .bottom .attributes li:before {
display: none; }
.panel-cortizo article .grid .cell .body .bottom .attributes li {
padding-block: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px 20px;
border-top: 1px solid currentColor; }
.panel-cortizo article .grid .cell .body .bottom .attributes li:last-child {
border-bottom: 1px solid currentColor; }
.panel-cortizo article .grid .cell.active:not(:has(~ .active)) figure img {
opacity: 1; }
.panel-solution {
position: relative;
z-index: 2; }
.panel-solution .content-section-header {
-webkit-margin-after: 0;
margin-block-end: 0; }
.panel-solution .content-section-header p {
max-width: 620px; }
.panel-solution .content-section-header p:first-of-type {
-webkit-margin-before: 0;
margin-block-start: 0; }
.panel-solution .content-section-header p:last-of-type {
-webkit-margin-after: 0;
margin-block-end: 0; }
.panel-solution .content-section-title {
-webkit-margin-after: .375em;
margin-block-end: .375em;
color: var(--brand-color-1); }
.panel-solution article .grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 50px 0; }
@media only screen and (min-width: 768px) {
.panel-solution article .grid {
grid-template-columns: 2fr 1fr; } }
@media only screen and (min-width: 992px) {
.panel-solution article .grid {
grid-template-columns: repeat(6, 1fr); } }
.panel-solution article .grid > .cell:nth-child(1) {
position: relative;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
@media only screen and (min-width: 768px) {
.panel-solution article .grid > .cell:nth-child(1) {
-webkit-margin-after: calc(min(160px, max(20px, 10vw)));
margin-block-end: calc(min(160px, max(20px, 10vw)));
grid-column: auto / span 2; } }
@media only screen and (min-width: 992px) {
.panel-solution article .grid > .cell:nth-child(1) {
grid-column: auto / span 4; } }
.panel-solution article .grid > .cell:nth-child(2) {
position: relative;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
@media only screen and (min-width: 768px) {
.panel-solution article .grid > .cell:nth-child(2) {
-webkit-padding-end: calc(min(40px, max(20px, 3vw)));
padding-inline-end: calc(min(40px, max(20px, 3vw))); } }
@media only screen and (min-width: 992px) {
.panel-solution article .grid > .cell:nth-child(2) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
grid-column: auto / span 3; } }
.panel-solution article .grid > .cell:nth-child(2):before {
position: absolute;
top: -25px;
left: 0;
right: 0;
display: block;
content: '';
height: 1px;
background-color: var(--brand-color-1); }
.panel-solution article .grid > .cell:nth-child(3) {
position: relative;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media only screen and (min-width: 768px) {
.panel-solution article .grid > .cell:nth-child(3) {
-webkit-padding-start: calc(min(40px, max(20px, 2vw)));
padding-inline-start: calc(min(40px, max(20px, 2vw))); } }
@media only screen and (min-width: 992px) {
.panel-solution article .grid > .cell:nth-child(3) {
-webkit-margin-end: -60px;
margin-inline-end: -60px;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; } }
.panel-solution article .grid > .cell:nth-child(3):before {
position: absolute;
top: -25px;
left: 0;
right: 0;
display: block;
content: '';
height: 1px;
background-color: var(--brand-color-1); }
.panel-solution article .grid > .cell:nth-child(3):after {
position: absolute;
top: -25px;
bottom: -25px;
left: 0;
display: none;
content: '';
width: 1px;
background-color: var(--brand-color-1); }
@media only screen and (min-width: 768px) {
.panel-solution article .grid > .cell:nth-child(3):after {
display: block; } }
.panel-solution article .grid > .cell:nth-child(3) > .top {
-webkit-margin-after: calc(min(40px, max(20px, 5vw)));
margin-block-end: calc(min(40px, max(20px, 5vw))); }
.panel-solution article .grid > .cell:nth-child(3) > .bottom {
-webkit-margin-before: auto;
margin-block-start: auto; }
.panel-solution article .grid > .cell:nth-child(4) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
@media only screen and (min-width: 768px) {
.panel-solution article .grid > .cell:nth-child(4) {
grid-column: auto / span 2; } }
@media only screen and (min-width: 992px) {
.panel-solution article .grid > .cell:nth-child(4) {
grid-column: auto / span 2;
grid-row: auto / span 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; } }
.panel-solution article figure.main {
margin-inline: calc(var(--grid-gap) / -2);
-webkit-margin-after: calc(var(--content-section-padding) / -1);
margin-block-end: calc(var(--content-section-padding) / -1);
position: relative;
overflow: hidden; }
@media only screen and (min-width: 992px) {
.panel-solution article figure.main {
-webkit-margin-start: 70px;
margin-inline-start: 70px;
margin-block: calc(var(--content-section-padding) / -1);
height: calc(100% + var(--content-section-padding) * 2); } }
@media (min-width: calc(1500px + 40px)) {
.panel-solution article figure.main {
-webkit-margin-end: calc(var(--container-max-width-offset) * -1);
margin-inline-end: calc(var(--container-max-width-offset) * -1);
max-width: 620px; } }
.panel-solution article figure.main:before {
padding-top: 50%;
display: block;
content: ''; }
.panel-solution article figure.main img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.panel-solution article .guarantee {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 20px; }
.panel-solution article .guarantee .value {
font-size: calc(min(18.75rem, max(5rem, 15vw)));
line-height: .75em;
color: var(--brand-color-1); }
.panel-solution article .guarantee .body p:first-of-type {
-webkit-margin-before: 0;
margin-block-start: 0; }
.panel-solution article .guarantee .body p:last-of-type {
-webkit-margin-after: 0;
margin-block-end: 0; }
.panel-solution article .guarantee .body img {
-webkit-margin-before: 10px;
margin-block-start: 10px;
max-width: calc(max(100%, 128px));
height: auto;
display: block; }
.panel-solution article .rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px calc(min(20px, max(10px, 1vw))); }
.panel-solution article .rating > .left-side {
-ms-flex-negative: 0;
flex-shrink: 0; }
.panel-solution article .rating .users {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.panel-solution article .rating .users:before {
width: 62px;
height: 62px;
display: block;
content: '';
background-color: var(--brand-color-1);
border: 2px solid var(--background-color-3);
border-radius: 50%; }
.panel-solution article .rating .users img {
-webkit-margin-start: -42px;
margin-inline-start: -42px;
width: 62px;
height: 62px;
display: block;
border: 2px solid var(--background-color-3);
border-radius: 50%; }
.panel-solution article .rating .value {
font-size: calc(min(2.25rem, max(1.5rem, 2vw)));
line-height: var(--font-line-height-1);
color: var(--brand-color-1); }
.panel-solution article .rating .text {
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
.dialog {
padding: 0;
position: relative;
background-color: var(--background-color-1);
border-radius: var(--border-radius-1);
-webkit-box-shadow: none;
box-shadow: none; }
.dialog .dialog-header {
padding: 30px; }
.dialog .dialog-header .title {
margin: 0;
font-size: calc(min(1.5625rem, max(1.25rem, 3vw)));
font-weight: 400;
line-height: var(--font-line-height-1); }
.dialog .dialog-header + .dialog-body {
padding-top: 0; }
.dialog .dialog-body {
padding: 30px; }
.dialog .dialog-footer {
padding: 30px;
padding-top: 0; }
.dialog .dialog-close-button {
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
text-align: center;
color: var(--font-color-2);
background: none;
border-radius: 0;
border: none;
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration); }
.dialog .dialog-close-button:after, .dialog .dialog-close-button:before {
position: absolute;
content: '';
display: block;
width: 30px;
height: 1px;
top: 50%;
left: 50%;
opacity: 1;
background-color: currentColor;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
.dialog .dialog-close-button:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.dialog .dialog-close-button:after {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
-ms-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg); }
.dialog .dialog-close-button:hover:before, .dialog .dialog-close-button:hover:after {
background-color: var(--state-color-error); }
.article-list-item-container a {
position: relative;
display: block;
color: var(--font-color-1);
text-decoration: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration); }
.article-list-item-container a:hover figure:after {
opacity: 1; }
.article-list-item-container a:hover .body .actions-container {
opacity: 1; }
.article-list-item-container a:hover .body .actions-container .link {
color: var(--brand-color-1); }
.article-list-item-container figure {
position: relative;
overflow: hidden;
max-height: 460px; }
.article-list-item-container figure:before {
padding-top: 62%;
display: block;
content: ''; }
.article-list-item-container figure:after {
position: absolute;
inset: 0;
display: block;
content: '';
background-color: var(--brand-color-1-a50);
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
.article-list-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px); }
.article-list-item-container .body {
padding: 20px 0;
-webkit-padding-end: 20px;
padding-inline-end: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
@media (max-width: 599px) {
.article-list-item-container .body {
-webkit-padding-end: 0;
padding-inline-end: 0; } }
.article-list-item-container .body > .top {
-webkit-margin-after: 10px;
margin-block-end: 10px; }
.article-list-item-container .body > .bottom {
-webkit-margin-before: auto;
margin-block-start: auto;
-webkit-margin-after: 0;
margin-block-end: 0; }
.article-list-item-container .body .title {
font-size: calc(min(2.125rem, max(1.375rem, 3vw)));
line-height: var(--font-line-height-3);
color: var(--brand-color-1); }
@media only screen and (min-width: 992px) {
.article-list-item-container .body .title {
font-size: calc(min(2.125rem, max(1.375rem, 2.5vw))); } }
.article-list-item-container .body .meta-component {
-webkit-margin-after: 10px;
margin-block-end: 10px; }
.article-list-item-container .body .meta-component ul li:last-child:after {
display: none; }
.article-list-item-container .body .actions-container {
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
@media (max-width: 599px) {
.article-list-item-container .body .actions-container {
opacity: 1; } }
.article-list-item-container .body .actions-container .link {
font-size: .9375rem;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
.article-list-item-container .body .actions-container .link:hover {
color: var(--brand-color-1); }
.related-article-list-item-container a {
position: relative;
display: block;
color: var(--font-color-1);
text-decoration: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration); }
.related-article-list-item-container a:hover figure:after {
opacity: 1; }
.related-article-list-item-container a:hover .body .actions-container {
opacity: 1; }
.related-article-list-item-container a:hover .body .actions-container .link {
color: var(--brand-color-1); }
.related-article-list-item-container figure {
position: relative;
overflow: hidden;
max-height: 460px; }
.related-article-list-item-container figure:before {
padding-top: 62%;
display: block;
content: ''; }
.related-article-list-item-container figure:after {
position: absolute;
inset: 0;
display: block;
content: '';
background-color: var(--brand-color-1-a50);
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
.related-article-list-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px); }
.related-article-list-item-container .body {
padding: 20px 0;
-webkit-padding-end: 20px;
padding-inline-end: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
@media (max-width: 599px) {
.related-article-list-item-container .body {
-webkit-padding-end: 0;
padding-inline-end: 0; } }
.related-article-list-item-container .body > .top {
-webkit-margin-after: 10px;
margin-block-end: 10px; }
.related-article-list-item-container .body > .bottom {
-webkit-margin-before: auto;
margin-block-start: auto;
-webkit-margin-after: 0;
margin-block-end: 0; }
.related-article-list-item-container .body .title {
font-size: calc(min(2.125rem, max(1.375rem, 3vw)));
line-height: var(--font-line-height-3);
color: var(--brand-color-1); }
@media only screen and (min-width: 992px) {
.related-article-list-item-container .body .title {
font-size: calc(min(2.125rem, max(1.375rem, 2.5vw))); } }
.related-article-list-item-container .body .meta-component {
-webkit-margin-after: 10px;
margin-block-end: 10px; }
.related-article-list-item-container .body .meta-component ul li:last-child:after {
display: none; }
.related-article-list-item-container .body .actions-container {
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
@media (max-width: 599px) {
.related-article-list-item-container .body .actions-container {
opacity: 1; } }
.related-article-list-item-container .body .actions-container .link {
font-size: .9375rem;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
.related-article-list-item-container .body .actions-container .link:hover {
color: var(--brand-color-1); }
.article-slider-item-container a {
position: relative;
display: block;
color: var(--font-color-1);
text-decoration: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration); }
.article-slider-item-container a:hover figure:after {
opacity: 1; }
.article-slider-item-container a:hover .body .actions-container {
opacity: 1; }
.article-slider-item-container a:hover .body .actions-container .link {
color: var(--brand-color-1); }
.article-slider-item-container figure {
position: relative;
overflow: hidden;
max-height: 460px; }
.article-slider-item-container figure:before {
padding-top: 62%;
display: block;
content: ''; }
.article-slider-item-container figure:after {
position: absolute;
inset: 0;
display: block;
content: '';
background-color: var(--brand-color-1-a50);
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
.article-slider-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px); }
.article-slider-item-container .body {
padding: 20px 0;
-webkit-padding-end: 20px;
padding-inline-end: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
@media (max-width: 599px) {
.article-slider-item-container .body {
-webkit-padding-end: 0;
padding-inline-end: 0; } }
.article-slider-item-container .body > .top {
-webkit-margin-after: 10px;
margin-block-end: 10px; }
.article-slider-item-container .body > .bottom {
-webkit-margin-before: auto;
margin-block-start: auto;
-webkit-margin-after: 0;
margin-block-end: 0; }
.article-slider-item-container .body .title {
font-size: calc(min(2.125rem, max(1.375rem, 3vw)));
line-height: var(--font-line-height-3);
color: var(--brand-color-1); }
@media only screen and (min-width: 992px) {
.article-slider-item-container .body .title {
font-size: calc(min(2.125rem, max(1.375rem, 2.5vw))); } }
.article-slider-item-container .body .meta-component {
-webkit-margin-after: 10px;
margin-block-end: 10px; }
.article-slider-item-container .body .meta-component ul li:last-child:after {
display: none; }
.article-slider-item-container .body .actions-container {
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
@media (max-width: 599px) {
.article-slider-item-container .body .actions-container {
opacity: 1; } }
.article-slider-item-container .body .actions-container .link {
font-size: .9375rem;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
.article-slider-item-container .body .actions-container .link:hover {
color: var(--brand-color-1); }
.article-component .article-excerpt {
padding: calc(min(60px, max(35px, 5vw))) calc(min(55px, max(30px, 4vw)));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: calc(min(1.25rem, max(1rem, 1.75vw)));
color: var(--font-color-2);
background-color: var(--brand-color-1); }
@media only screen and (max-width: 479px) {
.article-component .article-excerpt {
padding: 30px 20px; } }
.article-component .article-excerpt p {
max-width: 560px;
font-size: 1em;
line-height: var(--font-line-height-2); }
.article-component .article-excerpt p:first-of-type {
margin-top: 0; }
.article-component .article-excerpt p:last-of-type {
margin-bottom: 0; }
.article-component .article-intro-component {
margin-inline: auto;
-webkit-margin-before: calc((100vw - var(--grid-gap)) * -0.31);
margin-block-start: calc((100vw - var(--grid-gap)) * -0.31);
-webkit-margin-after: calc(min(120px, max(60px, 10vw)));
margin-block-end: calc(min(120px, max(60px, 10vw)));
position: relative;
z-index: 2; }
@media only screen and (max-width: 479px) {
.article-component .article-intro-component {
margin-inline: calc(var(--grid-gap) / -2); } }
@media only screen and (min-width: 992px) {
.article-component .article-intro-component {
-webkit-margin-before: calc((100vw - var(--grid-gap)) * 0.5 * -0.31);
margin-block-start: calc((100vw - var(--grid-gap)) * 0.5 * -0.31);
-webkit-margin-end: calc(var(--grid-gap) / -2);
margin-inline-end: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
@media (min-width: calc(1500px + 40px)) {
.article-component .article-intro-component {
-webkit-margin-before: -240px;
margin-block-start: -240px;
-webkit-margin-end: calc(var(--container-max-width-offset) * -1);
margin-inline-end: calc(var(--container-max-width-offset) * -1); } }
.article-component .article-intro-component p:first-child {
-webkit-margin-before: 0;
margin-block-start: 0; }
.article-component .article-intro-component p:last-child {
-webkit-margin-after: 0;
margin-block-end: 0; }
.article-component .article-intro-component figure {
position: relative;
overflow: hidden;
max-height: 580px; }
@media only screen and (min-width: 992px) {
.article-component .article-intro-component figure {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
-ms-flex-negative: 0;
flex-shrink: 0; } }
@media only screen and (min-width: 1200px) {
.article-component .article-intro-component figure {
-ms-flex-preferred-size: calc(max(60%, 100% - 500px));
flex-basis: calc(max(60%, 100% - 500px)); } }
.article-component .article-intro-component figure:before {
-webkit-padding-before: 62%;
padding-block-start: 62%;
display: block;
content: ''; }
.article-component .article-intro-component figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px);
width: 100%;
height: auto; }
@media only screen and (min-width: 992px) {
.article-component .article-intro-component .excerpt {
width: 37.5%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
@media only screen and (min-width: 1200px) {
.article-component .article-intro-component .excerpt {
width: 460px; } }
.article-component .article-content {
margin-inline: auto;
position: relative; }
@media only screen and (min-width: 992px) {
.article-component .article-content {
max-width: calc(min(980px, 80%)); } }
.article-component .article-content > *:first-child {
-webkit-margin-before: 0;
margin-block-start: 0; }
.article-component .article-content > *:last-child {
-webkit-margin-after: 0;
margin-block-end: 0; }
.article-component .article-content p:last-of-type {
-webkit-margin-after: 0;
margin-block-end: 0; }
.article-component .article-content ul li,
.article-component .article-content ol li {
line-height: var(--font-line-height-2); }
.article-component .article-content h1,
.article-component .article-content h2,
.article-component .article-content h3,
.article-component .article-content h4,
.article-component .article-content h5,
.article-component .article-content h6 {
color: var(--brand-color-1);
line-height: var(--font-line-height-3); }
.article-component .article-content h1 + *,
.article-component .article-content h2 + *,
.article-component .article-content h3 + *,
.article-component .article-content h4 + *,
.article-component .article-content h5 + *,
.article-component .article-content h6 + * {
-webkit-margin-before: 0;
margin-block-start: 0; }
.article-component .article-content figure {
margin-block: calc(min(40px, max(30px, 3vw)));
margin-inline: auto; }
.article-component .article-content figure img {
margin-inline: auto;
display: block;
height: auto; }
.article-component .article-content figure figcaption {
-webkit-margin-before: 10px;
margin-block-start: 10px;
line-height: var(--font-line-height-3);
font-size: .9375rem;
text-align: center; }
.article-component .social-share-component {
-webkit-margin-before: 40px;
margin-block-start: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.article-component .social-share-component > .title {
display: none; }
.article-list-component .list-container > .buttons-container {
-webkit-margin-before: calc(min(40px, max(10px, 5vw)));
margin-block-start: calc(min(40px, max(10px, 5vw)));
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.article-list-component .list-container > .actions-container {
-webkit-margin-before: calc(min(40px, max(10px, 5vw)));
margin-block-start: calc(min(40px, max(10px, 5vw)));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.article-list-component .list-container .list-title {
-webkit-margin-after: 10px;
margin-block-end: 10px;
font-size: .875rem;
line-height: var(--font-line-height-3);
color: var(--font-color-2); }
.article-list-component .list {
margin: 0 -3px calc(min(50px, max(30px, 3vw)) * -1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.article-list-component .list > .item {
-webkit-margin-after: calc(min(30px, max(10px, 3vw)));
margin-block-end: calc(min(30px, max(10px, 3vw)));
padding: 0 3px;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media (max-width: 599px) {
.article-list-component .list > .item {
width: 100%; } }
@media only screen and (min-width: 992px) {
.article-list-component .list > .item {
width: 33.33%; } }
@media only screen and (min-width: 768px) {
.article-list-component .list > .item.big {
width: 50%; } }
@media only screen and (min-width: 992px) {
.article-list-component .list > .item:nth-child(-n + 2) {
width: 50%; } }
.article-list-component .list > .item .article-list-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.article-list-component .list > .item .article-list-item-container a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%; }
.article-list-component .list > .item .article-list-item-container a .body {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.article-nav-component {
position: relative;
z-index: 2; }
.article-slider-component .slider {
-webkit-padding-after: 50px;
padding-block-end: 50px;
position: relative; }
.article-slider-component .slider .slick-list {
margin-inline: -4px;
padding-inline: 0;
position: relative; }
@media (min-width: calc(1500px + 40px)) {
.article-slider-component .slider .slick-list {
margin-inline: calc(var(--container-max-width-offset) * -1);
padding-inline: var(--container-max-width-offset); } }
.article-slider-component .slider .slick-list:before, .article-slider-component .slider .slick-list:after {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
width: 40px;
display: none;
content: '';
pointer-events: none; }
@media (min-width: calc(1500px + 40px)) {
.article-slider-component .slider .slick-list:before, .article-slider-component .slider .slick-list:after {
width: calc(min(160px, max(40px, (100vw - var(--container-max-width)) / 2))); } }
.article-slider-component .slider .slick-list:before {
left: 0;
background-image: -webkit-gradient(linear, left top, right top, from(var(--background-color-1)), to(var(--background-color-1-a00)));
background-image: linear-gradient(to right, var(--background-color-1) 0%, var(--background-color-1-a00) 100%); }
.article-slider-component .slider .slick-list:after {
right: 0;
background-image: -webkit-gradient(linear, right top, left top, from(var(--background-color-1)), to(var(--background-color-1-a00)));
background-image: linear-gradient(to left, var(--background-color-1) 0%, var(--background-color-1-a00) 100%); }
.article-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.article-slider-component .slider .slider-item {
padding-inline: 4px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none; }
.article-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none; }
.article-slider-component .slider .slider-item .article-list-item-container,
.article-slider-component .slider .slider-item .article-slider-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.article-slider-component .slider .slider-item .article-list-item-container a,
.article-slider-component .slider .slider-item .article-slider-item-container a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.article-slider-component .slider .slider-item .article-list-item-container a .body,
.article-slider-component .slider .slider-item .article-slider-item-container a .body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.article-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.article-slider-component .slider .navigation-container .arrows {
position: absolute;
bottom: 0;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.article-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
-webkit-margin-end: 25px;
margin-inline-end: 25px; }
.article-slider-component .slider .navigation-container .dots {
display: none; }
.article-slider-component .slider .navigation-container .slides-number-container {
display: none; }
.related-article-list-component .list > .item {
margin-bottom: 18px; }
.related-article-list-component .list > .item:last-child {
margin-bottom: 0; }
.related-article-list-component .list-container > .actions-container {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.related-article-list-component .list-container > .actions-container .read-more {
font-size: .8125rem; }
.panel-related-articles {
position: relative; }
.panel-related-articles:before {
position: absolute;
top: 0;
left: 50%;
width: 100%;
max-width: var(--container-max-width);
height: 1px;
display: block;
content: '';
background-color: var(--brand-color-1);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none; }
.panel-related-articles .content-section-title {
color: var(--brand-color-1); }
.panel-contact-cta .content-section-header {
-webkit-margin-after: 0;
margin-block-end: 0; }
.panel-contact-form {
color: var(--font-color-2);
background-color: var(--background-color-5); }
.panel-contact-form .content-section-header {
-webkit-margin-after: 30px;
margin-block-end: 30px; }
.panel-contact-form article {
position: relative; }
.panel-contact-form article > .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0; }
@media only screen and (min-width: 768px) {
.panel-contact-form article > .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.panel-contact-form article > .two-side-wrapper > .left-side,
.panel-contact-form article > .two-side-wrapper > .right-side {
width: 100%; }
@media only screen and (min-width: 768px) {
.panel-contact-form article > .two-side-wrapper > .left-side,
.panel-contact-form article > .two-side-wrapper > .right-side {
width: 50%; } }
@media only screen and (min-width: 768px) {
.panel-contact-form article > .two-side-wrapper > .left-side {
width: calc(50% - 20px); } }
@media only screen and (min-width: 992px) {
.panel-contact-form article > .two-side-wrapper > .left-side {
width: 50%; } }
@media only screen and (min-width: 768px) {
.panel-contact-form article > .two-side-wrapper > .right-side {
width: calc(50% + 20px); } }
@media only screen and (min-width: 992px) {
.panel-contact-form article > .two-side-wrapper > .right-side {
width: 50%; } }
.panel-contact-form article > .two-side-wrapper > .left-side {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.panel-contact-form article > .two-side-wrapper > .left-side:before {
position: absolute;
z-index: -1;
top: calc(var(--content-section-padding) * -1);
left: calc(var(--grid-gap) / -2);
right: calc(var(--grid-gap) / -2);
bottom: 0;
display: block;
content: '';
background-image: url(//www.timmont.sk/wp-content/themes/tim/assets/img/panels/contact/bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
@media only screen and (min-width: 768px) {
.panel-contact-form article > .two-side-wrapper > .left-side:before {
right: 0;
bottom: calc(var(--content-section-padding) * -1); } }
@media (min-width: calc(1500px + 40px)) {
.panel-contact-form article > .two-side-wrapper > .left-side:before {
left: calc(var(--container-max-width-offset) * -1); } }
.panel-contact-form article > .two-side-wrapper > .left-side > .inner {
-webkit-margin-before: auto;
margin-block-start: auto;
-webkit-padding-before: 20vw;
padding-block-start: 20vw;
-webkit-padding-after: 20px;
padding-block-end: 20px; }
@media only screen and (min-width: 768px) {
.panel-contact-form article > .two-side-wrapper > .left-side > .inner {
-webkit-padding-after: 0;
padding-block-end: 0; } }
form.contact {
--input-padding: 5px var(--input-padding-horizontal);
--input-font-size: calc(min(2.125rem, max(1.25rem, 1.5vw)));
position: relative;
background-color: var(--background-color-5); }
form.contact > .inner {
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
form.contact.processing > .inner {
opacity: .7; }
form.contact .overlay {
background: transparent; }
form.contact .columns-wrapper {
margin-inline: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
form.contact .columns-wrapper > .column {
padding-block: 0;
padding-inline: 20px; }
@media only screen and (min-width: 992px) {
form.contact .columns-wrapper > .column {
width: 50%; } }
form.contact .columns-wrapper > .column.full-width {
width: 100%; }
form.contact .form-control-group {
-webkit-margin-after: 0;
margin-block-end: 0;
padding-block: 15px;
border-top: 1px solid var(--input-border-color); }
form.contact .form-control-group.checkbox {
-webkit-margin-after: 0;
margin-block-end: 0;
-webkit-padding-before: 30px;
padding-block-start: 30px; }
form.contact .form-control-group:not(.full-size) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media only screen and (max-width: 479px) {
form.contact .form-control-group:not(.full-size) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
form.contact .form-control-group:not(.full-size) .form-control-label {
-webkit-margin-before: 14px;
margin-block-start: 14px;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
width: 120px; }
@media only screen and (max-width: 479px) {
form.contact .form-control-group:not(.full-size) .form-control-label {
-webkit-margin-end: 0;
margin-inline-end: 0;
width: 100%; } }
form.contact .form-control-group:not(.full-size) .form-control-label.align-top {
-webkit-margin-before: 2px;
margin-block-start: 2px; }
form.contact .form-control-group:not(.full-size) .form-control-label + * {
width: calc(100% - 130px); }
@media only screen and (max-width: 479px) {
form.contact .form-control-group:not(.full-size) .form-control-label + * {
width: 100%; } }
form.contact .form-control-label {
-webkit-margin-after: 6px;
margin-block-end: 6px; }
form.contact .form-control {
border: none; }
form.contact .choices {
position: relative;
z-index: 2; }
form.contact .choices .choices__inner {
border: none; }
form.contact .file-input-inner-html {
border: none; }
form.contact textarea {
min-height: 144px;
height: 144px;
resize: none;
font-size: var(--input-font-size-2); }
form.contact fieldset > .buttons-container {
-webkit-margin-before: 30px;
margin-block-start: 30px;
display: block; }
form.contact fieldset > .buttons-container .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-item-align: center;
align-self: center;
gap: 20px; }
form.contact fieldset > .buttons-container .two-side-wrapper > .right-side {
-webkit-margin-start: auto;
margin-inline-start: auto; }
.contact-form-container {
padding: calc(min(80px, max(40px, 5vw))) 0;
position: relative;
color: var(--font-color-2);
background-color: var(--background-color-5); }
@media only screen and (min-width: 768px) {
.contact-form-container {
padding: calc(min(80px, max(40px, 5vw))) calc(min(120px, max(20px, 3vw)));
-webkit-padding-end: calc(min(120px, max(10px, 1vw)));
padding-inline-end: calc(min(120px, max(10px, 1vw))); } }
@media only screen and (min-width: 1200px) {
.contact-form-container {
-webkit-padding-end: calc(min(120px, max(20px, 3vw)));
padding-inline-end: calc(min(120px, max(20px, 3vw))); } }
.contact-form-container .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 30px 20px; }
.contact-form-container .form-title {
margin-inline: auto;
max-width: 10ch;
font-size: calc(min(4.375rem, max(1.875rem, 5vw)));
line-height: var(--font-line-height-3);
font-weight: 400; }
.contact-form-container form {
-webkit-margin-before: calc(min(80px, max(40px, 3vw)));
margin-block-start: calc(min(80px, max(40px, 3vw)));
margin-inline: auto;
max-width: 1080px; }
form.contact .slider {  }
form.contact .slider .navigation-container {
display: none; }
form.contact .slider .navigation-container .arrows {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px; }
form.contact .slider .navigation-container .arrows .slick-arrow {
padding-inline: var(--button-padding-horizontal);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
color: var(--brand-color-1);
background-color: var(--brand-color-2);
border: 1px solid var(--brand-color-2);
border-radius: 40px; }
form.contact .slider .navigation-container .arrows .slick-arrow [class^="icon-"],
form.contact .slider .navigation-container .arrows .slick-arrow [class*=" icon-"] {
position: relative;
top: auto;
left: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
color: inherit;
background: none;
border: none;
-webkit-transition: none;
transition: none; }
form.contact .slider .navigation-container .arrows .slick-arrow:hover, form.contact .slider .navigation-container .arrows .slick-arrow:focus {
background-color: var(--font-color-2);
border: 1px solid var(--font-color-2); }
form.contact .slider .navigation-container .arrows .slick-arrow.prev {
-webkit-padding-start: 0;
padding-inline-start: 0;
color: var(--font-color-2);
background-color: transparent;
border-color: var(--font-color-2); }
form.contact .slider .navigation-container .arrows .slick-arrow.prev [class^="icon-"],
form.contact .slider .navigation-container .arrows .slick-arrow.prev [class*=" icon-"] {
-webkit-margin-end: 10px;
margin-inline-end: 10px; }
form.contact .slider .navigation-container .arrows .slick-arrow.prev:hover, form.contact .slider .navigation-container .arrows .slick-arrow.prev:focus {
color: var(--brand-color-1);
background-color: var(--font-color-2);
border: 1px solid var(--font-color-2); }
form.contact .slider .navigation-container .arrows .slick-arrow.next {
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
form.contact .slider .navigation-container .arrows .slick-arrow.next [class^="icon-"],
form.contact .slider .navigation-container .arrows .slick-arrow.next [class*=" icon-"] {
-webkit-margin-start: 10px;
margin-inline-start: 10px; }
form.contact .slider .navigation-container .arrows .slick-arrow.slick-disabled {
opacity: 0;
pointer-events: none; }
form.contact .slider .navigation-container .dots {
display: none; }
.contact-form-container .form-steps ul {
margin: 0;
padding: 0;
list-style-type: none; }
.contact-form-container .form-steps ul li {
margin: 0;
padding: 0; }
.contact-form-container .form-steps ul li:before {
display: none; }
.contact-form-container .form-steps ul li {
-webkit-padding-start: 35px;
padding-inline-start: 35px;
position: relative;
font-size: var(--body-font-size);
line-height: 18px; }
.contact-form-container .form-steps ul li + li {
-webkit-margin-before: 25px;
margin-block-start: 25px; }
.contact-form-container .form-steps ul li:last-child:before {
display: none; }
.contact-form-container .form-steps ul li:before {
margin: 0;
padding: 0;
position: absolute;
top: 100%;
left: 9px;
width: 1px;
height: 25px;
display: block;
content: '';
background-color: currentColor; }
.contact-form-container .form-steps ul li .icon {
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
display: block;
content: '';
border: 1px solid currentColor;
border-radius: 50%; }
.contact-form-container .form-steps ul li .icon:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e90f';
position: absolute;
top: 50%;
left: 50%;
font-size: 8px;
display: block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.contact-form-container .form-steps ul li.active:before {
opacity: .2; }
.contact-form-container .form-steps ul li.active .icon:before {
content: '\e91a'; }
.contact-form-container .form-steps ul li.active .icon:after {
position: absolute;
inset: -6px;
display: block;
content: '';
border: 6px solid currentColor;
border-radius: 50%;
opacity: .2; }
.contact-form-container .form-steps ul li.active ~ li:before {
opacity: .2; }
.contact-form-container .form-steps ul li.active ~ li .icon {
background-color: currentColor;
opacity: .2; }
.contact-form-container .form-steps ul li.active ~ li .icon:before {
display: none; }
.custom-cursor {
position: fixed;
z-index: 9999;
display: none;
opacity: 0;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease; }
@media (hover: hover) {
.custom-cursor {
display: block; } }
.custom-cursor.active {
opacity: 1; }
.custom-cursor span {
position: fixed;
z-index: 1;
display: block;
border-radius: 100%;
overflow: visible;
pointer-events: none; }
.custom-cursor span.main {
width: 12px;
height: 12px;
background-color: #000000;
border-radius: 50%;
text-align: center;
-webkit-transition: width 0.25s cubic-bezier(0.77, 0, 0.175, 1), height 0.25s cubic-bezier(0.77, 0, 0.175, 1);
transition: width 0.25s cubic-bezier(0.77, 0, 0.175, 1), height 0.25s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
will-change: width, height, transform; }
.custom-cursor span.follow {
width: 88px;
height: 88px;
background-color: rgba(0, 102, 255, 0.15);
border-radius: 50%;
-webkit-transition: width 0.25s cubic-bezier(0.77, 0, 0.175, 1), height 0.25s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s, -webkit-transform 0.5s;
transition: width 0.25s cubic-bezier(0.77, 0, 0.175, 1), height 0.25s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s, -webkit-transform 0.5s;
transition: width 0.25s cubic-bezier(0.77, 0, 0.175, 1), height 0.25s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s, transform 0.5s;
transition: width 0.25s cubic-bezier(0.77, 0, 0.175, 1), height 0.25s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
opacity: 0;
will-change: width, height, transform; }
.custom-cursor.hover-default span.main {
width: 12px;
height: 12px; }
.custom-cursor.hover-default span.follow {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
.custom-cursor.hover-entity span.main {
width: 12px;
height: 12px; }
.custom-cursor.hover-entity span.follow {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); } .feature-list-item-container .body {
padding-block: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0 20px;
border-top: 1px solid currentColor; }
@media (max-width: 459px) {
.feature-list-item-container .body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px; } }
.feature-list-item-container .body .label,
.feature-list-item-container .body .suffix {
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
@media only screen and (min-width: 768px) {
.feature-list-item-container .body .label {
-ms-flex-preferred-size: 20%;
flex-basis: 20%; } }
.feature-list-item-container .body .value {
font-size: calc(min(8.75rem, max(2.5rem, 9vw)));
line-height: var(--font-line-height-1);
white-space: nowrap; }
@media (max-width: 459px) {
.feature-list-item-container .body .value {
white-space: normal; } }
@media only screen and (min-width: 768px) {
.feature-list-item-container .body .value {
-webkit-margin-start: calc(min(80px, max(20px, 5vw)));
margin-inline-start: calc(min(80px, max(20px, 5vw)));
-webkit-margin-end: auto;
margin-inline-end: auto; } }
.feature-list-item-container .body .suffix {
display: none; }
@media only screen and (min-width: 768px) {
.feature-list-item-container .body .suffix {
display: block; } }
.feature-list-component .list > .item {
margin: 0;
width: 100%; }
.panel-features {
position: relative;
color: var(--font-color-2);
background-color: var(--background-color-6); }
.panel-features .content-section-header .two-side-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
@media only screen and (min-width: 768px) {
.panel-features .content-section-header .two-side-wrapper > .left-side {
max-width: 50%; } }
@media only screen and (min-width: 768px) {
.panel-features .content-section-header .two-side-wrapper > .right-side {
max-width: 260px; } }
.panel-features .content-section-header .buttons-container {
-webkit-margin-before: 25px;
margin-block-start: 25px; }
.panel-features article {
-webkit-margin-before: calc(min(160px, max(40px, 10vw)));
margin-block-start: calc(min(160px, max(40px, 10vw)));
position: relative; }
.panel-features article figure.main {
-webkit-margin-before: 20px;
margin-block-start: 20px;
-webkit-margin-after: calc(var(--content-section-padding) * -1);
margin-block-end: calc(var(--content-section-padding) * -1); }
@media only screen and (min-width: 768px) {
.panel-features article figure.main {
position: absolute;
bottom: 0;
right: 10%; } }
.panel-features article figure.main img {
margin-inline: auto;
display: block;
height: auto;
max-height: 320px; }
@media only screen and (min-width: 768px) {
.panel-features article figure.main img {
max-width: calc(min(27.5vw, 520px));
max-height: 180%; } }
.hero-component.home {
-webkit-margin-before: calc(var(--header-height) * -1);
margin-block-start: calc(var(--header-height) * -1);
position: relative;
display: grid;
grid-template-areas: "both"; }
.hero-component.home .video-container {
position: relative;
overflow: hidden;
grid-area: both;
height: 100%; }
.hero-component.home .video-container video {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px); }
.hero-component.home figure.main {
position: relative;
overflow: hidden; }
.hero-component.home figure.main img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.hero-component.home .content {
position: relative;
z-index: 2;
grid-area: both; }
.hero-component.home .content .content-inner {
-webkit-padding-before: calc(var(--header-height) + 20px);
padding-block-start: calc(var(--header-height) + 20px);
-webkit-padding-after: calc(min(60px, max(30px, 6vw)));
padding-block-end: calc(min(60px, max(30px, 6vw)));
color: var(--font-color-2); }
.hero-component.home .content .content-inner .two-side-wrapper {
display: grid;
grid-template-columns: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px var(--grid-gap); }
@media only screen and (min-width: 768px) {
.hero-component.home .content .content-inner .two-side-wrapper {
grid-template-columns: 1fr 2fr; } }
.hero-component.home .content .content-inner .two-side-wrapper > .left-side {
-ms-flex-item-align: start;
align-self: start; }
.hero-component.home .content .content-inner > .bottom {
margin-top: calc(min(420px, max(80px, 25vw))); }
.hero-component.home .content .content-inner > .bottom .two-side-wrapper > .right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px; }
.hero-component.home .content .hero-title {
margin: 0;
font-family: var(--font-family-2);
font-size: calc(min(8.25rem, max(2.125rem, 8vw)));
line-height: var(--font-line-height-2); }
.hero-component.home .content .hero-sub-title {
font-size: calc(min(4.375rem, max(1.875rem, 3.5vw)));
line-height: var(--font-line-height-2); }
@media only screen and (min-width: 768px) {
.hero-component.home .content .hero-sub-title {
max-width: 800px; } }
.hero-component.landing {
-webkit-margin-before: calc(var(--header-height) * -1);
margin-block-start: calc(var(--header-height) * -1);
position: relative;
display: grid;
grid-template-areas: "both";
background-color: var(--background-color-4); }
.hero-component.landing figure.main {
position: relative;
overflow: hidden;
grid-area: both;
height: 100%; }
.hero-component.landing figure.main img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px); }
.hero-component.landing .content {
position: relative;
z-index: 2;
grid-area: both;
color: var(--font-color-2); }
.hero-component.landing .content .content-inner {
-webkit-padding-before: var(--header-height);
padding-block-start: var(--header-height);
-webkit-padding-after: calc(min(60px, max(30px, 6vw)));
padding-block-end: calc(min(60px, max(30px, 6vw)));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.hero-component.landing .content .content-inner {
min-height: calc(min(820px, max(80px, 65vw))); } }
.hero-component.landing .content .content-inner > .top:not(:last-child) {
-webkit-margin-after: calc(min(120px, max(80px, 12vw)));
margin-block-end: calc(min(120px, max(80px, 12vw))); }
.hero-component.landing .content .content-inner > .bottom {
-webkit-margin-before: auto;
margin-block-start: auto; }
.hero-component.landing .content .hero-pre-title,
.hero-component.landing .content .hero-sub-title {
margin: 0;
font-size: calc(min(1.25rem, max(1.125rem, 2vw)));
line-height: var(--font-line-height-3);
display: inline-block;
color: inherit; }
.hero-component.landing .content .hero-title {
margin: 0;
font-family: var(--font-family-2);
font-size: calc(min(8.75rem, max(2.125rem, 8vw)));
line-height: var(--font-line-height-3); }
@media only screen and (min-width: 768px) {
.hero-component.landing .content .hero-title {
max-width: 75%; } }
.hero-component.landing .content .hero-sub-title {
-webkit-padding-before: 20px;
padding-block-start: 20px;
max-width: 260px;
border-top: 1px solid currentColor; }
.hero-component.landing .content .buttons-container {
-webkit-margin-before: 20px;
margin-block-start: 20px; }
.hero-component.article-landing, .hero-component.reference-landing {
color: var(--font-color-2);
background-color: var(--background-color-6); }
.hero-component.article-landing:before, .hero-component.reference-landing:before {
display: none; }
.hero-component.article-landing .content, .hero-component.reference-landing .content {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-padding-after: calc(10px + 26px + ((100vw - var(--grid-gap)) * 0.155));
padding-block-end: calc(10px + 26px + ((100vw - var(--grid-gap)) * 0.155)); }
@media (max-width: 599px) {
.hero-component.article-landing .content, .hero-component.reference-landing .content {
-webkit-padding-after: calc(10px + 26px + ((100vw - var(--grid-gap)) * 0.31));
padding-block-end: calc(10px + 26px + ((100vw - var(--grid-gap)) * 0.31)); } }
@media only screen and (min-width: 768px) {
.hero-component.article-landing .content, .hero-component.reference-landing .content {
-webkit-padding-after: calc(10px + 26px + ((100vw - var(--grid-gap)) * 0.155));
padding-block-end: calc(10px + 26px + ((100vw - var(--grid-gap)) * 0.155)); } }
@media (min-width: calc(1500px + 40px)) {
.hero-component.article-landing .content, .hero-component.reference-landing .content {
-webkit-padding-after: calc(10px + 26px + 230px);
padding-block-end: calc(10px + 26px + 230px); } }
.hero-component.article-landing .content .content-inner, .hero-component.reference-landing .content .content-inner {
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content; }
.hero-component.article-landing .content .two-side-wrapper, .hero-component.reference-landing .content .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px; }
@media only screen and (min-width: 768px) {
.hero-component.article-landing .content .two-side-wrapper, .hero-component.reference-landing .content .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.hero-component.article-landing .content .two-side-wrapper > .left-side,
.hero-component.article-landing .content .two-side-wrapper > .right-side, .hero-component.reference-landing .content .two-side-wrapper > .left-side,
.hero-component.reference-landing .content .two-side-wrapper > .right-side {
width: 100%; }
@media only screen and (min-width: 768px) {
.hero-component.article-landing .content .two-side-wrapper > .left-side,
.hero-component.article-landing .content .two-side-wrapper > .right-side, .hero-component.reference-landing .content .two-side-wrapper > .left-side,
.hero-component.reference-landing .content .two-side-wrapper > .right-side {
width: auto; } }
@media only screen and (min-width: 768px) {
.hero-component.article-landing .content .two-side-wrapper > .right-side, .hero-component.reference-landing .content .two-side-wrapper > .right-side {
-webkit-padding-start: calc(min(40px, max(20px, 3vw)));
padding-inline-start: calc(min(40px, max(20px, 3vw)));
max-width: 620px; } }
.hero-component.article-landing .content .hero-title, .hero-component.reference-landing .content .hero-title {
font-size: calc(min(4.375rem, max(1.875rem, 5vw))); }
.hero-component.article-detail {
color: var(--font-color-2);
background-color: var(--background-color-6); }
.hero-component.article-detail:before {
display: none; }
.hero-component.article-detail .content {
-webkit-margin-before: 0;
margin-block-start: 0;
margin-inline: 0;
-webkit-padding-after: calc(calc(min(60px, max(35px, 5vw))) - 20px + ((100vw - var(--grid-gap)) * 0.31));
padding-block-end: calc(calc(min(60px, max(35px, 5vw))) - 20px + ((100vw - var(--grid-gap)) * 0.31)); }
@media only screen and (max-width: 479px) {
.hero-component.article-detail .content {
-webkit-padding-after: calc(10px + ((100vw - var(--grid-gap)) * 0.31));
padding-block-end: calc(10px + ((100vw - var(--grid-gap)) * 0.31)); } }
@media only screen and (min-width: 768px) {
.hero-component.article-detail .content {
-webkit-padding-after: calc(10px + ((100vw - var(--grid-gap)) * 0.31));
padding-block-end: calc(10px + ((100vw - var(--grid-gap)) * 0.31)); } }
@media only screen and (min-width: 992px) {
.hero-component.article-detail .content {
-webkit-padding-after: calc(10px + ((100vw - var(--grid-gap)) * 0.5 * 0.31));
padding-block-end: calc(10px + ((100vw - var(--grid-gap)) * 0.5 * 0.31)); } }
@media (min-width: calc(1500px + 40px)) {
.hero-component.article-detail .content {
-webkit-padding-after: 250px;
padding-block-end: 250px; } }
.hero-component.article-detail .content .content-inner {
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content; }
.hero-component.article-detail .content .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 20px; }
@media only screen and (max-width: 479px) {
.hero-component.article-detail .content .two-side-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.hero-component.article-detail .content .hero-title {
font-size: calc(min(4.375rem, max(1.875rem, 5vw))); }
.hero-component.article-detail .content .meta-component ul {
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.hero-component.article-detail .content .meta-component ul li {
margin: 0;
padding: 0;
font-size: .875rem; }
.hero-component.service-detail {
background-color: var(--background-color-1);
grid-template-areas: "both" "figure";
grid-template-columns: 1fr;
grid-template-rows: auto; }
@media only screen and (min-width: 768px) {
.hero-component.service-detail {
grid-template-areas: "both"; } }
.hero-component.service-detail figure.main {
grid-area: figure; }
@media only screen and (min-width: 768px) {
.hero-component.service-detail figure.main {
grid-area: both; } }
.hero-component.service-detail figure.main img {
position: relative;
top: auto;
left: auto;
right: 0;
bottom: 0;
min-width: 0;
min-height: 0;
height: auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom right;
object-position: bottom right;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
@media only screen and (min-width: 768px) {
.hero-component.service-detail figure.main img {
position: absolute;
max-width: 66.66%;
max-height: 66.66%; } }
@media (min-width: calc(1500px + 40px)) {
.hero-component.service-detail figure.main img {
right: var(--container-max-width-offset); } }
.hero-component.service-detail .content {
color: var(--brand-color-1); }
.language-bar-component {
--item-width: 56px;
--border-radius: 0; }
.language-bar-component ul {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: var(--header-theme-color); }
.language-bar-component ul li {
margin: 0;
padding: 0; }
.language-bar-component ul li:before {
display: none; }
.language-bar-component ul li {
margin-right: 20px;
line-height: 20px;
text-align: center; }
@media only screen and (max-width: 479px) {
.language-bar-component ul li {
margin-right: 15px; } }
.language-bar-component ul li:last-child {
margin-right: 0; }
.language-bar-component ul li a {
padding: 4px 0;
position: relative;
display: block;
font-size: .93755rem;
line-height: 20px;
font-weight: 400;
color: var(--header-theme-color);
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration); }
body.header-opened .language-bar-component ul li a,
body.header-opening .language-bar-component ul li a {
color: var(--header-theme-color-opened); }
.language-bar-component ul li a:before {
position: absolute;
bottom: 2px;
left: 0;
right: 0;
height: 1px;
display: none;
content: '';
background-color: currentColor;
-webkit-transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration);
transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration); }
.language-bar-component ul li a:hover {
color: var(--header-theme-color-hover); }
body.header-opened .language-bar-component ul li a:hover,
body.header-opening .language-bar-component ul li a:hover {
color: var(--header-theme-color-opened-reversed); }
.language-bar-component ul li.active a:before {
display: block; }
.language-bar-component ul li.active a:hover {
color: var(--header-theme-color-hover); }
body.header-opened .language-bar-component ul li.active a:hover,
body.header-opening .language-bar-component ul li.active a:hover {
color: var(--header-theme-color-opened-reversed); }
.language-bar-component.dropdown {
position: relative;
padding-top: var(--item-width);
width: var(--item-width); }
.language-bar-component.dropdown ul {
margin: 0;
padding: 0;
list-style-type: none;
padding-top: var(--item-width);
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 38px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.language-bar-component.dropdown ul li {
margin: 0;
padding: 0; }
.language-bar-component.dropdown ul li:before {
display: none; }
.language-bar-component.dropdown ul:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
right: 10px;
z-index: 1;
display: block;
font-size: 8px;
content: '\e901';
color: inherit;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: color var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: color var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: color var(--animation-default-duration), transform var(--animation-default-duration);
transition: color var(--animation-default-duration), transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
.language-bar-component.dropdown ul li {
margin: 0;
padding: 0;
display: none;
text-align: left;
border: 1px solid var(--header-theme-color-alpha);
border-top: none; }
.language-bar-component.dropdown ul li:last-child {
border-radius: 0 0 var(--border-radius) var(--border-radius); }
.language-bar-component.dropdown ul li:nth-last-child(2) {
border-radius: 0 0 var(--border-radius) var(--border-radius); }
.language-bar-component.dropdown ul li:not(:nth-last-child(-n + 2)).active ~ li:not(:last-child) {
border-radius: 0; }
.language-bar-component.dropdown ul li a {
padding: 17px 26px 17px 14px;
display: block;
text-align: left; }
.language-bar-component.dropdown ul li a:before {
display: none; }
.language-bar-component.dropdown ul li.active {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: block;
border: 1px solid var(--header-theme-color-alpha);
border-radius: var(--border-radius); }
.language-bar-component.dropdown ul:hover:after {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg); }
.language-bar-component.dropdown ul:hover li {
display: block; }
.language-bar-component.dropdown ul:hover li.active {
border-radius: var(--border-radius) var(--border-radius) 0 0; }
.language-bar-component.dropdown ul.opened li {
display: block; }
#header-language-bar-container {
-webkit-margin-start: calc(min(40px, max(20px, 2vw)));
margin-inline-start: calc(min(40px, max(20px, 2vw))); }
.marquee-item-container {
padding-inline: 2em;
position: relative; }
.marquee-item-container:before {
position: absolute;
z-index: 1;
top: 50%;
right: 0;
display: block;
content: '/';
color: currentColor;
background: none;
border: none;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
.marquee-item-container .title {
color: inherit;
font-size: 1.25rem;
line-height: var(--font-line-height-1);
white-space: nowrap; }
.marquee-component .slider {
padding-block: 20px;
position: relative;
overflow: hidden; }
.marquee-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.marquee-component .slider .slider-item {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none; }
.marquee-component .slider .slider-item:not(:nth-child(1)) {
display: none; }
.marquee-component .slider .slider-item .marquee-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.marquee-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.marquee-component .slider .navigation-container .arrows {
display: none; }
.marquee-component .slider .navigation-container .arrows .slick-arrow {
position: absolute;
z-index: 3;
bottom: 0;
left: 50%; }
.marquee-component .slider .navigation-container .arrows .slick-arrow.prev {
-webkit-transform: translateX(calc(-50% - 20px));
-ms-transform: translateX(calc(-50% - 20px));
transform: translateX(calc(-50% - 20px)); }
@media only screen and (min-width: 768px) {
.marquee-component .slider .navigation-container .arrows .slick-arrow.prev {
-webkit-transform: translateX(calc(-50% - 30px));
-ms-transform: translateX(calc(-50% - 30px));
transform: translateX(calc(-50% - 30px)); } }
@media only screen and (min-width: 992px) {
.marquee-component .slider .navigation-container .arrows .slick-arrow.prev {
-webkit-transform: translateX(calc(-50% - 35px));
-ms-transform: translateX(calc(-50% - 35px));
transform: translateX(calc(-50% - 35px)); } }
.marquee-component .slider .navigation-container .arrows .slick-arrow.next {
-webkit-transform: translateX(calc(-50% + 20px));
-ms-transform: translateX(calc(-50% + 20px));
transform: translateX(calc(-50% + 20px)); }
@media only screen and (min-width: 768px) {
.marquee-component .slider .navigation-container .arrows .slick-arrow.next {
-webkit-transform: translateX(calc(-50% + 30px));
-ms-transform: translateX(calc(-50% + 30px));
transform: translateX(calc(-50% + 30px)); } }
@media only screen and (min-width: 992px) {
.marquee-component .slider .navigation-container .arrows .slick-arrow.next {
-webkit-transform: translateX(calc(-50% + 35px));
-ms-transform: translateX(calc(-50% + 35px));
transform: translateX(calc(-50% + 35px)); } }
.marquee-component .slider .navigation-container .dots {
display: none; }
.panel-marquee {
color: var(--font-color-2);
background-color: var(--brand-color-1); }
.notification-component {
padding: 30px;
position: relative;
border: 1px solid transparent;
border-radius: 0; }
.notification-component .title {
margin: 0;
font-size: 1.125rem;
line-height: 1.25em; }
@media only screen and (max-width: 479px) {
.notification-component .title {
font-size: 1.0625rem; } }
@media only screen and (min-width: 768px) {
.notification-component .title {
font-size: 1.1875rem; } }
@media only screen and (min-width: 992px) {
.notification-component .title {
font-size: 1.25rem; } }
@media only screen and (min-width: 1200px) {
.notification-component .title {
font-size: 1.3125rem; } }
.notification-component .title + * {
margin-top: 0; }
.notification-component .buttons-container {
margin-top: 20px; }
.notification-component p:first-child,
.notification-component ul:first-child,
.notification-component ol:first-child {
margin-top: 0; }
.notification-component p:last-child,
.notification-component ul:last-child,
.notification-component ol:last-child {
margin-bottom: 0; }
.notification-component p.no-pad,
.notification-component ul.no-pad,
.notification-component ol.no-pad {
margin: 0; }
.notification-component.notice {
background-color: var(--background-color-1);
border-color: rgba(0, 0, 0, 0.1); }
.notification-component.align-center {
text-align: center; }
.notification-component.no-style {
padding: 0;
background: none;
border: none;
border-radius: 0; }
.notification-component.brand-color-1 {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1); }
.notification-component .brand-color-1 {
color: var(--brand-color-1); }
.notification-component.brand-color-2 {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2); }
.notification-component .brand-color-2 {
color: var(--brand-color-2); }
.notification-component.brand-color-3 {
color: var(--font-color-2);
background-color: var(--brand-color-3);
border-color: var(--brand-color-3); }
.notification-component .brand-color-3 {
color: var(--brand-color-3); }
.notification-component .close-button {
position: absolute;
z-index: 2;
top: 20px;
right: 20px;
display: block;
font-size: 14px;
text-decoration: none; }
.notification-component .close-button:hover {
color: var(--state-color-error); }
.reference-list-item-container {
position: relative; }
.reference-list-item-container a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-decoration: none;
color: inherit; }
.reference-list-item-container a:hover figure:after {
opacity: 1;
background-position: 0 100%; }
.reference-list-item-container figure {
position: absolute;
inset: 0;
z-index: 1;
overflow: hidden;
width: 100%; }
@media only screen and (min-width: 1200px) {
.reference-list-item-container figure {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto; } }
.reference-list-item-container figure:before {
padding-top: 62.5%;
display: block;
content: ''; }
.reference-list-item-container figure:after {
position: absolute;
inset: 0;
display: block;
content: '';
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--background-color-2-a00)), color-stop(25%, var(--background-color-2-a00)), color-stop(50%, var(--background-color-2-a70)), color-stop(50%, var(--brand-color-1-a50)), to(var(--brand-color-1-a50)));
background-image: linear-gradient(to bottom, var(--background-color-2-a00) 0%, var(--background-color-2-a00) 25%, var(--background-color-2-a70) 50%, var(--brand-color-1-a50) 50%, var(--brand-color-1-a50) 100%);
background-repeat: repeat-x;
background-size: 100% 200%;
background-position: 0 0;
opacity: 1;
-webkit-transition: background-position var(--animation-default-duration), opacity var(--animation-default-duration);
transition: background-position var(--animation-default-duration), opacity var(--animation-default-duration); }
.reference-list-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px); }
.reference-list-item-container figure a {
display: block;
text-decoration: none; }
.reference-list-item-container figure a:hover .overlay {
opacity: 1; }
.reference-list-item-container .body {
-webkit-padding-before: 20vw;
padding-block-start: 20vw;
position: relative;
z-index: 2;
color: var(--font-color-2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: calc((100vw - var(--grid-gap)) * 0.62); }
@media only screen and (min-width: 992px) {
.reference-list-item-container .body {
-webkit-padding-before: 10vw;
padding-block-start: 10vw;
min-height: calc((100vw - var(--grid-gap)) * 0.31); } }
@media only screen and (min-width: 1200px) {
.reference-list-item-container .body {
-webkit-padding-before: 0 !important;
padding-block-start: 0 !important;
position: absolute;
inset: 0;
min-height: 0 !important; } }
.reference-list-item-container .body > .inner {
padding-block: 25px;
padding-inline: calc(min(40px, max(30px, 2vw))); }
@media only screen and (max-width: 479px) {
.reference-list-item-container .body > .inner {
padding: 20px; } }
.reference-list-item-container .body .two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.reference-list-item-container .body .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.reference-list-item-container .body .two-side-wrapper > .left-side,
.reference-list-item-container .body .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%; }
@media only screen and (min-width: 768px) {
.reference-list-item-container .body .two-side-wrapper > .left-side,
.reference-list-item-container .body .two-side-wrapper > .right-side {
width: 50%; } }
@media only screen and (min-width: 768px) {
.reference-list-item-container .body .two-side-wrapper {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
@media only screen and (min-width: 768px) {
.reference-list-item-container .body .two-side-wrapper > .left-side {
width: 100%;
max-width: 360px; } }
.reference-list-item-container .body .two-side-wrapper > .right-side {
-webkit-margin-before: 20px;
margin-block-start: 20px; }
@media only screen and (min-width: 768px) {
.reference-list-item-container .body .two-side-wrapper > .right-side {
-webkit-margin-before: 0;
margin-block-start: 0;
width: auto;
text-align: right; } }
.reference-list-item-container .body .meta-component {
-webkit-margin-after: 12px;
margin-block-end: 12px; }
.reference-list-item-container .body .attributes {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px; }
.reference-list-item-container .body .attributes li {
margin: 0;
padding: 0; }
.reference-list-item-container .body .attributes li:before {
display: none; }
.reference-list-item-container .body .title {
font-size: calc(min(2.25rem, max(1.3125rem, 3vw)));
line-height: var(--font-line-height-3); }
.reference-slider-item-container {
position: relative; }
.reference-slider-item-container figure {
position: relative;
overflow: hidden;
min-height: 320px; }
.reference-slider-item-container figure:before {
-webkit-padding-before: 54%;
padding-block-start: 54%;
content: '';
display: block; }
.reference-slider-item-container figure:after {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
display: none;
content: '';
height: 50%;
background-image: -webkit-gradient(linear, left bottom, left top, from(var(--background-color-2-ad0)), to(var(--background-color-2-a00)));
background-image: linear-gradient(to top, var(--background-color-2-ad0) 0%, var(--background-color-2-a00) 100%);
pointer-events: none; }
@media only screen and (min-width: 768px) {
.reference-slider-item-container figure:after {
display: block; } }
@media only screen and (min-width: 992px) {
.reference-slider-item-container figure:after {
height: 25%; } }
.reference-slider-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px); }
nav.reference-category > .header {
-webkit-margin-after: 20px;
margin-block-end: 20px;
display: none; }
nav.reference-category > .header .title {
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
nav.reference-category > ul {
margin: -3px -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (max-width: 559px) {
nav.reference-category > ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
nav.reference-category > ul > li {
padding: 3px 10px;
position: relative;
font-size: .9375rem;
width: 50%; }
@media (max-width: 559px) {
nav.reference-category > ul > li {
width: 100%; } }
nav.reference-category > ul > li > a {
padding: 10px 15px;
-webkit-padding-start: 40px;
padding-inline-start: 40px;
position: relative;
font-size: 1em;
text-decoration: none;
height: 100%;
color: var(--font-color-2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--font-color-2-a30);
-webkit-transition: color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), border-color var(--animation-default-duration); }
nav.reference-category > ul > li > a:hover {
color: var(--font-color-2);
border-color: var(--font-color-2); }
nav.reference-category > ul > li > a:before {
position: absolute;
top: 50%;
left: 15px;
display: block;
content: '';
width: 16px;
height: 16px;
background: transparent;
border: 1px solid currentColor;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
nav.reference-category > ul > li > a:after {
position: absolute;
top: 50%;
left: 20px;
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e90f';
font-size: 6px;
color: var(--font-color-2);
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
nav.reference-category > ul > li.active > a {
color: var(--brand-color-1);
border-color: var(--brand-color-1); }
nav.reference-category > ul > li.active > a:before {
background-color: currentColor; }
nav.reference-category > ul > li.active > a:after {
opacity: 1; }
.reference-filter-component {
position: relative;
z-index: 2; } .reference-list-component {
position: relative; }
.reference-list-component .list-container > .buttons-container {
-webkit-margin-before: 40px;
margin-block-start: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media only screen and (min-width: 992px) {
.reference-list-component .list-container > .buttons-container {
-webkit-margin-start: auto;
margin-inline-start: auto;
-webkit-margin-end: calc(25% + 6px);
margin-inline-end: calc(25% + 6px);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; } }
.reference-list-component .list-container > .in-view-transition > .buttons-container {
-webkit-margin-before: calc(min(80px, max(40px, 5vw)));
margin-block-start: calc(min(80px, max(40px, 5vw))); }
@media only screen and (min-width: 992px) {
.reference-list-component .list-container > .in-view-transition > .buttons-container {
-webkit-padding-start: calc((100% - var(--grid-gap) * 3) / 4 + var(--grid-gap));
padding-inline-start: calc((100% - var(--grid-gap) * 3) / 4 + var(--grid-gap)); } }
.reference-list-component .list {
margin: -3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.reference-list-component .list > .item {
padding: 3px;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (max-width: 479px) {
.reference-list-component .list > .item {
width: 100%; } }
@media only screen and (min-width: 768px) {
.reference-list-component .list > .item {
width: 50%; } }
@media only screen and (min-width: 992px) {
.reference-list-component .list > .item {
width: 25%; } }
.reference-list-component .list.grid {
margin: -3px;
display: grid;
gap: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
grid-auto-rows: auto;
grid-template-columns: 100%; }
@media only screen and (min-width: 768px) {
.reference-list-component .list.grid {
grid-template-columns: repeat(4, 25%); } }
.reference-list-component .list.grid > .item {
padding: 3px;
width: 100%; }
@media only screen and (min-width: 768px) {
.reference-list-component .list.grid > .item {
grid-column: auto / span 4; } }
@media only screen and (min-width: 992px) {
.reference-list-component .list.grid > .item {
grid-column: auto / span 2; } }
@media only screen and (min-width: 992px) {
.reference-list-component .list.grid > .item:nth-child(3n) {
grid-column: auto / span 3; } }
@media only screen and (min-width: 992px) {
.reference-list-component .list.grid > .item:nth-child(3n) .reference-list-item-container .body {
min-height: calc((100vw - 40px) * 0.465); } }
@media only screen and (min-width: 992px) {
.reference-list-component .list.grid > .item:nth-child(6n) {
-webkit-margin-start: 33.33%;
margin-inline-start: 33.33%; } }
.reference-list-component .list.grid > .item .reference-list-item-container {
width: 100%; }
.reference-slider-component .slider {
position: relative; }
.reference-slider-component .slider .slick-list {
margin-inline: calc(var(--grid-gap) / -2); }
@media (min-width: calc(1500px + 40px)) {
.reference-slider-component .slider .slick-list {
margin-inline: calc(var(--container-max-width-offset) * -1); } }
@media (min-width: 2000px) {
.reference-slider-component .slider .slick-list {
margin-inline: -250px; } }
.reference-slider-component .slider .slick-list .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.reference-slider-component .slider .slider-item {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none; }
.reference-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none; }
.reference-slider-component .slider .slider-item .reference-slider-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.reference-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.reference-slider-component .slider .navigation-container .arrows {
position: absolute;
z-index: 3;
bottom: 20px;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
@media only screen and (min-width: 768px) {
.reference-slider-component .slider .navigation-container .arrows {
bottom: auto;
top: calc(var(--content-section-padding) + 3px);
left: auto;
right: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.reference-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
-webkit-margin-end: 25px;
margin-inline-end: 25px; }
.reference-slider-component .slider .navigation-container .dots {
position: absolute;
z-index: 3;
bottom: 0;
left: 50%;
display: none;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%); }
.reference-slider-component .slider .navigation-container .slides-number-container {
display: none; }
.reference-slider-component .slider .navigation-container .tabs {
position: absolute;
bottom: 20px;
width: 100%;
display: none; }
@media only screen and (min-width: 768px) {
.reference-slider-component .slider .navigation-container .tabs {
display: block; } }
.reference-slider-component .slider .navigation-container .tabs ul {
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(calc(50vw - calc(min(80px, max(20px, 3vw))) - var(--grid-gap)), 1fr));
grid-template-rows: auto;
gap: 0 calc(min(80px, max(20px, 3vw))); }
.reference-slider-component .slider .navigation-container .tabs ul li {
margin: 0;
padding: 0; }
.reference-slider-component .slider .navigation-container .tabs ul li:before {
display: none; }
@media only screen and (min-width: 992px) {
.reference-slider-component .slider .navigation-container .tabs ul {
grid-template-columns: repeat(auto-fit, minmax(20ch, 1fr)); } }
.reference-slider-component .slider .navigation-container .tabs ul li {
position: relative;
font-size: var(--body-font-size); }
@media only screen and (min-width: 768px) {
.reference-slider-component .slider .navigation-container .tabs ul li {
font-size: calc(min(var(--body-font-size), max(.75rem, 1.25vw))); } }
.reference-slider-component .slider .navigation-container .tabs ul li a {
padding-block: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: currentColor;
text-decoration: none; }
.reference-slider-component .slider .navigation-container .tabs ul li a:before {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 1px;
display: block;
content: '';
background-color: currentColor;
opacity: .4;
-webkit-transition: color var(--animation-default-duration), opacity var(--animation-default-duration), height var(--animation-default-duration);
transition: color var(--animation-default-duration), opacity var(--animation-default-duration), height var(--animation-default-duration); }
.reference-slider-component .slider .navigation-container .tabs ul li a:hover:before {
height: 4px;
opacity: 1; }
.reference-slider-component .slider .navigation-container .tabs ul li img {
-webkit-margin-end: 20px;
margin-inline-end: 20px;
display: block;
width: 62px;
height: 62px;
border: 2px solid currentColor;
border-radius: 50%;
-webkit-transition: outline var(--animation-default-duration);
transition: outline var(--animation-default-duration); }
.reference-slider-component .slider .navigation-container .tabs ul li.active a:before {
height: 4px;
opacity: 1; }
.panel-references {
position: relative;
color: var(--font-color-2);
background-color: var(--background-color-6); }
.panel-references .content-section-header {
-webkit-margin-after: 0;
margin-block-end: 0;
-webkit-margin-before: var(--content-section-padding);
margin-block-start: var(--content-section-padding);
position: absolute;
width: calc(min(var(--container-max-width), 100% - var(--grid-gap))); }
.panel-references .content-section-header .two-side-wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 20px; }
.panel-references .content-section-header .two-side-wrapper > .left-side > *,
.panel-references .content-section-header .two-side-wrapper > .right-side > * {
position: relative;
z-index: 2; }
@media only screen and (min-width: 768px) {
.panel-references .content-section-header .two-side-wrapper > .right-side {
-webkit-padding-end: calc(min(200px, max(150px, 15vw)));
padding-inline-end: calc(min(200px, max(150px, 15vw))); } }
.panel-references .content-section-title.big {
font-size: calc(min(8.75rem, max(2.875rem, 9vw)));
line-height: var(--font-line-height-1); }
.panel-references article {
position: relative;
z-index: 1; }
.dialog-reference {
width: calc(100vw - 60px);
height: calc(100vh - var(--grid-gap));
background: none; }
.dialog-reference .dialog-body {
padding: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.dialog-reference .dialog-body .reference-dialog-slider-component {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: var(--container-max-width);
max-height: 100%; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider {
height: 100%; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .slick-list,
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .slick-track {
height: 100%; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .slider-item {
height: 100%; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .slider-item figure {
margin: 0;
padding-bottom: 40px;
position: relative;
max-width: 100%;
max-height: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .slider-item figure .image-wrapper {
position: relative;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .slider-item figure .image-wrapper:before {
padding-top: 60%;
display: none;
content: ''; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .slider-item figure img {
margin: auto;
width: auto;
height: auto;
min-width: 0;
max-width: 100%;
max-height: 100%;
display: block; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .slider-item figure figcaption {
-webkit-margin-before: 20px;
margin-block-start: 20px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-weight: normal;
font-size: .9375rem;
line-height: var(--font-line-height-1);
color: var(--font-color-2);
text-align: center; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .slider-item figure figcaption .title {
font-size: calc(min(1.125rem, max(1rem, 1.5vw)));
line-height: var(--font-line-height-3); }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .navigation-container .arrows .slick-arrow {
position: absolute;
color: var(--font-color-2);
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
left: 0; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .navigation-container .arrows .slick-arrow.next {
right: 0; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .navigation-container .dots {
display: none; }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .navigation-container .slides-number-container {
position: absolute;
top: 8px;
left: 0;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: normal;
font-size: 1.1875rem;
line-height: 1.25em;
color: var(--font-color-2); }
@media (max-width: 559px) {
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .navigation-container .slides-number-container {
top: 48px; } }
@media only screen and (min-width: 768px) {
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .navigation-container .slides-number-container {
top: 6px;
font-size: 1.25rem; } }
@media only screen and (min-width: 992px) {
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .navigation-container .slides-number-container {
top: 0;
font-size: 1.3125rem; } }
@media only screen and (min-width: 1200px) {
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .navigation-container .slides-number-container {
font-size: 1.375rem; } }
.dialog-reference .dialog-body .reference-dialog-slider-component .slider .navigation-container .slides-number-container .separator {
margin-left: .125em;
margin-right: .125em;
display: inline-block; }
.dialog-reference .dialog-close-button {
position: absolute;
top: 0;
right: 0; }
nav.service ul li {
line-height: 1em; }
nav.service ul li a {
line-height: 1.25em;
display: block; }
nav.service > ul {
counter-reset: section; }
nav.service > ul > li {
line-height: 1;
border-top: 1px solid var(--header-theme-color-opened); }
nav.service > ul > li:last-child {
border-bottom: 1px solid var(--header-theme-color-opened); }
nav.service > ul > li > a {
padding: 15px 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: calc(min(2.125rem, max(1.5rem, 2.125vw)));
line-height: var(--font-line-height-3);
font-weight: 400;
color: var(--header-theme-color-opened);
text-decoration: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration); }
nav.service > ul > li > a:hover {
color: var(--header-theme-color-opened-hover);
background-color: var(--header-theme-color); }
nav.service > ul > li > a:before {
margin: 0;
-webkit-margin-end: calc(min(30px, max(15px, 1.5vw)));
margin-inline-end: calc(min(30px, max(15px, 1.5vw)));
padding: 0;
display: block;
-ms-flex-preferred-size: 40px;
flex-basis: 40px;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: var(--body-font-size);
line-height: var(--font-line-height-3);
width: auto;
height: auto;
background: none;
border: none;
counter-increment: section;
content: "/00" counter(section); }
nav.service > ul > li > a:nth-child(n+10):before {
content: "/0" counter(section); }
nav.service > ul > li > a:nth-child(n+100):before {
content: "/" counter(section); }
nav.service > ul > li.active > a {
color: var(--header-theme-color-opened-hover); }
nav.service > ul > li.parent {
position: relative; }
nav.service > ul > li.parent > a {
-webkit-padding-end: 50px;
padding-inline-end: 50px;
position: relative; }
nav.service > ul > li.parent > a:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e90c';
position: absolute;
top: 50%;
right: 20px;
font-size: 14px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
nav.service > ul > li.parent > ul {
padding: 15px 20px;
-webkit-padding-start: calc(20px + 40px + calc(min(30px, max(15px, 1.5vw))));
padding-inline-start: calc(20px + 40px + calc(min(30px, max(15px, 1.5vw))));
position: relative;
display: none; }
nav.service > ul > li.parent > ul > li + li {
-webkit-margin-before: 8px;
margin-block-start: 8px; }
nav.service > ul > li.parent > ul > li > a {
margin: 0;
padding: 2px 0;
display: block;
font-size: calc(min(1.25rem, max(1.125rem, 3vw)));
line-height: var(--font-line-height-3);
color: var(--header-theme-color-opened); }
nav.service > ul > li.parent > ul > li > a:hover {
color: var(--header-theme-color-opened-hover); }
nav.service > ul > li.parent.opened > a:after {
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg); }
.showcase-slider-item-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.showcase-slider-item-container figure {
-webkit-margin-after: 20px;
margin-block-end: 20px;
position: relative;
overflow: hidden; }
.showcase-slider-item-container figure:before {
padding-top: 66.66%;
display: block;
content: ''; }
.showcase-slider-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.showcase-slider-item-container .body {
-webkit-margin-before: auto;
margin-block-start: auto;
-webkit-margin-after: 0;
margin-block-end: 0; }
.showcase-slider-item-container .body .number {
font-size: var(--body-font-size);
line-height: var(--font-line-height-1);
color: var(--brand-color-1); }
.showcase-slider-item-container .body .title {
font-size: calc(min(2.25rem, max(1.3125rem, 3vw)));
line-height: var(--font-line-height-2); }
.showcase-slider-item-container .body .title a {
text-decoration: none; }
.showcase-slider-item-container .body .description {
-webkit-margin-before: 4px;
margin-block-start: 4px;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
@media only screen and (min-width: 768px) {
.showcase-slider-item-container .body .description {
display: block;
display: -webkit-box;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2);
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
height: 2.75rem;
overflow: hidden;
text-overflow: ellipsis; } }
.showcase-slider-item-container .body p {
max-width: 420px; }
.showcase-slider-item-container .body p:first-of-type {
-webkit-margin-before: 0;
margin-block-start: 0; }
.showcase-slider-item-container .body .buttons-container {
-webkit-margin-before: 30px;
margin-block-start: 30px;
font-size: calc(min(1.875rem, max(1.5rem, 3vw)));
line-height: var(--font-line-height-1); }
.showcase-slider-component .slider {
position: relative; }
@media only screen and (min-width: 768px) {
.showcase-slider-component .slider {
-webkit-margin-end: calc(var(--grid-gap) / -2);
margin-inline-end: calc(var(--grid-gap) / -2); } }
@media (min-width: calc(1500px + 40px)) {
.showcase-slider-component .slider {
-webkit-margin-end: calc((100vw - 1500px) / -2 - (var(--grid-gap) / 2));
margin-inline-end: calc((100vw - 1500px) / -2 - (var(--grid-gap) / 2)); } }
.showcase-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media only screen and (min-width: 768px) {
.showcase-slider-component .slider .slick-list {
-webkit-padding-end: calc(min(150px, max(60px, 8vw)));
padding-inline-end: calc(min(150px, max(60px, 8vw))); } }
@media (min-width: calc(1500px + 40px)) {
.showcase-slider-component .slider .slick-list {
-webkit-padding-end: calc((100vw - 1500px) / 2 + calc(min(150px, max(60px, 8vw))));
padding-inline-end: calc((100vw - 1500px) / 2 + calc(min(150px, max(60px, 8vw)))); } }
.showcase-slider-component .slider .slider-item {
padding-inline: 10px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
.showcase-slider-component .slider .slider-item:not(.slick-current) {
opacity: .4; }
.showcase-slider-component .slider .slider-item .showcase-slider-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.showcase-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none; }
.showcase-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.showcase-slider-component .slider .navigation-container .arrows {
position: absolute;
z-index: 3;
top: -50px;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (min-width: 768px) {
.showcase-slider-component .slider .navigation-container .arrows {
right: calc(var(--grid-gap) / 2); } }
@media (min-width: calc(1500px + 40px)) {
.showcase-slider-component .slider .navigation-container .arrows {
right: calc(var(--container-max-width-offset) + var(--grid-gap) / 2); } }
.showcase-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
-webkit-margin-end: 25px;
margin-inline-end: 25px; }
.showcase-slider-component .slider .navigation-container .dots {
position: absolute;
display: none; }
.showcase-slider-nav-component {
display: none;
height: 100%; }
@media only screen and (min-width: 768px) {
.showcase-slider-nav-component {
display: block; } }
.showcase-slider-nav-component .slider {
position: relative;
height: 100%; }
.showcase-slider-nav-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.showcase-slider-nav-component .slider .slick-list {
margin-block: calc(var(--content-section-padding) * -1);
padding-block: calc(var(--content-section-padding) - 15px);
min-height: calc(100% + var(--content-section-padding) * 2); } }
.showcase-slider-nav-component .slider .slider-item {
padding-block: 15px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none; }
.showcase-slider-nav-component .slider .slider-item:not(:nth-child(1)) {
display: none; }
.showcase-slider-nav-component .slider .slider-item figure {
margin-inline: auto;
position: relative;
width: 126px;
border: 1px solid var(--brand-color-1-a40);
border-radius: 50%;
-webkit-transition: border-color var(--animation-default-duration), border-width var(--animation-default-duration);
transition: border-color var(--animation-default-duration), border-width var(--animation-default-duration); }
.showcase-slider-nav-component .slider .slider-item figure:before {
padding-top: 100%;
display: block;
content: ''; }
.showcase-slider-nav-component .slider .slider-item figure:after {
position: absolute;
z-index: -1;
inset: -7px;
display: block;
content: '';
opacity: 0;
border: 7px solid var(--brand-color-1-a20);
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
.showcase-slider-nav-component .slider .slider-item figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 78%;
max-height: 78%; }
.showcase-slider-nav-component .slider .slider-item .body {
-webkit-margin-before: 15px;
margin-block-start: 15px;
text-align: center; }
.showcase-slider-nav-component .slider .slider-item .body .title {
font-size: var(--body-font-size);
line-height: var(--font-line-height-2);
color: var(--brand-color-1); }
.showcase-slider-nav-component .slider .slider-item.slick-current figure {
border-color: var(--brand-color-1);
border-width: 2px; }
.showcase-slider-nav-component .slider .slider-item.slick-current figure:after {
opacity: 1; }
.showcase-slider-nav-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.showcase-slider-nav-component .slider .navigation-container .arrows {
display: none; }
.showcase-slider-nav-component .slider .navigation-container .dots {
display: none; }
.panel-showcase {
position: relative;
z-index: 2;
overflow: hidden; }
.panel-showcase .content-section-header {
margin-bottom: 30px; }
.panel-showcase .content-section-title {
color: var(--brand-color-1); }
.panel-showcase article {
position: relative; }
@media only screen and (min-width: 768px) {
.panel-showcase article > .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.panel-showcase article > .two-side-wrapper > .left-side {
position: relative;
display: none; }
@media only screen and (min-width: 768px) {
.panel-showcase article > .two-side-wrapper > .left-side {
margin-block: calc(var(--content-section-padding) * -1);
padding-block: var(--content-section-padding);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 33.33%; } }
.panel-showcase article > .two-side-wrapper > .left-side:before {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
height: var(--content-section-padding);
display: block;
content: '';
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--background-color-1)), to(var(--background-color-1-a00)));
background-image: linear-gradient(to bottom, var(--background-color-1) 50%, var(--background-color-1-a00) 100%);
pointer-events: none; }
.panel-showcase article > .two-side-wrapper > .left-side:after {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
right: 0;
height: 160px;
display: block;
content: '';
background-image: -webkit-gradient(linear, left bottom, left top, from(var(--background-color-1)), to(var(--background-color-1-a00)));
background-image: linear-gradient(to top, var(--background-color-1) 0%, var(--background-color-1-a00) 100%);
pointer-events: none; }
.panel-showcase article > .two-side-wrapper > .right-side {
position: relative; }
@media only screen and (min-width: 768px) {
.panel-showcase article > .two-side-wrapper > .right-side {
-webkit-padding-start: calc(min(80px, max(40px, 5vw)));
padding-inline-start: calc(min(80px, max(40px, 5vw)));
width: 66.66%; } }
.panel-showcase article > .two-side-wrapper > .right-side:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
display: none;
content: '';
background-color: var(--brand-color-1); }
@media only screen and (min-width: 768px) {
.panel-showcase article > .two-side-wrapper > .right-side:before {
display: block; } }
.social-media-component {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.social-media-component > .title {
margin: 0;
margin-right: calc(min(30px, max(20px, 3vw)));
font-family: var(--font-family-2);
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
.social-media-component ul {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px; }
.social-media-component ul li {
margin: 0;
padding: 0; }
.social-media-component ul li:before {
display: none; }
.social-media-component ul li {
position: relative;
font-size: var(--body-font-size);
line-height: var(--font-line-height-1); }
.social-media-component ul li a {
font-size: inherit;
line-height: var(--font-line-height-1);
color: inherit;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.social-media-component ul li a:hover {
text-decoration: underline; }
.social-media-component ul li a [class^="icon-"],
.social-media-component ul li a [class*=" icon-"] {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 36px;
height: 36px;
font-size: 14px;
border: 1px solid currentColor;
border-radius: 50%; }
.social-media-component.vertical ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.social-share-component {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media only screen and (max-width: 479px) {
.social-share-component {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.social-share-component > .title {
margin: 0;
margin-right: 0;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
.social-share-component > .title [class^="icon-"],
.social-share-component > .title [class*=" icon-"] {
margin-left: .75em;
font-size: 1.25em; }
.social-share-component ul {
margin: 0;
padding: 0;
list-style-type: none;
margin: 0;
padding: 5px 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.social-share-component ul li {
margin: 0;
padding: 0; }
.social-share-component ul li:before {
display: none; }
.social-share-component ul li {
margin: 8px;
position: relative;
font-size: 1rem;
line-height: 1em; }
.social-share-component ul li a {
position: relative;
padding: var(--button-padding);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-self: center;
font-style: normal;
font-size: inherit;
line-height: var(--font-line-height-2);
text-decoration: none;
outline: none;
color: var(--font-color-2);
background: none;
background-color: var(--brand-color-1);
border: 1px solid var(--brand-color-1);
border-radius: var(--button-radius);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration); }
.social-share-component ul li a [class^="icon-"],
.social-share-component ul li a [class*=" icon-"] {
-webkit-margin-start: clamp(1em, 1vw, 3em);
margin-inline-start: clamp(1em, 1vw, 3em);
display: inline-block;
font-size: 1em; }
.social-share-component ul li a img {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 16px;
height: auto;
max-height: 16px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.social-share-component ul li a .text {
display: inline-block;
font-size: 1rem;
line-height: var(--font-line-height-1); }
.social-share-component ul li a:hover {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2);
text-decoration: none; }
.social-share-component.toggle > .title {
cursor: pointer;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
.social-share-component.toggle > .title:hover {
color: var(--brand-color-1); }
.social-share-component.toggle ul {
position: absolute;
z-index: 2;
top: 100%;
right: calc(var(--border-radius-2) * -1);
display: none;
background-color: var(--background-color-1);
border: 1px solid var(--border-color-3);
border-radius: var(--border-radius-2); }
.social-share-component.toggle ul:before, .social-share-component.toggle ul:after {
position: absolute;
top: 0;
right: 0;
display: block;
content: '';
width: 0;
height: 0;
border-style: solid;
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%); }
.social-share-component.toggle ul:before {
right: var(--border-radius-2);
border-width: 0 8px 8px 8px;
border-color: transparent transparent var(--border-color-3) transparent; }
.social-share-component.toggle ul:after {
right: calc(var(--border-radius-2) + 2px);
border-width: 0 6px 6px 6px;
border-color: transparent transparent var(--background-color-1) transparent; }
.social-share-component.toggle.opened ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.testimonial-slider-item-container {
padding: clamp(30px, 5vw, 50px) clamp(20px, 5vw, 60px);
position: relative;
border: 1px solid var(--brand-color-1); }
.testimonial-slider-item-container > .top:not(:last-child) {
-webkit-margin-after: 30px;
margin-block-end: 30px;
-webkit-padding-after: 30px;
padding-block-end: 30px;
-webkit-border-after: 1px solid var(--brand-color-1);
border-block-end: 1px solid var(--brand-color-1); }
.testimonial-slider-item-container > .top .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px 20px; }
.testimonial-slider-item-container > .top .two-side-wrapper > .right-side {
-webkit-margin-start: auto;
margin-inline-start: auto;
text-align: right; }
.testimonial-slider-item-container > .top figure {
-webkit-margin-after: 5px;
margin-block-end: 5px;
position: relative;
width: 60px;
aspect-ratio: 1 / 1; }
.testimonial-slider-item-container > .top figure img {
width: 100%;
height: auto;
display: block; }
.testimonial-slider-item-container > .top .label {
font-size: var(--body-font-size);
line-height: var(--font-line-height-2); }
.testimonial-slider-item-container > .top .name,
.testimonial-slider-item-container > .top .rating {
font-size: calc(min(2.25rem, max(1.3125rem, 3vw)));
line-height: var(--font-line-height-3);
color: var(--brand-color-1); }
.testimonial-slider-item-container blockquote {
margin: 0; }
.testimonial-slider-item-container blockquote p {
margin: var(--font-line-height-2) 0;
line-height: var(--font-line-height-2); }
@media only screen and (min-width: 768px) {
.testimonial-slider-item-container blockquote p {
max-width: 260px; } }
.testimonial-slider-item-container blockquote p:first-child {
-webkit-margin-before: 0;
margin-block-start: 0; }
.testimonial-slider-item-container blockquote p:last-child {
-webkit-margin-after: 0;
margin-block-end: 0; }
.testimonial-slider-component .slider {
position: relative;
-webkit-padding-after: 80px;
padding-block-end: 80px; }
@media only screen and (min-width: 768px) {
.testimonial-slider-component .slider {
-webkit-padding-after: 0;
padding-block-end: 0; } }
.testimonial-slider-component .slider .slick-list {
-webkit-margin-end: calc(var(--grid-gap) / -2);
margin-inline-end: calc(var(--grid-gap) / -2);
-webkit-padding-start: 1px;
padding-inline-start: 1px;
-webkit-padding-end: calc(var(--grid-gap) / 2 + min(160px, max(60px, 15vw)));
padding-inline-end: calc(var(--grid-gap) / 2 + min(160px, max(60px, 15vw))); }
@media only screen and (max-width: 479px) {
.testimonial-slider-component .slider .slick-list {
-webkit-margin-end: 0;
margin-inline-end: 0;
-webkit-padding-end: 0;
padding-inline-end: 0; } }
@media (min-width: calc(1500px + 40px)) {
.testimonial-slider-component .slider .slick-list {
-webkit-margin-end: calc(var(--container-max-width-offset) * -1);
margin-inline-end: calc(var(--container-max-width-offset) * -1);
-webkit-padding-end: calc(var(--container-max-width-offset) + min(160px, max(60px, 15vw)));
padding-inline-end: calc(var(--container-max-width-offset) + min(160px, max(60px, 15vw))); } }
.testimonial-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.testimonial-slider-component .slider .slider-item {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none; }
.testimonial-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none; }
.testimonial-slider-component .slider .slider-item .testimonial-slider-item-container {
-webkit-margin-start: -1px;
margin-inline-start: -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.testimonial-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.testimonial-slider-component .slider .navigation-container .arrows {
position: absolute;
z-index: 3;
bottom: 0;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
@media only screen and (min-width: 768px) {
.testimonial-slider-component .slider .navigation-container .arrows {
bottom: auto;
top: calc(calc(min(40px, max(25px, 5vw))) * -1 - calc(min(4.375rem, max(1.875rem, 5vw))));
left: auto;
right: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.testimonial-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
-webkit-margin-end: 25px;
margin-inline-end: 25px; }
.testimonial-slider-component .slider .navigation-container .dots {
display: none; }
.testimonial-slider-component .slider .navigation-container .slides-number-container {
display: none; }
.panel-testimonials {
background-color: var(--background-color-3); }
@media only screen and (min-width: 768px) {
.panel-testimonials .content-section-header {
-webkit-padding-end: 160px;
padding-inline-end: 160px; } }
.panel-testimonials .content-section-title {
color: var(--brand-color-1); }
:root {
--content-section-padding: calc(min(60px, max(40px, 5vw)));
--content-section-small-padding: calc(min(40px, max(30px, 3vw)));
--content-section-big-padding: calc(min(80px, max(50px, 7vw))); }
body {
position: relative; }
body:after {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
height: 100vh;
min-height: calc(var(--header-height) + 60px);
max-height: 820px;
display: none;
content: '';
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--background-color-3)), to(var(--background-color-1)));
background-image: linear-gradient(to bottom, var(--background-color-3) 0%, var(--background-color-1) 100%);
pointer-events: none; }
.content-section {
padding-top: var(--content-section-padding);
padding-bottom: var(--content-section-padding); }
.content-section.small-top-pad {
padding-top: var(--content-section-small-padding); }
.content-section.small-bottom-pad {
padding-bottom: var(--content-section-small-padding); }
.content-section.small-pad {
padding-top: var(--content-section-small-padding);
padding-bottom: var(--content-section-small-padding); }
.content-section.big-top-pad {
padding-top: var(--content-section-big-padding); }
.content-section.big-bottom-pad {
padding-bottom: var(--content-section-big-padding); }
.content-section.big-pad {
padding-top: var(--content-section-big-padding);
padding-bottom: var(--content-section-big-padding); }
.content-section.no-top-pad {
padding-top: 0; }
.content-section.no-bottom-pad {
padding-bottom: 0; }
.content-section.no-pad {
padding-top: 0;
padding-bottom: 0; }
.content-section header.align-center {
text-align: center; }
.content-section.overflow-hidden {
overflow: hidden; }
.content-section.fill-bg {
background-color: var(--background-color-3); }
.content-section-header,
header {
-webkit-margin-after: calc(min(40px, max(25px, 5vw)));
margin-block-end: calc(min(40px, max(25px, 5vw)));
position: relative; }
.content-section-header.align-center,
header.align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center; }
.content-section-header.align-center .content-section-pre-title,
.content-section-header.align-center .content-section-sub-title,
header.align-center .content-section-pre-title,
header.align-center .content-section-sub-title {
display: inline-block;
-ms-flex-item-align: center;
align-self: center; }
.content-section-header.two-side-wrapper,
.content-section-header .two-side-wrapper,
header.two-side-wrapper,
header .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px var(--grid-gap); }
@media only screen and (min-width: 768px) {
.content-section-header.two-side-wrapper,
.content-section-header .two-side-wrapper,
header.two-side-wrapper,
header .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.content-section-title {
margin: 0;
position: relative;
font-family: var(--font-family-2);
font-size: calc(min(4.375rem, max(1.875rem, 5vw)));
line-height: var(--font-line-height-3);
color: inherit; }
.content-section-title.highlight,
.content-section-title .highlight {
color: var(--font-color-2); }
.content-section-title.big {
font-size: calc(min(8.75rem, max(2.875rem, 10vw))); }
.content-section-title.extra-small {
font-size: 1rem; }
.content-section-title img {
display: inline-block;
width: auto;
height: 1em;
vertical-align: middle;
-webkit-transform: translateY(-0.125em);
-ms-transform: translateY(-0.125em);
transform: translateY(-0.125em); }
.content-section-pre-title {
margin: 0;
-webkit-margin-after: 15px;
margin-block-end: 15px;
position: relative;
font-weight: 400;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: inherit; }
.content-section-pre-title:before {
-webkit-margin-end: .5em;
margin-inline-end: .5em;
position: relative;
top: .4375em;
left: 0;
width: 6px;
height: 6px;
display: block;
content: '';
background-color: currentColor; }
@media only screen and (min-width: 768px) {
.content-section-pre-title.vertical {
-webkit-margin-end: 0;
margin-inline-end: 0;
position: absolute;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
white-space: nowrap;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); } }
@media only screen and (min-width: 768px) {
.content-section-pre-title.vertical:before {
top: 0;
left: .25em; } }
.content-section-sub-title {
margin: 0;
-webkit-margin-before: 20px;
margin-block-start: 20px;
font-weight: 400;
font-size: var(--body-font-size);
line-height: var(--font-line-height-2);
color: inherit; }
.content-two-side-wrapper {
margin-left: calc(var(--grid-gap) / -4);
margin-right: calc(var(--grid-gap) / -4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.content-two-side-wrapper > .left-side,
.content-two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 4);
padding-right: calc(var(--grid-gap) / 4);
width: 100%; }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper > .left-side {
width: 50%; } }
.content-two-side-wrapper > .right-side {
margin-top: 40px;
margin-left: auto;
margin-right: 0; }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper > .right-side {
margin-top: 0;
width: 50%; } }
.content-two-side-wrapper > .right-side:only-child {
margin-top: 0; }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.side-md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media only screen and (min-width: 992px) {
.content-two-side-wrapper.side-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.side-md > .left-side,
.content-two-side-wrapper.side-md > .right-side {
width: 100%; } }
@media only screen and (min-width: 992px) {
.content-two-side-wrapper.side-md > .left-side,
.content-two-side-wrapper.side-md > .right-side {
width: 50%; } }
.content-two-side-wrapper.side-md > .right-side {
margin-top: 40px; }
@media only screen and (min-width: 992px) {
.content-two-side-wrapper.side-md > .right-side {
margin-top: 0; } }
.content-two-side-wrapper.no-side-pad {
margin-left: 0;
margin-right: 0; }
.content-two-side-wrapper.no-side-pad > .left-side,
.content-two-side-wrapper.no-side-pad > .right-side {
padding-left: 0;
padding-right: 0; }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; } }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; } }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.content-two-side-wrapper.align-center > .left-side,
.content-two-side-wrapper.align-center > .right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.swap {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.layout-two-columns-wrapper {
margin-inline: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.layout-two-columns-wrapper > .left-column,
.layout-two-columns-wrapper > .main-column,
.layout-two-columns-wrapper > .right-column {
padding-inline: calc(var(--grid-gap) / 2); }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .left-column.no-left-pad,
.layout-two-columns-wrapper > .main-column.no-left-pad,
.layout-two-columns-wrapper > .right-column.no-left-pad {
-webkit-padding-start: 0;
padding-inline-start: 0; } }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .left-column.no-right-pad,
.layout-two-columns-wrapper > .main-column.no-right-pad,
.layout-two-columns-wrapper > .right-column.no-right-pad {
-webkit-padding-end: 0;
padding-inline-end: 0; } }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .left-column {
width: calc(360px + var(--grid-gap) / 2); } }
@media only screen and (min-width: 1200px) {
.layout-two-columns-wrapper > .left-column {
width: calc(420px + var(--grid-gap) / 2); } }
.layout-two-columns-wrapper > .main-column {
margin-top: 40px; }
.layout-two-columns-wrapper > .main-column:first-child {
margin-top: 0; }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .main-column {
margin-top: 0;
width: calc(100% - 360px - var(--grid-gap) / 2); } }
@media only screen and (min-width: 1200px) {
.layout-two-columns-wrapper > .main-column {
width: calc(100% - 420px - var(--grid-gap) / 2); } }
.layout-two-columns-wrapper > .right-column {
margin-top: 40px; }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .right-column {
margin-top: 0;
width: calc(360px + var(--grid-gap) / 2); } }
@media only screen and (min-width: 1200px) {
.layout-two-columns-wrapper > .right-column {
width: calc(420px + var(--grid-gap) / 2); } }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper.swap {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.layout-two-columns-wrapper.swap > .main-column {
margin-top: 0;
margin-bottom: 40px; }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper.swap > .main-column {
margin-bottom: 0; } }
.layout-two-columns-wrapper.swap > .left-column {
margin-top: 40px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.layout-two-columns-wrapper.swap > .left-column + .main-column {
margin-top: 0;
margin-bottom: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper.swap > .left-column {
margin-top: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.layout-two-columns-wrapper.swap > .left-column + .main-column {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; } }
.layout-three-columns-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.layout-three-columns-wrapper > .left-column,
.layout-three-columns-wrapper > .main-column,
.layout-three-columns-wrapper > .right-column {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2); }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper > .left-column.no-left-pad,
.layout-three-columns-wrapper > .main-column.no-left-pad,
.layout-three-columns-wrapper > .right-column.no-left-pad {
padding-left: 0; } }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper > .left-column.no-right-pad,
.layout-three-columns-wrapper > .main-column.no-right-pad,
.layout-three-columns-wrapper > .right-column.no-right-pad {
padding-right: 0; } }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper > .left-column {
width: calc(240px + var(--grid-gap)); } }
.layout-three-columns-wrapper > .main-column {
margin-top: 40px; }
.layout-three-columns-wrapper > .main-column:first-child {
margin-top: 0; }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper > .main-column {
margin-top: 0;
width: calc(100% - 480px - var(--grid-gap) * 2); } }
.layout-three-columns-wrapper > .right-column {
margin-top: 40px; }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper > .right-column {
margin-top: 0;
width: calc(240px + var(--grid-gap)); } }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper.swap {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
@media (min-width: 1400px) {
.layout-three-columns-wrapper.fixed-columns {
margin-left: -195px;
margin-right: -195px; } }
.layout-three-columns-wrapper.fixed-columns > .left-column,
.layout-three-columns-wrapper.fixed-columns > .right-column {
display: none;
width: 185px; }
@media (min-width: 1400px) {
.layout-three-columns-wrapper.fixed-columns > .left-column,
.layout-three-columns-wrapper.fixed-columns > .right-column {
display: block; } }
.layout-three-columns-wrapper.fixed-columns > .main-column {
margin-top: 0;
width: 100%; }
@media (min-width: 1400px) {
.layout-three-columns-wrapper.fixed-columns > .main-column {
width: calc(100% - 370px); } }
@media only screen and (min-width: 992px) {
.floating-sidebar-wrapper .floating-sidebar-container {
position: sticky;
top: 20px;
-webkit-transition: top var(--animation-default-duration);
transition: top var(--animation-default-duration); }
body.header-down .floating-sidebar-wrapper .floating-sidebar-container {
top: 20px; } }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
*:after,
*:before {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html {
--document-font-size: 16px;
margin: 0;
min-height: 100%;
font-size: var(--document-font-size); }
body {
margin: 0;
padding-top: var(--header-height);
position: relative;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: var(--font-family-1);
font-weight: 500;
color: var(--body-font-color);
background-color: var(--body-background-color);
overflow-x: hidden; }
body:before {
position: fixed;
z-index: 20;
top: var(--header-height);
left: 0;
right: 0;
bottom: 0;
opacity: 0;
display: block;
content: '';
pointer-events: none;
background-color: var(--background-color-2-a80);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
body.has-overlay:before {
opacity: .7;
pointer-events: auto; }
::-moz-selection {
color: #fff;
background-color: #000; }
::selection {
color: #fff;
background-color: #000; }
.clearfix:after, .mfp-wrap .mfp-figure .mfp-bottom-bar:after, .form-control-group:after, .container:after, .clearfix:before, .mfp-wrap .mfp-figure .mfp-bottom-bar:before, .form-control-group:before, .container:before {
content: ' ';
display: table; }
.clearfix:after, .mfp-wrap .mfp-figure .mfp-bottom-bar:after, .form-control-group:after, .container:after {
clear: both; }
.container {
margin-inline: auto;
width: calc(min(var(--container-max-width), 100% - var(--grid-gap))); }
.container.width-max-2 {
width: calc(min(var(--container-max-width-2), 100% - var(--grid-gap))); }
body.page-article-landing #hero + .content-section,
body.page-reference-landing #hero + .content-section {
-webkit-margin-before: calc((100vw - var(--grid-gap)) * -0.155 - 26px);
margin-block-start: calc((100vw - var(--grid-gap)) * -0.155 - 26px);
position: relative;
z-index: 2; }
@media (max-width: 599px) {
body.page-article-landing #hero + .content-section,
body.page-reference-landing #hero + .content-section {
-webkit-margin-before: calc((100vw - var(--grid-gap)) * -0.31 - 26px);
margin-block-start: calc((100vw - var(--grid-gap)) * -0.31 - 26px); } }
@media (min-width: calc(1500px + 40px)) {
body.page-article-landing #hero + .content-section,
body.page-reference-landing #hero + .content-section {
-webkit-margin-before: calc(-26px - 230px);
margin-block-start: calc(-26px - 230px); } }
body.page-service-detail #header {
--header-theme-color: var(--brand-color-1);
--header-theme-color-alpha: var(--brand-color-1-a40);
--header-theme-color-reverse: var(--font-color-3);
--header-theme-color-reverse-alpha: var(--font-color-3-a40);
--header-theme-color-hover: var(--brand-color-2);
--header-theme-color-hover-alpha: var(--brand-color-3-a40); }
body.page-service-detail #header .logo svg path {
fill: var(--font-color-3); }
body.header-opened body.page-service-detail #header .logo svg path,
body.header-opening body.page-service-detail #header .logo svg path {
fill: var(--header-theme-color-opened); }