/* Minification failed. Returning unminified contents. (1119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1138,33): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1145,33): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1170,26): run-time error CSS1039: Token not allowed after unary operator: '-long-gradient' (1307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1309,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1320,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1322,34): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1371,36): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1420,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1424,22): run-time error CSS1039: Token not allowed after unary operator: '-long-gradient' (1435,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1437,33): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1503,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1505,41): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1511,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1513,41): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1519,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1521,41): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1527,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1529,41): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1535,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1537,41): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1543,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1545,41): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1590,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1592,40): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1669,27): run-time error CSS1035: Expected colon, found '{' (1697,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1699,39): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1709,35): run-time error CSS1039: Token not allowed after unary operator: '-short-gradient' (1713,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1715,48): run-time error CSS1039: Token not allowed after unary operator: '-border-opacity' (1739,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1741,41): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1752,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1754,54): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (1764,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1766,41): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1778,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1780,54): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (1790,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1792,41): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1804,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1806,54): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (1812,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1814,36): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1848,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1859,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1861,50): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (1938,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1940,41): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (1979,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1981,33): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2016,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2049,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2092,43): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2172,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2179,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2186,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2193,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2212,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2220,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2243,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2245,39): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2264,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2271,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2322,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2324,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2334,47): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2345,42): run-time error CSS1039: Token not allowed after unary operator: '-border-opacity' (2392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2394,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2429,42): run-time error CSS1039: Token not allowed after unary operator: '-border-opacity' (2435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2437,36): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2465,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2467,39): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2481,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2596,31): run-time error CSS1034: Expected closing parenthesis, found ',' (2596,31): run-time error CSS1042: Expected function, found ',' (2596,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2606,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2608,43): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2632,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2634,32): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2665,43): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2681,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2705,36): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2717,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2719,33): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2729,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2731,53): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2751,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2759,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2773,24): run-time error CSS1039: Token not allowed after unary operator: '-long-gradient' (2805,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2807,52): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (2831,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2833,46): run-time error CSS1039: Token not allowed after unary operator: '-border-opacity' (2848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2850,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2892,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2894,38): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (2921,20): run-time error CSS1039: Token not allowed after unary operator: '-short-gradient' (2928,22): run-time error CSS1039: Token not allowed after unary operator: '-long-gradient' (2989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2991,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3048,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3077,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3090,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3105,42): run-time error CSS1039: Token not allowed after unary operator: '-border-opacity' (3117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3119,29): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3154,47): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3178,40): run-time error CSS1039: Token not allowed after unary operator: '-border-opacity' (3205,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3207,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3224,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3230,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3236,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3242,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3256,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3258,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3259,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3261,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3268,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3276,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3294,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3446,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3475,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3478,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3490,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3492,49): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3506,47): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3510,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3518,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3520,39): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3536,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3538,41): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3549,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3551,53): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3556,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3558,43): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3587,23): run-time error CSS1039: Token not allowed after unary operator: '-width' (3633,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3635,52): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3644,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3646,42): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3668,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3670,52): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3671,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3673,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3707,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3814,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3816,41): run-time error CSS1039: Token not allowed after unary operator: '-border-opacity' (3869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3871,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3875,47): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3882,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3884,49): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3905,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3907,52): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3929,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3940,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3946,31): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3958,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (3979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3981,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (3983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3985,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (4067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4069,42): run-time error CSS1039: Token not allowed after unary operator: '-border-opacity' (4077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4079,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (4545,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4608,21): run-time error CSS1039: Token not allowed after unary operator: '-cloud-height' (4608,43): run-time error CSS1039: Token not allowed after unary operator: '-percentage' (4608,66): run-time error CSS1039: Token not allowed after unary operator: '-cloud-size' (4610,20): run-time error CSS1039: Token not allowed after unary operator: '-cloud-width' (4610,41): run-time error CSS1039: Token not allowed after unary operator: '-percentage' (4610,64): run-time error CSS1039: Token not allowed after unary operator: '-cloud-size' (4622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4758,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4760,46): run-time error CSS1039: Token not allowed after unary operator: '-border-opacity' (4764,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4766,52): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (4790,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4792,39): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (4806,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4808,52): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (4821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4823,37): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5381,31): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5394,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (5404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5406,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (5410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5412,43): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (5416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5418,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (5422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5424,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (5428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5430,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (5434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5436,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (5440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5442,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity' (5782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5784,29): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5788,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5790,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5794,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5796,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5800,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5802,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5808,34): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5812,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5814,33): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5818,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5820,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5826,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5832,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5838,34): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5844,35): run-time error CSS1039: Token not allowed after unary operator: '-text-opacity' (5897,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5899,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5901,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5902,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5903,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5904,30): run-time error CSS1039: Token not allowed after unary operator: '-transform-translate-x' (5904,71): run-time error CSS1039: Token not allowed after unary operator: '-transform-translate-y' (5904,108): run-time error CSS1039: Token not allowed after unary operator: '-transform-rotate' (5904,139): run-time error CSS1039: Token not allowed after unary operator: '-transform-skew-x' (5904,170): run-time error CSS1039: Token not allowed after unary operator: '-transform-skew-y' (5904,202): run-time error CSS1039: Token not allowed after unary operator: '-transform-scale-x' (5904,235): run-time error CSS1039: Token not allowed after unary operator: '-transform-scale-y' (6126,29): run-time error CSS1046: Expect comma, found '0' (6126,33): run-time error CSS1046: Expect comma, found '/' (6126,35): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (6126,39): run-time error CSS1034: Expected closing parenthesis, found '-' (6126,39): run-time error CSS1042: Expected function, found '-' (6126,40): run-time error CSS1039: Token not allowed after unary operator: '-tw-bg-opacity' (6126,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (6127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6136,40): run-time error CSS1046: Expect comma, found '0' (6136,44): run-time error CSS1046: Expect comma, found '/' (6136,75): run-time error CSS1046: Expect comma, found '0' (6136,79): run-time error CSS1046: Expect comma, found '/' */ /*! nouislider - 14.2.0 - 3/27/2020 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%} /* * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance, * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use, * make sure you copy the url from the website since the url may change between versions. * */ .toast-title { font-weight: 700 } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word } .toast-message a, .toast-message label { color: #FFF } .toast-message a:hover { color: #CCC; text-decoration: none } .toast-close-button { position: relative; right: -.3em; top: -.3em; float: right; font-size: 20px; font-weight: 700; color: #FFF; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1 } .toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) } .rtl .toast-close-button { left: -.3em; float: left; right: .3em } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .toast-top-center { top: 0; right: 0; width: 100% } .toast-bottom-center { bottom: 0; right: 0; width: 100% } .toast-top-full-width { top: 0; right: 0; width: 100% } .toast-bottom-full-width { bottom: 0; right: 0; width: 100% } .toast-top-left { top: 12px; left: 12px } .toast-top-right { top: 12px; right: 12px } .toast-bottom-right { right: 12px; bottom: 12px } .toast-bottom-left { bottom: 12px; left: 12px } #toast-container { position: fixed; z-index: 999999; pointer-events: none } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #FFF; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) } #toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center } #toast-container > div:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer } #toast-container > .toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important } #toast-container > .toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important } #toast-container > .toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important } #toast-container > .toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important } #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div { width: 300px; margin-left: auto; margin-right: auto } #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div { width: 96%; margin-left: auto; margin-right: auto } .toast { background-color: #030303 } .toast-success { background-color: #51A351 } .toast-error { background-color: #BD362F } .toast-info { background-color: #2F96B4 } .toast-warning { background-color: #F89406 } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) } @media all and (max-width:240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em } #toast-container > div.rtl { padding: 8px 50px 8px 8px } #toast-container .toast-close-button { right: -.2em; top: -.2em } #toast-container .rtl .toast-close-button { left: -.2em; right: .2em } } @media all and (min-width:241px) and (max-width:480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em } #toast-container > div.rtl { padding: 8px 50px 8px 8px } #toast-container .toast-close-button { right: -.2em; top: -.2em } #toast-container .rtl .toast-close-button { left: -.2em; right: .2em } } @media all and (min-width:481px) and (max-width:768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em } #toast-container > div.rtl { padding: 15px 50px 15px 15px } } .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;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;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:15px;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean button:focus:not(.focused):not(.disabled){outline:0}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} /* Slider */ .slick-slider { position: relative; display: block; 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); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .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; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Manually forked from SUIT CSS Base: https://github.com/suitcss/base * A thin layer on top of normalize.css that provides a starting point more * suitable for web applications. */ /** * Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } button { background-color: transparent; background-image: none; padding: 0; } /** * Work around a Firefox/IE bug where the transparent `button` background * results in a loss of the default `button` focus styles. */ button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } fieldset { margin: 0; padding: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } /** * Tailwind custom reset styles */ /** * 1. Use the user's configured `sans` font-family (with Tailwind's default * sans-serif font stack as a fallback) as a sane default. * 2. Use Tailwind's default "normal" line-height so the user isn't forced * to override it to ensure consistency even when using the default theme. */ html { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */ line-height: 1.5; /* 2 */ } /** * 1. Prevent padding and border from affecting element width. * * We used to set this in the html element and inherit from * the parent element for everything else. This caused issues * in shadow-dom-enhanced elements like
where the content * is wrapped by a div with box-sizing set to `content-box`. * * https://github.com/mozdevs/cssremedy/issues/4 * * * 2. Allow adding a border to an element by just adding a border-width. * * By default, the way the browser specifies that an element should have no * border is by setting it's border-style to `none` in the user-agent * stylesheet. * * In order to easily add borders to elements by just setting the `border-width` * property, we change the default border-style for all elements to `solid`, and * use border-width to hide them instead. This way our `border` utilities only * need to set the `border-width` property instead of the entire `border` * shorthand, making our border utilities much more straightforward to compose. * * https://github.com/tailwindcss/tailwindcss/pull/116 */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e2e8f0; /* 2 */ } /* * Ensure horizontal rules are visible by default */ hr { border-top-width: 1px; } /** * Undo the `border-style: none` reset that Normalize applies to images so that * our `border-{width}` utilities have the expected effect. * * The Normalize reset is unnecessary for us since we default the border-width * to 0 on all elements. * * https://github.com/tailwindcss/tailwindcss/issues/362 */ img { border-style: solid; } textarea { resize: vertical; } input::-moz-placeholder, textarea::-moz-placeholder { color: #a0aec0; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a0aec0; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #a0aec0; } input::placeholder, textarea::placeholder { color: #a0aec0; } button, [role="button"] { cursor: pointer; } table { border-collapse: collapse; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /** * Reset links to optimize for opt-in styling instead of * opt-out. */ a { color: inherit; text-decoration: inherit; } /** * Reset form element properties that are easy to forget to * style explicitly so you don't inadvertently introduce * styles that deviate from your design system. These styles * supplement a partial reset that is already applied by * normalize.css. */ button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit; } /** * Use the configured 'mono' font family for elements that * are expected to be rendered with a monospace font, falling * back to the system monospace stack if there is no configured * 'mono' font family. */ pre, code, kbd, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /** * Make replaced elements `display: block` by default as that's * the behavior you want almost all of the time. Inspired by * CSS Remedy, with `svg` added as well. * * https://github.com/mozdevs/cssremedy/issues/14 */ img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } /** * Constrain images and videos to the parent width and preserve * their instrinsic aspect ratio. * * https://github.com/mozdevs/cssremedy/issues/14 */ img, video { max-width: 100%; height: auto; } /*tailwind start components */ .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } /*tailwind end components */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 15px; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity,-webkit-filter; transition-property: opacity,filter; transition-property: opacity,filter,-webkit-filter; text-transform: none; color: inherit; border: 0; background-color: transparent } .hamburger.is-active:hover, .hamburger:hover { opacity: .7 } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background-color: #000 } .hamburger-box { position: relative; display: inline-block; width: 40px; height: 24px } .hamburger-inner { top: 50%; display: block; margin-top: -2px } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width: 40px; height: 4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #000 } .hamburger-inner:after, .hamburger-inner:before { display: block; content: "" } .hamburger-inner:before { top: -10px } .hamburger-inner:after { bottom: -10px } .hamburger--squeeze .hamburger-inner { transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: 75ms } .hamburger--squeeze .hamburger-inner:before { transition: top 75ms ease .12s,opacity 75ms ease } .hamburger--squeeze .hamburger-inner:after { transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19) } .sidebar-active .hamburger--squeeze .hamburger-inner { transition-delay: .12s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(45deg) } .sidebar-active .hamburger--squeeze .hamburger-inner:before { top: 0; transition: top 75ms ease,opacity 75ms ease .12s; opacity: 0 } .sidebar-active .hamburger--squeeze .hamburger-inner:after { bottom: 0; transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s; transform: rotate(-90deg) } :root { --long-gradient: linear-gradient(94deg, #01c7ea 0%, #9b74ff 100%); --short-gradient: linear-gradient(90deg, rgba(1,199,234,1) 45%, rgba(155,116,255,1) 55%); } .temp-visible { position: relative; display: block; visibility: hidden; max-height: none !important; max-height: initial !important; } .fr-rounded { border-radius: 0.25rem; } .text-red { --text-opacity: 1 !important; color: #c53030 !important; color: rgba(197, 48, 48, var(--text-opacity)) !important; } .error-message { margin-bottom: 0 !important; --text-opacity: 1 !important; color: #c53030 !important; color: rgba(197, 48, 48, var(--text-opacity)) !important; text-align: center !important; } .absolute-middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .egg-icon .absolute-middle { left: 45%; } .cloud-background-gradient { background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #5352f6; background-image: url("/Content/Images/cloud-gradient-background.jpg"); } .background-gradient { background-image: linear-gradient(94deg, #01c7ea 0%, #9b74ff 100%); background-image: var(--long-gradient); } .transition-bg { transition: 250ms background; } .employer-only { display: none; } .employers .employer-only { display: block; } .employers .non-employers { display: none; } [hidden] { display: none !important; } @-webkit-keyframes mouse-scroll { from { opacity: 1; } to { opacity: 0; transform: translateY(12px); } } @keyframes mouse-scroll { from { opacity: 1; } to { opacity: 0; transform: translateY(12px); } } @-webkit-keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.45, 1.45, 1.45); } to { transform: scale3d(1, 1, 1); } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.45, 1.45, 1.45); } to { transform: scale3d(1, 1, 1); } } .nav-pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Carousel fonts */ .animate-font-path { stroke-dasharray: 500; stroke-dashoffset: 0; stroke-width: 0; } @media (min-width: 768px) { .slick-active .animate-font-path { -webkit-animation: draw-font 5s; animation: draw-font 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; stroke-width: 1px; } } @-webkit-keyframes draw-font { from { stroke-dashoffset: 500; } to { stroke-dashoffset: 0; } } @keyframes draw-font { from { stroke-dashoffset: 500; } to { stroke-dashoffset: 0; } } body { font-family: "Nunito", sans-serif !important; } header h1, header h2, header h3, header h4, header .h1, header .h2, header .h3, header .h4 { --text-opacity: 1 !important; color: #fff !important; color: rgba(255, 255, 255, var(--text-opacity)) !important; } h1, h2, h3, h4, .h1, .h2, .h3, .h4 { --text-opacity: 1; color: #6e60fe; color: rgba(110, 96, 254, var(--text-opacity)); font-weight: 400; font-style: italic; margin-top: 1.5rem } h1 b, h2 b, h3 b, h4 b, .h1 b, .h2 b, .h3 b, .h4 b { font-style: normal; } h1, .h1 { font-size: 1.5rem; margin-bottom: 1rem; } h2, .h2 { font-size: 1.25rem; margin-bottom: 0.5rem; } h3, .h3 { font-size: 1rem; margin-bottom: 0.25rem; } h4, .h4 { font-size: 0.875rem; } main a:link, main a:visited, footer a:link, footer a:visited { text-decoration: underline; font-weight: 700; } main a:hover, footer a:hover { text-decoration: none; } main a:link, main a:visited { --text-opacity: 1; color: #7661e6; color: rgba(118, 97, 230, var(--text-opacity)); } /* Download links */ a[href$=".pdf"]:after { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-size: 24px; content: "\f1c1"; margin-right: 0.25rem; margin-left: 0.5rem; } a[href$=".doc"]:after, a[href$=".docx"]:after { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-size: 24px; content: "\f1c2"; margin-right: 0.25rem; margin-left: 0.5rem; } a[href$=".xls"]:after, a[href$=".xlsx"]:after, a[href$=".xlsm"]:after { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-size: 24px; content: "\f1c3"; margin-right: 0.25rem; margin-left: 0.5rem; } table { width: 100%; text-align: center; margin-bottom: 1rem; border-radius: 0.125rem } table tr:first-child, table tr.highlight-row { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); font-weight: 700; position: relative; background: linear-gradient(94deg, #01c7ea 0%, #9b74ff 100%); background: var(--long-gradient); } table td, table th { padding: 1rem; border: 1px solid #cccccc; } table.no-header tr:first-child { font-weight: 400; --text-opacity: 1; color: #000; color: rgba(0, 0, 0, var(--text-opacity)); background: white; } table .table-action-icon { position: absolute; display: inline; width: 1.5rem; height: 1.5rem; border-radius: 9999px; padding: 0.25rem; line-height: 0.9; color: rgba(115, 195, 255, 1); background: rgba(238, 248, 255, 1); border: 1px solid rgba(115, 195, 255, 1); transform: translate(-50%, -50%); top: 50%; left: 50% } table .table-action-icon.left { top: 50%; left: 0; } .example-header { font-size: 1.125rem; color: rgba(115, 195, 255, 1); } .example-container { padding: 1rem; margin-bottom: 0.5rem; border: 1px solid rgba(115, 195, 255, 1); background: rgba(238, 248, 255, 1) } .example-container table { margin-top: 0.5rem; margin-bottom: 2rem } .example-container table:last-child { margin-bottom: 0; } .example-container table td, .example-container table th { border-width: 0; } .example-container table .spacer td, .example-container table .spacer th { padding: 0.5rem; } .example-container table .spacer span { display: none; } .example-container table .spacer span.table-action-icon { display: block; } .example-container table .blue-row td:first-child, .example-container table .blue-row th:first-child { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); background: rgba(81, 142, 255, 1) !important; } .example-container table .blue-row td:last-child, .example-container table .blue-row th:last-child { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); background: rgba(116, 164, 255, 1) !important; } .example-container table .purple-row td:first-child, .example-container table .purple-row th:first-child { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); background: rgba(118, 97, 230, 1) !important; } .example-container table .purple-row td:last-child, .example-container table .purple-row th:last-child { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); background: rgba(145, 129, 235, 1) !important; } .example-container table .purple-blue-row td:first-child, .example-container table .purple-blue-row th:first-child { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); background: rgba(98, 112, 255, 1) !important; } .example-container table .purple-blue-row td:last-child, .example-container table .purple-blue-row th:last-child { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); background: rgba(129, 141, 255, 1) !important; } form { margin-top: 1rem; margin-bottom: 1rem } form.show-all-fields .ktc-default-section { display: flex !important; } form .ktc-default-section { position: relative; display: flex; flex-direction: column } @media (min-width: 640px) { form .ktc-default-section { flex-direction: row; flex-wrap: wrap } } form .ktc-default-section .control-label { padding-right: 3rem; } @media (min-width: 640px) { form .ktc-default-section .form-section-title { padding-left: 1rem; padding-right: 1rem } } form .ktc-default-section .form-section-title p { margin-bottom: 0; margin-top: 1.5rem; font-weight: 700; --text-opacity: 1; color: #6e60fe; color: rgba(110, 96, 254, var(--text-opacity)); text-transform: uppercase; } form .ktc-default-section .columns { display: flex; flex-wrap: wrap; flex-direction: column } @media (min-width: 768px) { form .ktc-default-section .columns { flex-direction: row } } form .ktc-default-section.form-2col .columns .form-field { width: 100% } @media (min-width: 768px) { form .ktc-default-section.form-2col .columns .form-field { width: 50% } } form .ktc-default-section.form-3col .columns .form-field { width: 100% } @media (min-width: 768px) { form .ktc-default-section.form-3col .columns .form-field { width: 33.333333% } } form .ktc-default-section.form-4col .columns .form-field { width: 100% } @media (min-width: 640px) { form .ktc-default-section.form-4col .columns .form-field { width: 50% } } @media (min-width: 1024px) { form .ktc-default-section.form-4col .columns .form-field { width: 25% } } form .ktc-default-section .form-field { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin-top: 1rem; margin-bottom: 1rem } @media (min-width: 640px) { form .ktc-default-section .form-field { padding-left: 1rem; padding-right: 1rem } } form .ktc-default-section .form-field.focused { .explanation-text { display: block; } } form .ktc-default-section .editing-form-control-nested-control { align-self: flex-end; width: 100% } form .ktc-default-section .editing-form-control-nested-control .form-control { width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem } @media (min-width: 640px) { form .ktc-default-section .editing-form-control-nested-control .form-control { padding-left: 0.5rem; padding-right: 0.5rem } } form .ktc-default-section .editing-form-control-nested-control .field-validation-error { margin-top: 0.25rem; font-size: 0.875rem; --text-opacity: 1; color: #ED4745; color: rgba(237, 71, 69, var(--text-opacity)); } form .ktc-default-section .editing-form-control-nested-control input:not([type="file"]), form .ktc-default-section .editing-form-control-nested-control select, form .ktc-default-section .editing-form-control-nested-control textarea { margin-top: 0.5rem; border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, rgba(1,199,234,1) 45%, rgba(155,116,255,1) 55%); border-image-source: var(--short-gradient) } form .ktc-default-section .editing-form-control-nested-control input:not([type="file"]).input-validation-error, form .ktc-default-section .editing-form-control-nested-control select.input-validation-error, form .ktc-default-section .editing-form-control-nested-control textarea.input-validation-error { --border-opacity: 1; border-color: #ED4745; border-color: rgba(237, 71, 69, var(--border-opacity)); border-image-source: none; } form .ktc-default-section .editing-form-control-nested-control textarea { min-height: 125px; } form .ktc-default-section .editing-form-control-nested-control input[type="checkbox"] { position: absolute; top: 0; right: 0; width: 1.5rem; height: 1.5rem; transform: translate(-50%, -50%); } form .ktc-default-section .editing-form-control-nested-control input[type="file"]::file-upload-button { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; margin-right: 1rem; display: inline-block; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); border-radius: 0.25rem; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border-width: 0; background: #01c7ea } form .ktc-default-section .editing-form-control-nested-control input[type="file"]::file-upload-button:hover { --bg-opacity: 1; background-color: #8d68ef; background-color: rgba(141, 104, 239, var(--bg-opacity)); } form .ktc-default-section .editing-form-control-nested-control input[type="file"]::-moz-file-upload-button { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; margin-right: 1rem; display: inline-block; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); border-radius: 0.25rem; -moz-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border-width: 0; background: #01c7ea } form .ktc-default-section .editing-form-control-nested-control input[type="file"]::-moz-file-upload-button:hover { --bg-opacity: 1; background-color: #8d68ef; background-color: rgba(141, 104, 239, var(--bg-opacity)); } form .ktc-default-section .editing-form-control-nested-control input[type="file"]::-webkit-file-upload-button { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; margin-right: 1rem; display: inline-block; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); border-radius: 0.25rem; -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border-width: 0; background: #01c7ea } form .ktc-default-section .editing-form-control-nested-control input[type="file"]::-webkit-file-upload-button:hover { --bg-opacity: 1; background-color: #8d68ef; background-color: rgba(141, 104, 239, var(--bg-opacity)); } form .ktc-default-section .explanation-text { margin-top: 0.25rem; font-size: 0.875rem; --text-opacity: 1; color: #2d3748; color: rgba(45, 55, 72, var(--text-opacity)); } form .formwidget-submit-text { margin-bottom: 1rem; } form .ktc-radio { display: block !important; margin-top: 0.5rem !important } form .ktc-radio input { width: auto !important; display: inline-block !important; } form .ktc-uploader-replacement { display: none; } form .ktc-uploader-text br { display: none; } form .ktc-uploader-text-button { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; margin-left: 1rem; display: inline-block; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); border-radius: 0.25rem; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border-width: 0; background: #01c7ea } form .ktc-uploader-text-button:hover { --bg-opacity: 1; background-color: #8d68ef; background-color: rgba(141, 104, 239, var(--bg-opacity)); } form[data-ktc-ajax-update] { display: none } form[data-ktc-ajax-update] .form-controls { display: flex; flex-direction: row; justify-content: space-around; margin-top: 0.5rem; } form[data-ktc-ajax-update] .control-label.required-field { font-weight: 700 } form[data-ktc-ajax-update] .control-label.required-field::after { content: " *"; } form[data-ktc-ajax-update] .form-sections { display: none; flex-grow: 1; flex-direction: row; justify-content: center } @media (min-width: 640px) { form[data-ktc-ajax-update] .form-sections { display: flex } } form[data-ktc-ajax-update] .form-sections .form-section-number { display: inline-block; width: 0.75rem; height: 0.75rem; border-radius: 9999px; background-color: transparent; align-self: center; margin-left: 0.75rem; margin-right: 0.75rem; text-indent: -9999px; line-height: 0; box-shadow: 0 0 0 2px rgba(81, 181, 255, 1) } form[data-ktc-ajax-update] .form-sections .form-section-number.active { box-shadow: 0 0 0 2px #6e60fe; background: #6e60fe; outline: none; } form[data-ktc-ajax-update] input[type="submit"], form[data-ktc-ajax-update] .previous { display: inline-block; margin-left: auto; cursor: pointer; font-weight: 700; text-transform: uppercase; flex-shrink: 0; background: #e2e8f0; color: #353535; width: 125px; height: 85px; transition: 175ms background, 175ms color } form[data-ktc-ajax-update] input[type="submit"]:disabled, form[data-ktc-ajax-update] .previous:disabled { cursor: not-allowed; visibility: hidden; } form[data-ktc-ajax-update] input[type="submit"]:hover, form[data-ktc-ajax-update] .previous:hover { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); background: #01c7ea; } form[data-ktc-ajax-update] input[type="submit"] { border-top-left-radius: 50% 70%; border-top-right-radius: 90% 70%; border-bottom-right-radius: 90% 70%; border-bottom-left-radius: 50% 70% } @media (min-width: 640px) { form[data-ktc-ajax-update] input[type="submit"] { margin-right: 0.5rem } } form[data-ktc-ajax-update] .previous { border-top-left-radius: 90% 70%; border-top-right-radius: 50% 70%; border-bottom-right-radius: 50% 70%; border-bottom-left-radius: 90% 70% } @media (min-width: 640px) { form[data-ktc-ajax-update] .previous { margin-left: 0.5rem } } .video-table { width: 100%; text-align: left } .video-table tbody tr:first-child { font-weight: 400; --text-opacity: 1; color: #000; color: rgba(0, 0, 0, var(--text-opacity)); background: #fff; } .video-table tbody tr td:first-child { width: 50% !important } @media (min-width: 768px) { .video-table tbody tr td:first-child { width: 40% !important } } .video-table tbody tr td:last-child { width: 50% !important } @media (min-width: 768px) { .video-table tbody tr td:last-child { width: 60% !important } } .video-table tbody tr td { border-width: 0; } .clay10-banner { padding: 0.5rem; font-size: 0.875rem; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); background: #1c2544; } /* Slider */ .noUi-vertical .noUi-handle { box-shadow: none; width: 0; height: 0; border-radius: 0; right: 0; background-color: transparent; top: -6px; border-style: solid; border-width: 6.5px 0 6.5px 11.3px; border-color: transparent transparent transparent #ffffff } .noUi-vertical .noUi-handle:focus { outline: 0; } .noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after { display: none; } .noUi-vertical .noUi-tooltip { height: 3rem; width: 3rem; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); border-width: 0; background: #a377f2; right: 2.85rem; border-radius: 200px 200px 0px 200px; transform: rotate(-45deg); transform-origin: top left } .noUi-vertical .noUi-tooltip > span { display: inline-block; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50% } .noUi-vertical .noUi-tooltip > span > span { display: inline-block; transform: rotate(45deg); } .noUi-target { border-radius: 0; box-shadow: none; border-style: none; background: #e8d3e2; } .noUi-vertical { width: 13px; } .noUi-connect { border-radius: 0; background: #a377f2; } /* tippy */ .tippy-tooltip.gmpf-theme { --bg-opacity: 1; background-color: #2f3a62; background-color: rgba(47, 58, 98, var(--bg-opacity)) } .tippy-tooltip.gmpf-theme .tippy-arrow { border-bottom-color: #2f3a62; } .tippy-tooltip.gmpf-theme[data-placement^="top"] > .tippy-arrow { border-top-color: #2f3a62; } /* Toastr */ #toast-container.toast-top-center { position: fixed; top: 3.5rem; left: 1rem; width: 300px } #toast-container.toast-top-center .toast-warning { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); background-color: #2f3a62; transition: 125ms all; } /* cursor animation */ @-webkit-keyframes animated-cursor { from { border-right-color: currentColor; } to { border-right-color: transparent; } } @keyframes animated-cursor { from { border-right-color: currentColor; } to { border-right-color: transparent; } } [data-localstorage] { font-weight: 700; text-decoration: underline; font-style: normal; border-right: solid 1px currentColor; padding-right: 0.125rem; -webkit-animation: animated-cursor 900ms steps(29, end) infinite; animation: animated-cursor 900ms steps(29, end) infinite } [data-localstorage]:focus { border-right-width: 0; } @media (max-width: 1024px) { .container { max-width: 100% } } @media (min-width: 1280px) { .container { max-width: 1024px } } .members .city-header, .members .nav-header { --bg-opacity: 1; background-color: #8d68ef; background-color: rgba(141, 104, 239, var(--bg-opacity)); } .about .city-header, .about .nav-header { --bg-opacity: 1; background-color: #7FBEFF; background-color: rgba(127, 190, 255, var(--bg-opacity)); } .employers .city-header, .employers .nav-header { --bg-opacity: 1; background-color: #6FC0C4; background-color: rgba(111, 192, 196, var(--bg-opacity)); } .governance .city-header, .governance .nav-header { --bg-opacity: 1; background-color: #FA9869; background-color: rgba(250, 152, 105, var(--bg-opacity)); } .sidebar-active .menu { transform: translateX(0); } .sidebar-active .content-block { pointer-events: auto; background: rgba(100, 100, 100, 0.35); } .city-header { display: inline-block; position: relative; width: 100%; height: 10rem; --bg-opacity: 1; background-color: #7661e6; background-color: rgba(118, 97, 230, var(--bg-opacity)) } .city-header .city-header-content { position: relative; text-transform: uppercase; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); text-align: center } .city-header .city-header-content::before { content: ""; position: absolute; top: 50%; left: 50%; height: 127px; width: 178px; transform: translate(-50%, -50%); background-image: url("/Content/Images/egg.svg"); background-repeat: no-repeat; background-position: center; opacity: 0.5; } .city-header .city-header-content h1 { position: relative; font-weight: 700; font-style: normal; font-size: 1.875rem; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); margin-top: 0; margin-bottom: 0; z-index: 10; } .city-header .city-header-content p { position: relative; font-style: italic; font-size: 1.125rem; line-height: 1; z-index: 10; } .nav-header { display: flex; position: relative; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); width: 100%; letter-spacing: 0.1em; align-items: center; justify-content: space-between; --bg-opacity: 1; background-color: #7661e6; background-color: rgba(118, 97, 230, var(--bg-opacity)); transition: 175ms background } .nav-header.nav-fixed { position: fixed; top: 0; left: 0; z-index: 150; height: 46px; } .nav-header .nav-icons { display: flex; align-self: baseline } @media (min-width: 1440px) { .nav-header .nav-icons { width: 50% } } .nav-header .logo { display: inline-block; width: 3rem; margin-left: 0.5rem; transition: 250ms all; transform-origin: top left; } .nav-header .reciteme { font-weight: 700; width: 48px; letter-spacing: -0.075em } .nav-header .reciteme .first { font-size: 0.75rem; } .nav-header .reciteme .second { font-size: 1rem; } .nav-header .reciteme .third { font-size: 1.25rem; } .nav-button { --bg-opacity: 1; background-color: #6270ff; background-color: rgba(98, 112, 255, var(--bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem } .nav-button:hover { --bg-opacity: 1; background-color: #518eff; background-color: rgba(81, 142, 255, var(--bg-opacity)); } .dropdown-menu { padding: 0.25rem } .dropdown-menu li { border-bottom-width: 1px; --border-opacity: 1; border-color: #4a5568; border-color: rgba(74, 85, 104, var(--border-opacity)) } .dropdown-menu li:last-child { border-bottom-width: 0; } .dropdown-menu li a:link, .dropdown-menu li a:visited { display: block; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem } .dropdown-menu li a:link:hover, .dropdown-menu li a:visited:hover { font-weight: 700; } .dropdown-menu li a:link svg, .dropdown-menu li a:visited svg { margin-right: 0.5rem; } /* !important for my pension colliding styles */ #city { position: relative !important; z-index: 20 !important; display: none !important } @media (min-width: 768px) { #city { display: block !important } } .hamburger { position: relative; z-index: 50 } .hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before { --bg-opacity: 1 !important; background-color: #fff !important; background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } .content-block { position: fixed; top: 0; right: 0; left: 0; bottom: 0; pointer-events: none; z-index: 60; background: rgba(0, 0, 0, 0); transition: 250ms background; } .menu-button { display: block; padding: 0.25rem; align-self: center } .menu-button.hamburger { padding-top: 0.5rem; transform: scale(0.6); } .menu-section-button { padding-left: 0.5rem; padding-right: 0.5rem; border-radius: 0; flex-grow: 1; text-transform: uppercase; border-width: 0; --border-opacity: 1; border-color: #fff; border-color: rgba(255, 255, 255, var(--border-opacity)); transition: 175ms all } .menu-section-button:hover { font-weight: 700; --text-opacity: 1; color: #7661e6; color: rgba(118, 97, 230, var(--text-opacity)); border-bottom-width: 2px; } .menu-section-button:focus { outline: 0; } #search-navigation, #members-navigation, #about-navigation, #employers-navigation, #governance-navigation { display: none; } .sidebar-active.menu .menu-section-button, .nav-header.menu .menu-section-button, .menu.menu .menu-section-button { padding-top: 0.5rem; padding-bottom: 0.5rem; } .sidebar-active .menu-section-button:hover, .sidebar-active .menu-section-button.is-active, .nav-header .menu-section-button:hover, .nav-header .menu-section-button.is-active, .menu .menu-section-button:hover, .menu .menu-section-button.is-active { font-weight: 700; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); border-bottom-width: 2px; } .menu { display: block; position: fixed; top: 0; right: 0; width: 100%; height: 100%; align-content: flex-start; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); z-index: 110; transform: translateX(100%); transition: 350ms transform, 225ms background } @media (min-width: 640px) { .menu { flex-direction: row } } @media (min-width: 768px) { .menu { width: 75% } } @media (min-width: 1440px) { .menu { width: 50% } } .menu[data-current-section="search"] { background: rgba(47, 58, 98, 0.9) } .menu[data-current-section="search"] #search-navigation { display: flex; } .menu[data-current-section="members"] { background: rgba(141, 104, 239, 0.9) } .menu[data-current-section="members"] #members-navigation { display: flex; } .menu[data-current-section="about"] { background: rgba(127, 190, 255, 0.9) } .menu[data-current-section="about"] #about-navigation { display: flex; } .menu[data-current-section="employers"] { background: rgba(111, 192, 196, 0.9) } .menu[data-current-section="employers"] #employers-navigation { display: flex; } .menu[data-current-section="governance"] { background: rgba(250, 152, 105, 0.9) } .menu[data-current-section="governance"] #governance-navigation { display: flex; } .search-input-wrapper { position: -webkit-sticky; position: sticky; top: 0; padding-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; z-index: 50 } @media (min-width: 768px) { .search-input-wrapper { padding-left: 4rem; padding-right: 4rem } } .side-menu-section-wrapper { width: 100%; padding-top: 1rem; padding-left: 2rem; padding-right: 2rem; padding-bottom: 4rem; overflow-y: auto; max-height: 95vh } @media (min-width: 768px) { .side-menu-section-wrapper { margin-top: 46px; padding-left: 4rem; padding-right: 4rem; padding-top: 2rem; padding-bottom: 2rem; max-height: 100vh } } .section-headings { text-align: center; text-shadow: rgb(56, 54, 167, 0.3) -1px 1px 10px; } .site-notification { padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); --bg-opacity: 1; background-color: #2f3a62; background-color: rgba(47, 58, 98, var(--bg-opacity)); background-attachment: fixed; z-index: 70 } @media (min-width: 768px) { .site-notification { position: fixed; left: 0; bottom: 0 } } .mypension-button { position: relative; padding: 0.75rem; border-radius: 0.25rem; display: block; margin-bottom: 1.5rem; font-weight: 700; text-transform: uppercase; --text-opacity: 1; color: #2f3a62; color: rgba(47, 58, 98, var(--text-opacity)); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); text-align: center; background: #e8c872 } .mypension-button:hover { background: #eec452; } @media (min-width: 768px) { .mypension-button { font-size: 1.125rem } } .mypension-button .mypension-button-logo { display: inline; height: 2rem; } .button { display: block; cursor: pointer; width: 100%; --bg-opacity: 1; background-color: #2f3a62; background-color: rgba(47, 58, 98, var(--bg-opacity)); border-radius: 9999px; margin-top: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; font-size: 0.875rem; text-transform: uppercase; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); transition: 250ms background } .button[disabled], .button[disabled]:hover { --bg-opacity: 1; background-color: #718096; background-color: rgba(113, 128, 150, var(--bg-opacity)); cursor: not-allowed; } .button:hover { background: #1c2544; } .breadcrumbs { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 0.5rem; font-size: 0.875rem } .breadcrumbs a:link, .breadcrumbs a:visited { } .breadcrumbs .last { --text-opacity: 1; color: #7661e6; color: rgba(118, 97, 230, var(--text-opacity)); } .breadcrumbs a:hover { text-decoration: underline; } .accordion { margin-bottom: 0.5rem } .accordion[data-state="closed"] header { --text-opacity: 1; color: #000; color: rgba(0, 0, 0, var(--text-opacity)); font-weight: 400 } .accordion[data-state="closed"] header:before { height: 2px; } .accordion[data-state="closed"] header i:before, .accordion[data-state="closed"] header i:after { --bg-opacity: 1; background-color: #51b5ff; background-color: rgba(81, 181, 255, var(--bg-opacity)); } .accordion[data-state="closed"] header i:before { transform: translate(2px, 0) rotate(45deg); } .accordion[data-state="closed"] header i:after { transform: translate(-2px, 0) rotate(-45deg); } .accordion[data-state="closed"] article.ready { max-height: 0 !important; } .accordion header { position: relative; display: block; --bg-opacity: 1; background-color: #e0f2ff; background-color: rgba(224, 242, 255, var(--bg-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; cursor: pointer; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); font-weight: 700; border-radius: 0.25rem; overflow: hidden; padding-right: 3rem } .accordion header:before { position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background: linear-gradient(94deg, #01c7ea 0%, #9b74ff 100%); background: var(--long-gradient); content: ""; z-index: 2; transition: 250ms height; } .accordion header span, .accordion header p { position: relative; display: block; z-index: 10; margin-bottom: 0; } .accordion header i { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 2; top: 50%; height: 9px; width: 9px; right: 1rem; transform: translateY(-50%) } .accordion header i:before, .accordion header i:after { position: absolute; --bg-opacity: 1; background-color: #fff; background-color: rgba(255, 255, 255, var(--bg-opacity)); content: ""; width: 3px; height: 9px; transition: all 250ms ease-in-out; } .accordion header i:before { transform: translate(-2px, 0) rotate(45deg); } .accordion header i:after { transform: translate(2px, 0) rotate(-45deg); } .accordion article { overflow: hidden; transition: all 250ms ease-in-out } .accordion article > .accordion-wrapper { padding: 1rem; padding-bottom: 0.5rem; border-width: 1px; --border-opacity: 1; border-color: #cbd5e0; border-color: rgba(203, 213, 224, var(--border-opacity)); border-top-width: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-next-step { position: relative; display: block; width: 1.5rem; height: 1.5rem; border-radius: 9999px; margin-left: auto; margin-right: auto; text-align: center; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); font-weight: 700; line-height: 1.25rem; margin-top: 0.5rem; margin-bottom: 0.5rem; background: #e0f2ff; transform: rotate(90deg); color: #48a1f4; border: 1px solid #48a1f4; } .page-content, .fr-view { padding-left: 0.5rem; padding-right: 0.5rem } .page-content h1, .fr-view h1 { text-align: center; display: none; } .page-content p, .fr-view p { margin-bottom: 1rem; line-height: 1.25; } .page-content ul, .page-content ol, .fr-view ul, .fr-view ol { margin-left: 1.5rem; list-style-position: inside; margin-bottom: 1rem; } .page-content ul, .fr-view ul { margin-left: 2.5rem } .page-content ul li::before, .fr-view ul li::before { display: inline-block; --text-opacity: 1; color: #6e60fe; color: rgba(110, 96, 254, var(--text-opacity)); font-weight: 700; width: 1rem; margin-left: -1rem; content: "\2022"; } .page-content ul ul, .fr-view ul ul { margin-left: 1rem } .page-content ul ul li::before, .fr-view ul ul li::before { display: none; } .page-content ol, .fr-view ol { list-style-type: decimal; } blockquote { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem; border-radius: 0.25rem; padding: 8px 0 0 0; border-bottom: 3px solid #01c7ea; background: linear-gradient(90deg, rgba(1,199,234,1) 45%, rgba(155,116,255,1) 55%); background: var(--short-gradient) } blockquote.with-quotes { padding: 3px; border-bottom: 0; background: linear-gradient(94deg, #01c7ea 0%, #9b74ff 100%); background: var(--long-gradient) } blockquote.with-quotes::before, blockquote.with-quotes::after { position: absolute; bottom: 0; height: 0; width: 0; content: ""; left: 1.5rem; border-width: 20px 15px 0 15px; } blockquote.with-quotes::before { transform: translateY(99%); border-color: #01c7ea transparent transparent transparent; } blockquote.with-quotes::after { transform: translateY(72%); border-color: #fff transparent transparent transparent; } blockquote.with-quotes .blockquote-wrap { padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; } blockquote.with-quotes .blockquote-quote { position: relative; margin-left: 3rem } blockquote.with-quotes .blockquote-quote p { position: relative; font-style: italic; z-index: 2; } blockquote.with-quotes .blockquote-quote:before { content: "\201C"; position: absolute; top: 0; left: 0; color: #01c7ea; font-size: 6rem; line-height: 1; transform: translateX(-125%) } @media (min-width: 768px) { blockquote.with-quotes .blockquote-quote:before { transform: translateX(-125%) } } blockquote .blockquote-wrap { --bg-opacity: 1; background-color: #fff; background-color: rgba(255, 255, 255, var(--bg-opacity)); padding: 1.5rem; } blockquote .blockquote-quote h3 { margin-top: 0; } blockquote .blockquote-quote > div { margin-top: 0; margin-bottom: 0; } blockquote .blockquote-quote p { line-height: 1.25; text-align: justify; } .header-summary { position: relative; line-height: 1.25; padding-left: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-style: italic; font-size: 1.25rem; margin-top: 0 !important; margin-bottom: 1.5rem !important } .header-summary::before { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 0.25rem; content: ""; background: #01c7ea; width: 8px; } .icon-scroll { position: absolute; border-radius: 9999px; width: 1.25rem; left: 50%; height: 36px; bottom: -45%; transform: translate(-50%, -50%); box-shadow: inset 0 0 0 2px #fff } .icon-scroll:before { position: absolute; border-radius: 9999px; --bg-opacity: 1; background-color: #fff; background-color: rgba(255, 255, 255, var(--bg-opacity)); content: ""; position: absolute; left: 50%; width: 6px; height: 6px; top: 6px; margin-left: -3px; -webkit-animation: mouse-scroll 1.5s infinite; animation: mouse-scroll 1.5s infinite; } .ktc-uploader-replacement { display: none; } .ktc-uploader-text br { display: none; } .ktc-uploader-text-button { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; margin-left: 1rem; display: inline-block; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); border-radius: 0.25rem; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border-width: 0; background: #01c7ea } .ktc-uploader-text-button:hover { --bg-opacity: 1; background-color: #8d68ef; background-color: rgba(141, 104, 239, var(--bg-opacity)); } .icon-button { position: relative; display: inline-block; height: 2.5rem; width: 2.5rem; margin-left: 0.25rem; margin-right: 0.25rem; border-radius: 9999px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); border-width: 1px; --border-opacity: 1; border-color: #fff; border-color: rgba(255, 255, 255, var(--border-opacity)); transition: 250ms all cubic-bezier(0.175, 0.885, 0.32, 1.275); } a.icon-button:hover { transform: scale(1.1); } /* Search */ .search-input { border-width: 1px; --text-opacity: 1; color: #000; color: rgba(0, 0, 0, var(--text-opacity)); width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 9999px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) } .search-input:focus { outline: 0; box-shadow: 0 0 0 3px #6e60fe; } #search { width: 100%; display: flex; flex-direction: column; max-height: 100%; } #searchResults { overflow-y: auto; } .search-result { display: flex; margin-top: 0.5rem; background: #283257 } .search-result .icon-button { --bg-opacity: 1; background-color: #7661e6; background-color: rgba(118, 97, 230, var(--bg-opacity)); border-width: 0; } .search-result-icon { padding-left: 1rem; align-self: center; } .search-result-text { padding: 1rem; flex-grow: 1; line-height: 1.25; } .search-result-title { font-weight: 700; } .search-result-relevance { padding: 1rem; border-left-width: 1px; --border-opacity: 1; border-color: #2e3192; border-color: rgba(46, 49, 146, var(--border-opacity)); align-self: center; border-color: #202851; } .search-result-match { position: relative; display: block; height: 0.5rem; border-radius: 9999px; overflow: hidden; background: #121931 } .search-result-match .search-result-match-percent { position: absolute; display: block; top: 0; left: 0; bottom: 0; background: #3ec0be; content: ""; } .section-tag { display: inline-block; font-size: 0.75rem; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); padding-left: 0.25rem; padding-right: 0.25rem; border-radius: 0.25rem; text-transform: uppercase; font-style: italic; opacity: 0.85; transition: 125ms opacity } .section-tag:hover { opacity: 1; } .section-tag.employers-section { --bg-opacity: 1; background-color: #6FC0C4; background-color: rgba(111, 192, 196, var(--bg-opacity)); } .section-tag.members-section { --bg-opacity: 1; background-color: #8d68ef; background-color: rgba(141, 104, 239, var(--bg-opacity)); } .section-tag.governance-section { --bg-opacity: 1; background-color: #FA9869; background-color: rgba(250, 152, 105, var(--bg-opacity)); } .section-tag.about-section { --bg-opacity: 1; background-color: #7FBEFF; background-color: rgba(127, 190, 255, var(--bg-opacity)); } .disable-links a[href="#"] { text-decoration: none !important; font-weight: 400 !important; pointer-events: none !important; } /* Carousel */ .carousel { padding: 1.5rem; text-align: center; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); --bg-opacity: 1; background-color: #6e60fe; background-color: rgba(110, 96, 254, var(--bg-opacity)); transition: 175ms color } .carousel button:hover { --text-opacity: 1; color: #8d68ef; color: rgba(141, 104, 239, var(--text-opacity)); } .carousel-slide { margin-left: auto; margin-right: auto; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)) } .carousel-slide .carousel-slide-title { position: relative; padding-top: 2rem; padding-bottom: 2rem; } .carousel-slide h3 { position: relative; z-index: 20; margin-top: 0; margin-bottom: 0; font-size: 1.875rem; font-weight: 700; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)) } @media (min-width: 768px) { .carousel-slide h3 { font-size: 3rem } } .carousel-slide svg { position: absolute; display: none; width: 100%; top: 0; bottom: 0; height: 100%; z-index: 10; pointer-events: none; max-width: 80%; left: 50%; transform: translateX(-50%) } @media (min-width: 768px) { .carousel-slide svg { display: block } } .carousel-slide svg path { stroke: rgba(255, 255, 255, 0.33); } .carousel-slide p { font-size: 1.125rem; margin-top: 1rem; margin-bottom: 1rem; margin-left: auto; margin-right: auto; max-width: 50% } @media (min-width: 768px) { .carousel-slide p { margin-top: 3rem; margin-bottom: 3rem } } .slick-list { margin-bottom: 2rem; } .slick-slide:focus { outline: 0; outline: none; } .slick-arrow { position: absolute; z-index: 10; top: 50%; transform: translate(-50%, -50%) } .slick-arrow.slick-prev { left: 0; } .slick-arrow.slick-next { right: 0; } .slick-dots { position: absolute; left: 50%; transform: translateX(-50%) } .slick-dots li { display: inline-block; margin-right: 1rem } .slick-dots li.slick-active button { background: currentColor; } .slick-dots li button { width: 0.5rem; height: 0.5rem; overflow: hidden; border-radius: 9999px; background-color: transparent; text-indent: -9999px; line-height: 0; box-shadow: 0 0 0 2px currentColor } .slick-dots li button:focus { box-shadow: 0 0 0 2px rgba(81, 181, 255, 1); outline: none; } .events-list-api, .news-list { display: grid; grid-gap: 1rem; grid-gap: 1rem; gap: 1rem } @media (min-width: 640px) { .events-list-api, .news-list { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media (min-width: 768px) { .events-list-api, .news-list { grid-template-columns: repeat(3, minmax(0, 1fr)) } } @media (min-width: 1024px) { .events-list-api, .news-list { grid-template-columns: repeat(4, minmax(0, 1fr)) } } .events-list-api .event, .news-list .event { text-align: center; } .event { display: flex; flex-direction: column; width: 100%; margin-top: 0.5rem; padding: 0.5rem; --bg-opacity: 1; background-color: #f2f1ff; background-color: rgba(242, 241, 255, var(--bg-opacity)); border-radius: 0.25rem; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); justify-content: space-between; overflow: hidden } .event .event-image { max-width: 100%; margin-bottom: 0.5rem; display: inline-block; margin-left: auto; margin-right: auto; } .event .event-title { font-size: 1.125rem; font-style: italic; } .event .event-date, .event .event-desc { } .event .event-button { display: block; width: 100%; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); --bg-opacity: 1; background-color: #2f3a62; background-color: rgba(47, 58, 98, var(--bg-opacity)); text-align: center; text-decoration: none; padding-top: 0.25rem; padding-bottom: 0.25rem; text-transform: uppercase; border-radius: 0.25rem; font-size: 0.875rem; transition: 125ms background } .event .event-button:hover { --bg-opacity: 1; background-color: #6e60fe; background-color: rgba(110, 96, 254, var(--bg-opacity)); } /* Flowchart */ .flowchart { --width: 350px } .flowchart .flowchart-wrapper { margin-top: 1rem; margin-bottom: 1rem; --bg-opacity: 1; background-color: #7661e6; background-color: rgba(118, 97, 230, var(--bg-opacity)); padding: 1rem; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)) } .flowchart .flowchart-wrapper > h2 { font-size: 1.25rem; text-transform: uppercase; font-weight: 700; text-align: center; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); margin-top: 0.75rem; margin-bottom: 0.75rem; } .flowchart .flowchart-wrapper .flowchart-menu { width: 100%; display: flex; flex-direction: column; overflow-x: auto; justify-content: center } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-link { display: inline-block; padding: 1.5rem; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); border-radius: 0.25rem; text-decoration: none; cursor: pointer; background: rgb(162, 136, 242); box-shadow: 0 0 0px 2px #7661e6, 0 0 0 3px white; transition: 125ms background } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-link:hover, .flowchart .flowchart-wrapper .flowchart-menu .flowchart-link.active { --bg-opacity: 1; background-color: #6e60fe; background-color: rgba(110, 96, 254, var(--bg-opacity)); } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-link a:link, .flowchart .flowchart-wrapper .flowchart-menu .flowchart-link a:visited { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-link .flowchart-title { display: block; font-size: 1.125rem; font-weight: 700; text-decoration: underline; margin-bottom: 0.25rem; } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-link .flowchart-description { margin-bottom: 0; line-height: 1.25; font-weight: 400; } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-single { display: flex; flex-direction: column; align-self: center } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-single:first-child { margin-top: 1rem; } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-single .flowchart-link { text-align: center; width: var(--width); } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-multiple { display: flex; flex-direction: column; align-self: center; width: 75%; justify-content: center; text-align: center } @media (min-width: 768px) { .flowchart .flowchart-wrapper .flowchart-menu .flowchart-multiple { flex-direction: row } } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-multiple .flowchart-link { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 0.25rem } @media (min-width: 768px) { .flowchart .flowchart-wrapper .flowchart-menu .flowchart-multiple .flowchart-link { flex-grow: 1; width: 33.333333% } } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-nextstep { position: relative; display: block; width: 1.5rem; height: 1.5rem; margin-top: 1rem; margin-bottom: 1rem; margin-left: auto; margin-right: auto; border-radius: 9999px; --bg-opacity: 1; background-color: #fff; background-color: rgba(255, 255, 255, var(--bg-opacity)); overflow: hidden; box-shadow: 0 0 0px 2px #7661e6, 0 0 0 3px white } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-nextstep span { position: absolute; top: 0; font-weight: 700; --text-opacity: 1; color: #7661e6; color: rgba(118, 97, 230, var(--text-opacity)); transform: rotate(90deg); left: 9px; } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-nextstep:last-child { width: 0; height: 0; margin-top: 0.5rem; margin-bottom: 0.5rem; box-shadow: none; } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-orstep { align-self: center; padding: 1.5rem; } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-additional-step { margin: 1.5rem; margin-bottom: 0.25rem; border-radius: 0.25rem; --bg-opacity: 1; background-color: #fff; background-color: rgba(255, 255, 255, var(--bg-opacity)); --text-opacity: 1; color: #000; color: rgba(0, 0, 0, var(--text-opacity)); padding: 1rem; box-shadow: 0 0 0px 2px #7661e6, 0 0 0 3px white } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-additional-step.active { display: block; } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-additional-step h3 { margin-top: 0.25rem; font-weight: 700; } .flowchart .flowchart-wrapper .flowchart-menu .flowchart-additional-step p:last-child { margin-bottom: 0 !important; } /* Quick links */ .quick-links { display: flex; flex-direction: column; flex-wrap: wrap } .quick-links > a:link, .quick-links > a:visited { display: block; width: 100%; padding: 1.5rem; text-decoration: none; --text-opacity: 1 !important; color: #fff !important; color: rgba(255, 255, 255, var(--text-opacity)) !important; transition: 225ms background } .quick-links > a:link::after, .quick-links > a:visited::after { display: none; } .quick-links .first { background: rgba(142, 104, 239, 1) } .quick-links .first:hover { background: rgba(142, 104, 239, 0.75); } .quick-links .middle { background: rgba(97, 112, 255, 1) } .quick-links .middle:hover { background: rgba(97, 112, 255, 0.75); } .quick-links .last { background: rgba(81, 181, 255, 1) } .quick-links .last:hover { background: rgba(81, 181, 255, 0.75); } .quick-links .fourth { background: rgba(81, 143, 255, 1) } .quick-links .fourth:hover { background: rgba(81, 143, 255, 0.75); } .quick-links .fifth { background: rgba(119, 97, 231, 1) } .quick-links .fifth:hover { background: rgba(119, 97, 231, 0.75); } @media (min-width: 768px) { .row-quick-links .quick-links { display: flex; flex-direction: row } .row-quick-links .quick-links > a:link, .row-quick-links .quick-links > a:visited { width: auto; flex-grow: 1; flex-basis: 0; } .sidebar-quick-links > div { position: -webkit-sticky; position: sticky; top: 55px } .sidebar-quick-links > div a:link, .sidebar-quick-links > div a:visited { border-radius: 0.25rem; margin-bottom: 1rem; } } .info-icon { display: inline-block; height: 1.25rem; width: 1.25rem; margin-right: 1rem; cursor: pointer; position: absolute; top: 0; right: 0; } .input-field-wrapper { position: relative; display: inline-block } .input-field-wrapper .input-field-prefix { position: absolute; font-weight: 700; top: 50%; left: 0.66rem; transform: translateY(-50%); } .input-field-wrapper .input-field { margin-top: 0; padding-left: 1.5rem; } .input-field { padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-top: 0.25rem; border-radius: 0.25rem; --border-opacity: 1; border-color: #6e60fe; border-color: rgba(110, 96, 254, var(--border-opacity)); border-width: 2px } .input-field.with-prefix { padding-left: 1.5rem; } .input-prefix { position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); } #feedbackForm { position: relative; z-index: 50; width: 100% } @media (min-width: 768px) { #feedbackForm { position: fixed; right: 0; bottom: 0; max-width: 350px } } #feedbackForm [data-star-hovered="true"] { color: #ffca35; } #feedbackForm[data-state="closed"] .toggle-feedback i:before { transform: translate(-2px, 0) rotate(45deg); } #feedbackForm[data-state="closed"] .toggle-feedback i:after { transform: translate(2px, 0) rotate(-45deg); } #feedbackForm .toggle-feedback { position: relative; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 700; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); text-align: left; --bg-opacity: 1; background-color: #7661e6; background-color: rgba(118, 97, 230, var(--bg-opacity)); width: 100%; border-radius: 0; transition: 125ms background } #feedbackForm .toggle-feedback:hover { --bg-opacity: 1; background-color: #6e60fe; background-color: rgba(110, 96, 254, var(--bg-opacity)); } #feedbackForm .toggle-feedback i { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 2; top: 50%; height: 9px; width: 9px; right: 1rem; transform: translateY(-50%) } #feedbackForm .toggle-feedback i:before, #feedbackForm .toggle-feedback i:after { position: absolute; --bg-opacity: 1; background-color: #fff; background-color: rgba(255, 255, 255, var(--bg-opacity)); content: ""; width: 3px; height: 9px; transition: all 250ms ease-in-out; } #feedbackForm .toggle-feedback i:before { transform: translate(2px, 0) rotate(45deg); } #feedbackForm .toggle-feedback i:after { transform: translate(-2px, 0) rotate(-45deg); } #feedbackForm .form-wrapper { padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --bg-opacity: 1; background-color: #8d68ef; background-color: rgba(141, 104, 239, var(--bg-opacity)); } #feedbackForm form { margin-top: 0.25rem; margin-bottom: 0.25rem; } #feedbackForm label { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); } #feedbackForm textarea { --text-opacity: 1; color: #000; color: rgba(0, 0, 0, var(--text-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; width: 100%; min-height: 125px; } #feedbackForm .button { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); margin-top: 0.5rem; } .address-picklist-container .address-picklist > div { margin-top: 0.25rem; margin-bottom: 0.25rem; text-decoration: underline; cursor: pointer } .address-picklist-container .address-picklist > div:hover { text-decoration: none; } .address-picklist-container .use-address-entered { display: none; } .cookie-banner { position: fixed; --bg-opacity: 1; background-color: #6270ff; background-color: rgba(98, 112, 255, var(--bg-opacity)); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); text-align: center; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 100%; left: 0; bottom: 0; max-width: 450px; z-index: 1000 } .cookie-banner a:link, .cookie-banner a:visited { text-decoration: underline; font-weight: 700; } .cookie-banner a:hover { text-decoration: none; } @-webkit-keyframes animatedBackground { from { background-position: 0 -1000px; } to { background-position: 0 0; } } @keyframes animatedBackground { from { background-position: 0 -1000px; } to { background-position: 0 0; } } @media (min-width: 768px) { .snow-bg { position: relative } .snow-bg::before, .snow-bg::after { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 30; pointer-events: none; content: ""; background-position: 0 0; background-repeat: repeat-y; } .snow-bg::before { background-image: url("/Content/Images/snow-back.png"); -webkit-animation: animatedBackground 15s linear infinite; animation: animatedBackground 15s linear infinite; } .snow-bg::after { background-image: url("/Content/Images/snow-front.png"); -webkit-animation: animatedBackground 12s linear infinite; animation: animatedBackground 12s linear infinite; } } .retirement-pie, .lump-sum { display: flex; flex-direction: column; border-top-width: 2px; margin-top: 1rem; padding-top: 1rem; --border-opacity: 1; border-color: #8d68ef; border-color: rgba(141, 104, 239, var(--border-opacity)); overflow: hidden; } .retirement-pie-heading, .lump-sum-heading { display: block; font-size: 1.875rem; --text-opacity: 1; color: #8d68ef; color: rgba(141, 104, 239, var(--text-opacity)); padding-left: 1rem; padding-right: 1rem; line-height: 1.25; text-align: center; } #retirement-slider, #lump-sum-slider { margin-left: 2rem; height: 150px } #retirement-slider br, #lump-sum-slider br { display: none; } .animated-cake-wrapper { position: relative; width: 300px; height: 225px } @media (min-width: 768px) { .animated-cake-wrapper { width: 400px; height: 300px } } .animated-cake { position: absolute; display: block; background-repeat: no-repeat; left: 0; width: 600px; height: 338px; background-image: url("/Content/Images/cake-animation-spritesheet.jpg"); top: 10%; transform: scale(0.66); transform-origin: top left } .animated-cake[data-position="00"] { background-position: 0 0; } .animated-cake[data-position="01"] { background-position: -600px 0; } .animated-cake[data-position="02"] { background-position: -1200px 0; } .animated-cake[data-position="03"] { background-position: -1800px 0; } .animated-cake[data-position="04"] { background-position: -2400px 0; } .animated-cake[data-position="05"] { background-position: 0 -338px; } .animated-cake[data-position="06"] { background-position: -600px -338px; } .animated-cake[data-position="07"] { background-position: -1200px -338px; } .animated-cake[data-position="08"] { background-position: -1800px -338px; } .animated-cake[data-position="09"] { background-position: -2400px -338px; } .animated-cake[data-position="10"] { background-position: 0 -676px; } .animated-cake[data-position="11"] { background-position: -600px -676px; } .animated-cake[data-position="12"] { background-position: -1200px -676px; } .animated-cake[data-position="13"] { background-position: -1800px -676px; } .animated-cake[data-position="14"] { background-position: -2400px -676px; } .animated-cake[data-position="15"] { background-position: 0 -1014px; } .animated-cake[data-position="16"] { background-position: -600px -1014px; } .animated-cake[data-position="17"] { background-position: -1200px -1014px; } .animated-cake[data-position="18"] { background-position: -1800px -1014px; } .animated-cake[data-position="19"] { background-position: -2400px -1014px; } .animated-cake[data-position="20"] { background-position: 0 -1352px; } .animated-cake[data-position="21"] { background-position: -600px -1352px; } .animated-cake[data-position="22"] { background-position: -1200px -1352px; } .animated-cake[data-position="23"] { background-position: -1800px -1352px; } .animated-cake[data-position="24"] { background-position: -2400px -1352px; } .animated-cake[data-position="25"] { background-position: 0 -1690px; } .animated-cake[data-position="26"] { background-position: -600px -1690px; } .animated-cake[data-position="27"] { background-position: -1200px -1690px; } .animated-cake[data-position="28"] { background-position: -1800px -1690px; } .animated-cake[data-position="29"] { background-position: -2400px -1690px; } .animated-cake[data-position="30"] { background-position: 0 -2028px; } .animated-cake[data-position="31"] { background-position: -600px -2028px; } .animated-cake[data-position="32"] { background-position: -1200px -2028px; } .animated-cake[data-position="33"] { background-position: -1800px -2028px; } .animated-cake[data-position="34"] { background-position: -2400px -2028px; } .animated-cake[data-position="35"] { background-position: 0 -2366px; } .animated-cake[data-position="36"] { background-position: -600px -2366px; } .animated-cake[data-position="37"] { background-position: -1200px -2366px; } .animated-cake[data-position="38"] { background-position: -1800px -2366px; } .animated-cake[data-position="39"] { background-position: -2400px -2366px; } .animated-cake[data-position="40"] { background-position: 0 -2704px; } .animated-cake[data-position="41"] { background-position: -600px -2704px; } .animated-cake[data-position="42"] { background-position: -1200px -2704px; } .animated-cake[data-position="43"] { background-position: -1800px -2704px; } .animated-cake[data-position="44"] { background-position: -2400px -2704px; } .animated-cake[data-position="45"] { background-position: 0 -3042px; } .animated-cake[data-position="46"] { background-position: -600px -3042px; } .animated-cake[data-position="47"] { background-position: -1200px -3042px; } .animated-cake[data-position="48"] { background-position: -1800px -3042px; } .animated-cake[data-position="49"] { background-position: -2400px -3042px; } .animated-cake[data-position="50"] { background-position: -3000px 0; } .animated-cake[data-position="51"] { background-position: -3000px -338px; } .animated-cake[data-position="52"] { background-position: -3000px -676px; } .animated-cake[data-position="53"] { background-position: -3000px -1014px; } .animated-cake[data-position="54"] { background-position: -3000px -1352px; } .animated-cake[data-position="55"] { background-position: -3000px -1690px; } .animated-cake[data-position="56"] { background-position: -3000px -2028px; } .animated-cake[data-position="57"] { background-position: -3000px -2366px; } .animated-cake[data-position="58"] { background-position: -3000px -2704px; } .animated-cake[data-position="59"] { background-position: -3000px -3042px; } .animated-lump-sum-wrapper { position: relative; width: 300px; height: 300px; } .animated-lump-sum { position: absolute; display: block; background-repeat: no-repeat; left: 0; width: 300px; height: 300px; background-image: url("/Content/Images/money-animation-spritesheet.png") } .animated-lump-sum[data-position="0"] { background-position: -5px -5px; } .animated-lump-sum[data-position="1"] { background-position: -5px -5px; } .animated-lump-sum[data-position="2"] { background-position: -315px -5px; } .animated-lump-sum[data-position="3"] { background-position: -625px -5px; } .animated-lump-sum[data-position="4"] { background-position: -935px -5px; } .animated-lump-sum[data-position="5"] { background-position: -1245px -5px; } .animated-lump-sum[data-position="6"] { background-position: -1555px -5px; } .animated-lump-sum[data-position="7"] { background-position: -5px -315px; } .animated-lump-sum[data-position="8"] { background-position: -315px -315px; } .animated-lump-sum[data-position="9"] { background-position: -625px -315px; } .animated-lump-sum[data-position="10"] { background-position: -935px -315px; } .animated-lump-sum[data-position="11"] { background-position: -1245px -315px; } .animated-lump-sum[data-position="12"] { background-position: -1555px -315px; } .animated-lump-sum[data-position="13"] { background-position: -5px -625px; } .animated-lump-sum[data-position="14"] { background-position: -315px -625px; } .animated-lump-sum[data-position="15"] { background-position: -625px -625px; } .animated-lump-sum[data-position="16"] { background-position: -935px -625px; } .animated-lump-sum[data-position="17"] { background-position: -1245px -625px; } .animated-lump-sum[data-position="18"] { background-position: -1555px -625px; } .animated-lump-sum[data-position="19"] { background-position: -5px -935px; } .animated-lump-sum[data-position="20"] { background-position: -315px -935px; } .animated-lump-sum[data-position="21"] { background-position: -625px -935px; } .animated-lump-sum[data-position="22"] { background-position: -935px -935px; } .animated-lump-sum[data-position="23"] { background-position: -1245px -935px; } .animated-lump-sum[data-position="24"] { background-position: -1555px -935px; } .animated-lump-sum[data-position="25"] { background-position: -5px -1245px; } .animated-lump-sum[data-position="26"] { background-position: -315px -1245px; } .animated-lump-sum[data-position="27"] { background-position: -625px -1245px; } .animated-lump-sum[data-position="28"] { background-position: -935px -1245px; } .animated-lump-sum[data-position="29"] { background-position: -1245px -1245px; } .animated-lump-sum[data-position="30"] { background-position: -1555px -1245px; } .animated-lump-sum[data-position="31"] { background-position: -5px -1555px; } .animated-lump-sum[data-position="32"] { background-position: -315px -1555px; } .animated-lump-sum[data-position="33"] { background-position: -625px -1555px; } .animated-lump-sum[data-position="34"] { background-position: -935px -1555px; } .animated-lump-sum[data-position="35"] { background-position: -1245px -1555px; } .animated-lump-sum[data-position="36"] { background-position: -1555px -1555px; } .animated-lump-sum[data-position="37"] { background-position: -1865px -5px; } .animated-lump-sum[data-position="38"] { background-position: -1865px -315px; } .animated-lump-sum[data-position="39"] { background-position: -1865px -625px; } .animated-lump-sum[data-position="40"] { background-position: -1865px -935px; } :root { --cloud-height: 175px; --cloud-width: 345px; --cloud-size: 0.40 } @media (min-width: 1024px) { :root { --cloud-size: 0.525 } } @media (min-width: 1280px) { :root { --cloud-size: 0.65 } } @-webkit-keyframes clouds { 0% { transform: translateX(-100%) translateY(-50%); } 100% { transform: translateX(100vw) translateY(-50%); } } @keyframes clouds { 0% { transform: translateX(-100%) translateY(-50%); } 100% { transform: translateX(100vw) translateY(-50%); } } .clouds { display: none; position: absolute; overflow-x: hidden; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; pointer-events: none; z-index: 10 } @media (min-width: 768px) { .clouds { display: block } } .cloud { position: absolute; background-size: cover; height: calc(175px * 1 * 0.40); height: calc(var(--cloud-height) * var(--percentage, 1) * var(--cloud-size, 1)); width: calc(345px * 1 * 0.40); width: calc(var(--cloud-width) * var(--percentage, 1) * var(--cloud-size, 1)); background-image: url('/Content/Images/cloud.png?v=2'); transform: translateY(-50%); -webkit-animation-name: clouds; animation-name: clouds; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .cloud.first-cloud { --percentage: 1; top: 65%; -webkit-animation-duration: 263s; animation-duration: 263s; -webkit-animation-delay: -10.2s; animation-delay: -10.2s } @media (min-width: 1024px) { .cloud.first-cloud { top: 55% } } @media (min-width: 1280px) { .cloud.first-cloud { top: 45% } } .cloud.second-cloud { --percentage: 0.45; top: 58%; -webkit-animation-duration: 99s; animation-duration: 99s; -webkit-animation-delay: -15s; animation-delay: -15s } @media (min-width: 1024px) { .cloud.second-cloud { top: 48% } } @media (min-width: 1280px) { .cloud.second-cloud { top: 38% } } .cloud.third-cloud { --percentage: 0.75; top: 55%; -webkit-animation-duration: 142s; animation-duration: 142s; -webkit-animation-delay: -75.8s; animation-delay: -75.8s } @media (min-width: 1024px) { .cloud.third-cloud { top: 45% } } @media (min-width: 1280px) { .cloud.third-cloud { top: 34% } } .cloud.fourth-cloud { --percentage: 0.34; top: 70%; -webkit-animation-duration: 215s; animation-duration: 215s; -webkit-animation-delay: -158s; animation-delay: -158s } @media (min-width: 1024px) { .cloud.fourth-cloud { top: 61% } } @media (min-width: 1280px) { .cloud.fourth-cloud { top: 50% } } .cloud.fifth-cloud { --percentage: 0.80; top: 60%; -webkit-animation-duration: 85s; animation-duration: 85s; -webkit-animation-delay: -65s; animation-delay: -65s } @media (min-width: 1024px) { .cloud.fifth-cloud { top: 50% } } @media (min-width: 1280px) { .cloud.fifth-cloud { top: 40% } } .process { width: 100%; display: flex; flex-direction: column; justify-content: center } @media (min-width: 640px) { .process { flex-direction: row } } .process .process-step { flex-grow: 1; border-width: 1px; border-radius: 0.25rem; overflow: hidden } .process .process-step.active, .process .process-step.completed { --border-opacity: 1; border-color: #8d68ef; border-color: rgba(141, 104, 239, var(--border-opacity)) } .process .process-step.active .process-step-header, .process .process-step.completed .process-step-header { --bg-opacity: 1; background-color: #8d68ef; background-color: rgba(141, 104, 239, var(--bg-opacity)); } .process .process-step.completed .process-step-header h3 { position: relative } .process .process-step.completed .process-step-header h3::before { margin-right: 0.5rem; text-decoration: none; content: '\2713'; } .process .process-step-header { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; background: #718096 } .process .process-step-header h3 { margin-top: 0; margin-bottom: 0; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); font-weight: 700; font-size: 1.125rem; } .process .process-step-content { padding: 1rem; } .process .process-nextstep { display: flex } .process .process-nextstep.completed .process-nextstep-icon { --bg-opacity: 1; background-color: #8d68ef; background-color: rgba(141, 104, 239, var(--bg-opacity)); } .process .process-nextstep-icon { position: relative; display: block; width: 1.5rem; height: 1.5rem; margin-top: 1rem; margin-bottom: 1rem; border-radius: 9999px; align-self: center; text-align: center; --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); font-weight: 700; line-height: 1.375; margin-left: auto; margin-right: auto; background: #718096; transform: rotate(90deg) } @media (min-width: 640px) { .process .process-nextstep-icon { margin-left: 1rem; margin-right: 1rem; margin-top: 0; margin-bottom: 0; transform: rotate(0deg) } } canvas { background-color: transparent !important; } #default-section-header, #members-section-header, #about-section-header, #employers-section-header, #governance-section-header, #dom_overlay_container { display: none !important; font-size: 1.125rem !important; } [data-section="default"] #default-section-header, [data-section="members"] #members-section-header, [data-section="about"] #about-section-header, [data-section="employers"] #employers-section-header, [data-section="governance"] #governance-section-header { display: block !important; } img[data-is-apng], canvas[data-apng-src] { display: none; } video.section-header { pointer-events: none; } .section-header-fallback { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #city { display: none !important; } header #city { display: block !important; } .nav-menu { display: block !important; max-height: 75vh !important } .nav-menu > * { width: 100% !important; } .section-header { display: none; } .section-header-fallback { display: block; width: 75%; margin-left: auto; } } @supports (-ms-ime-align: auto) { #city { display: none !important; } header #city { display: block !important; } .nav-menu { display: block !important; max-height: 75vh !important } .nav-menu > * { width: 100% !important; } .section-header { display: none; } .section-header-fallback { display: block; width: 75%; margin-left: auto; } } /*! * froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2020 Froala Labs */ .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } img.fr-rounded, .fr-img-caption.fr-rounded img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } img.fr-bordered, .fr-img-caption.fr-bordered img { border: solid 5px #ccc; } img.fr-bordered { box-sizing: content-box; } .fr-img-caption.fr-bordered img { box-sizing: border-box; } .fr-view { word-wrap: break-word; } .fr-view span[style~="color:"] a { color: inherit; } .fr-view strong { font-weight: 700; } .fr-view hr { clear: both; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; page-break-after: always; -moz-column-break-after: always; break-after: always; page-break-after: always; } .fr-view .fr-file { position: relative; } .fr-view .fr-file::after { position: relative; content: "\1F4CE"; font-weight: normal; } .fr-view pre { white-space: pre-wrap; word-wrap: break-word; overflow: visible; } .fr-view span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } .fr-view span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; } .fr-view .fr-text-gray { color: #aaa !important; } .fr-view .fr-text-bordered { border-top: solid 1px #222; border-bottom: solid 1px #222; padding: 10px 0; } .fr-view .fr-text-spaced { letter-spacing: 1px; } .fr-view .fr-text-uppercase { text-transform: uppercase; } .fr-view .fr-class-highlighted { background-color: #ffff00; } .fr-view .fr-class-code { border-color: #cccccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #f5f5f5; padding: 10px; font-family: "Courier New", Courier, monospace; } .fr-view .fr-class-transparency { opacity: 0.5; } .fr-view img { position: relative; max-width: 100%; } .fr-view img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view img.fr-dib.fr-fil { margin-left: 0; text-align: left; } .fr-view img.fr-dib.fr-fir { margin-right: 0; text-align: right; } .fr-view img.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .fr-view img.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .fr-view img.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption { position: relative; max-width: 100%; } .fr-view span.fr-img-caption.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view span.fr-img-caption.fr-dib.fr-fil { margin-left: 0; text-align: left; } .fr-view span.fr-img-caption.fr-dib.fr-fir { margin-right: 0; text-align: right; } .fr-view span.fr-img-caption.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .fr-view span.fr-img-caption.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .fr-view .fr-video { text-align: center; position: relative; } .fr-view .fr-video.fr-rv { padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } .fr-view .fr-video > * { box-sizing: content-box; max-width: 100%; border: none; } .fr-view .fr-video.fr-dvb { display: block; clear: both; } .fr-view .fr-video.fr-dvb.fr-fvl { text-align: left; } .fr-view .fr-video.fr-dvb.fr-fvr { text-align: right; } .fr-view .fr-video.fr-dvi { display: inline-block; } .fr-view .fr-video.fr-dvi.fr-fvl { float: left; } .fr-view .fr-video.fr-dvi.fr-fvr { float: right; } .fr-view a.fr-strong { font-weight: 700; } .fr-view a.fr-green { color: green; } .fr-view .fr-img-caption { text-align: center; } .fr-view .fr-img-caption .fr-img-wrap { padding: 0; margin: auto; text-align: center; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap img { display: block; margin: auto; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap > span { margin: auto; display: block; padding: 5px 5px 10px; font-size: 14px; font-weight: normal; font-weight: initial; box-sizing: border-box; -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 100%; text-align: center; } .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large { font-size: 24px; } /** * Image style. */ a.fr-view.fr-strong { font-weight: 700; } a.fr-view.fr-green { color: green; } /** * Link style. */ img.fr-view { position: relative; max-width: 100%; } img.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } img.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; } img.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; } img.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } img.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } img.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view { position: relative; max-width: 100%; } span.fr-img-caption.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } span.fr-img-caption.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; } span.fr-img-caption.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; } span.fr-img-caption.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } span.fr-img-caption.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .fr-element.fr-view { padding-top: 2rem; padding-bottom: 2rem; padding-left: 1rem; padding-right: 1rem } .fr-element.fr-view blockquote { border-left-width: 0 !important; margin-left: 0 !important; --text-opacity: 1 !important; color: #000 !important; color: rgba(0, 0, 0, var(--text-opacity)) !important } .fr-element.fr-view blockquote:not(.with-quotes) { padding-left: 0 !important; } .fr-element.fr-view [data-localstorage] { display: inline-block; border-radius: 0.25rem; padding: 0.25rem; --bg-opacity: 1; background-color: #e2e8f0; background-color: rgba(226, 232, 240, var(--bg-opacity)); } .fr-floating-btn svg { display: inline-block !important; vertical-align: baseline !important; vertical-align: initial !important; } .bg-gmpf-blue-300 { --bg-opacity: 1; background-color: #51b5ff; background-color: rgba(81, 181, 255, var(--bg-opacity)); } .bg-gmpf-blue-900 { --bg-opacity: 1; background-color: #2f3a62; background-color: rgba(47, 58, 98, var(--bg-opacity)); } .bg-gmpf-purple-light { --bg-opacity: 1; background-color: #8d68ef; background-color: rgba(141, 104, 239, var(--bg-opacity)); } .bg-gmpf-purple-normal { --bg-opacity: 1; background-color: #6e60fe; background-color: rgba(110, 96, 254, var(--bg-opacity)); } .bg-gmpf-purple-dark { --bg-opacity: 1; background-color: #7661e6; background-color: rgba(118, 97, 230, var(--bg-opacity)); } .hover\:bg-gmpf-blue-500:hover { --bg-opacity: 1; background-color: #518eff; background-color: rgba(81, 142, 255, var(--bg-opacity)); } .hover\:bg-gmpf-purple-dark:hover { --bg-opacity: 1; background-color: #7661e6; background-color: rgba(118, 97, 230, var(--bg-opacity)); } .rounded-full { border-radius: 9999px; } .border { border-width: 1px; } .cursor-pointer { cursor: pointer; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .table { display: table; } .hidden { display: none; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .self-end { align-self: flex-end; } .self-center { align-self: center; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .flex-grow { flex-grow: 1; } .flex-shrink { flex-shrink: 1; } .order-first { order: -9999; } .order-last { order: 9999; } .font-light { font-weight: 300; } .font-normal { font-weight: 400; } .font-bold { font-weight: 700; } .font-black { font-weight: 900; } .h-2 { height: 0.5rem; } .h-full { height: 100%; } .text-xs { font-size: 0.75rem; } .text-sm { font-size: 0.875rem; } .text-lg { font-size: 1.125rem; } .text-xl { font-size: 1.25rem; } .text-2xl { font-size: 1.5rem; } .text-3xl { font-size: 1.875rem; } .leading-tight { line-height: 1.25; } .list-outside { list-style-position: outside; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .mx-auto { margin-left: auto; margin-right: auto; } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } .mb-1 { margin-bottom: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mr-2 { margin-right: 0.5rem; } .mb-2 { margin-bottom: 0.5rem; } .mt-4 { margin-top: 1rem; } .mb-4 { margin-bottom: 1rem; } .mr-6 { margin-right: 1.5rem; } .mb-6 { margin-bottom: 1.5rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .min-h-screen { min-height: 100vh; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-scroll { overflow-x: scroll; } .p-3 { padding: 0.75rem; } .px-0 { padding-left: 0; padding-right: 0; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-8 { padding-bottom: 2rem; } .pt-16 { padding-top: 4rem; } .absolute { position: absolute; } .relative { position: relative; } .top-0 { top: 0; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .text-left { text-align: left; } .text-center { text-align: center; } .text-black { --text-opacity: 1; color: #000; color: rgba(0, 0, 0, var(--text-opacity)); } .text-white { --text-opacity: 1; color: #fff; color: rgba(255, 255, 255, var(--text-opacity)); } .text-gray-500 { --text-opacity: 1; color: #a0aec0; color: rgba(160, 174, 192, var(--text-opacity)); } .text-gmpf-purple-lightest { --text-opacity: 1; color: #f2f1ff; color: rgba(242, 241, 255, var(--text-opacity)); } .text-gmpf-purple-normal { --text-opacity: 1; color: #6e60fe; color: rgba(110, 96, 254, var(--text-opacity)); } .text-gmpf-secondary-red { --text-opacity: 1; color: #ED4745; color: rgba(237, 71, 69, var(--text-opacity)); } .text-gmpf-secondary-cyan { --text-opacity: 1; color: #6EBFC4; color: rgba(110, 191, 196, var(--text-opacity)); } .text-gmpf-secondary-pink { --text-opacity: 1; color: #EEA6E6; color: rgba(238, 166, 230, var(--text-opacity)); } .text-gmpf-secondary-peach { --text-opacity: 1; color: #FA9869; color: rgba(250, 152, 105, var(--text-opacity)); } .text-gmpf-secondary-green { --text-opacity: 1; color: #739D63; color: rgba(115, 157, 99, var(--text-opacity)); } .text-gmpf-secondary-yellow { --text-opacity: 1; color: #E8C872; color: rgba(232, 200, 114, var(--text-opacity)); } .italic { font-style: italic; } .not-italic { font-style: normal; } .uppercase { text-transform: uppercase; } .underline { text-decoration: underline; } .hover\:underline:hover { text-decoration: underline; } .hover\:no-underline:hover { text-decoration: none; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .align-middle { vertical-align: middle; } .w-1\/2 { width: 50%; } .w-2\/5 { width: 40%; } .w-full { width: 100%; } .z-50 { z-index: 50; } .transform { --transform-translate-x: 0; --transform-translate-y: 0; --transform-rotate: 0; --transform-skew-x: 0; --transform-skew-y: 0; --transform-scale-x: 1; --transform-scale-y: 1; transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } @media (min-width: 640px) { .sm\:flex-row { flex-direction: row; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:order-first { order: -9999; } .sm\:order-last { order: 9999; } .sm\:my-12 { margin-top: 3rem; margin-bottom: 3rem; } .sm\:mb-0 { margin-bottom: 0; } .sm\:mb-3 { margin-bottom: 0.75rem; } .sm\:mt-4 { margin-top: 1rem; } .sm\:mb-4 { margin-bottom: 1rem; } .sm\:mb-6 { margin-bottom: 1.5rem; } .sm\:px-0 { padding-left: 0; padding-right: 0; } .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .sm\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .sm\:pr-4 { padding-right: 1rem; } .sm\:pr-6 { padding-right: 1.5rem; } .sm\:pl-6 { padding-left: 1.5rem; } .sm\:absolute { position: absolute; } .sm\:bottom-0 { bottom: 0; } .sm\:left-0 { left: 0; } .sm\:text-left { text-align: left; } .sm\:w-1\/2 { width: 50%; } .sm\:w-1\/3 { width: 33.333333%; } .sm\:w-1\/4 { width: 25%; } .sm\:w-full { width: 100%; } } @media (min-width: 768px) { .md\:block { display: block; } .md\:inline-block { display: inline-block; } .md\:inline { display: inline; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:flex-row { flex-direction: row; } .md\:flex-no-wrap { flex-wrap: nowrap; } .md\:mb-0 { margin-bottom: 0; } .md\:mt-6 { margin-top: 1.5rem; } .md\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .md\:pr-12 { padding-right: 3rem; } .md\:w-auto { width: auto; } .md\:w-1\/3 { width: 33.333333%; } .md\:w-2\/3 { width: 66.666667%; } .md\:w-3\/4 { width: 75%; } .md\:w-full { width: 100%; } } @media (min-width: 1024px) { .lg\:flex-row { flex-direction: row; } .lg\:px-0 { padding-left: 0; padding-right: 0; } .lg\:pt-0 { padding-top: 0; } .lg\:pt-24 { padding-top: 6rem; } .lg\:w-1\/2 { width: 50%; } .lg\:w-1\/3 { width: 33.333333%; } .lg\:w-1\/4 { width: 25%; } .lg\:w-3\/4 { width: 75%; } } @media (min-width: 1280px) { .xl\:inline-block { display: inline-block; } } .cookie-message { position: fixed; z-index: 99999999; top: 0px; right: 0px; bottom: 0px; left: 0px; height: 100%; width: 100%; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); --tw-bg-opacity: 0.6; } .cookie-message-modal { position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: rgba(98, 112, 255); box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%); color: #fff; text-align: center; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; max-width: 500px; min-width: 300px; } .hover\:no-underline:hover { -webkit-text-decoration-line: none; text-decoration-line: none; } @media (min-width: 768px) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .cookie-message-buttons { margin-bottom: 0.5rem; margin-top: 1rem; display: grid; gap: 1rem; } @media (min-width: 768px) { .cookie-message-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .cookie-message-buttons button { margin-top: 0px !important; } .side-menu-section a[href$=".doc"]:after, .side-menu-section a[href$=".docx"]:after { display: none; } footer a[href$=".pdf"]:after { display: none; } .open-cookies { background: #7661e6; z-index: 9999; position: fixed; display: flex; bottom: 0; left: 0; padding: 0.5rem; color: white; justify-items: center; align-items: center; font-weight: bold; }