/* Minification failed. Returning unminified contents. (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family' (75,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size' (76,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-weight' (77,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height' (78,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (79,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-text-align' (80,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (240,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (602,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (603,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (643,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (644,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (645,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (652,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (653,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (654,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1007,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1011,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1015,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1019,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1023,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1027,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1031,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1035,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1039,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1043,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1047,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1051,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1209,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1213,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1217,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1221,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1225,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1229,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1233,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1237,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1241,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1245,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1249,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1253,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1411,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1415,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1419,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1423,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1427,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1431,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1435,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1439,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1443,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1447,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1451,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1455,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1613,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1617,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1621,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1625,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1629,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1633,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1637,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1641,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1645,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1649,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1653,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1657,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1815,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1819,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1823,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1827,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1831,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1835,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1839,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1843,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1847,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1851,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1855,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1859,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1881,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg' (1883,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg' (1923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1924,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color' (1928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1929,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-active-color' (1933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1934,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-hover-color' (1938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1986,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3658,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3667,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3678,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3687,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3698,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3707,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3718,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3727,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3738,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3747,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4213,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-scroll-height' (4981,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider' (6087,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (6200,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (6851,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio' (6864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7954,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (8075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8076,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (8076,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8081,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (8081,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8086,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (8086,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8091,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (8091,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8096,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (8096,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8101,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (8101,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8106,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (8106,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8111,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (8111,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8116,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb' (8116,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8121,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb' (8121,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8126,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (8126,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8167,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (8167,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8172,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (8172,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8177,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (8177,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8182,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (8182,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8187,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (8187,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8192,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (8192,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8197,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (8197,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8202,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (8202,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8207,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb' (8207,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8212,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb' (8212,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8217,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb' (8217,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8246,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gradient' (11659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11667,38): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (11668,30): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (11681,49): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (11682,41): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (11688,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (11689,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (11695,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (11696,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (11702,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (11703,31): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (11709,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (11710,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (11716,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (11717,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (11723,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (11724,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (11730,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (11731,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (11737,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (11738,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (11744,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (11745,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (11751,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (11752,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (11758,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (11759,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (12497,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (12498,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (12946,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (12947,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (13285,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (13286,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (14521,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (14522,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (14570,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (14571,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (15139,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (15140,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (27355,12): run-time error CSS1038: Expected hex color, found '#ffff' (27728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33741,36): run-time error CSS1039: Token not allowed after unary operator: '-primary' (33756,30): run-time error CSS1039: Token not allowed after unary operator: '-primary' (33772,36): run-time error CSS1039: Token not allowed after unary operator: '-primary' (33787,30): run-time error CSS1039: Token not allowed after unary operator: '-primary' (33802,30): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (33913,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (34173,42): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (34174,34): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (35524,38): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (35525,30): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (36908,42): run-time error CSS1039: Token not allowed after unary operator: '-hover' (36926,45): run-time error CSS1039: Token not allowed after unary operator: '-hover' (36926,76): run-time error CSS1039: Token not allowed after unary operator: '-hover' (36934,44): run-time error CSS1039: Token not allowed after unary operator: '-hover' (36943,46): run-time error CSS1039: Token not allowed after unary operator: '-hover' (36951,44): run-time error CSS1039: Token not allowed after unary operator: '-hover' (36959,26): run-time error CSS1039: Token not allowed after unary operator: '-hover' (36988,34): run-time error CSS1039: Token not allowed after unary operator: '-hover' (36994,34): run-time error CSS1039: Token not allowed after unary operator: '-hover' (37283,32): run-time error CSS1039: Token not allowed after unary operator: '-primary' (46776,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (46780,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (46784,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary' (46788,22): run-time error CSS1039: Token not allowed after unary operator: '-quaternary' (51466,38): run-time error CSS1038: Expected hex color, found '#cccc' */ @charset "UTF-8"; /*! * Bootstrap v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-body-color-rgb: 33,37,41; --bs-body-bg-rgb: 255,255,255; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff } *, ::after, ::before { box-sizing: border-box } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h1, h1 { font-size: calc(1.375rem + 1.5vw) } @media (min-width:1200px) { .h1, h1 { font-size: 2.5rem } } .h2, h2 { font-size: calc(1.325rem + .9vw) } @media (min-width:1200px) { .h2, h2 { font-size: 2rem } } .h3, h3 { font-size: calc(1.3rem + .6vw) } @media (min-width:1200px) { .h3, h3 { font-size: 1.75rem } } .h4, h4 { font-size: calc(1.275rem + .3vw) } @media (min-width:1200px) { .h4, h4 { font-size: 1.5rem } } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-bs-original-title], abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol, ul { padding-left: 2rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } .small, small { font-size: .875em } .mark, mark { padding: .2em; background-color: #fcf8e3 } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #0d6efd; text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr; unicode-bidi: bidi-override } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: #d63384; word-wrap: break-word } a > code { color: inherit } kbd { padding: .2rem .4rem; font-size: .875em; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 1em; font-weight: 700 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } @media (min-width:1200px) { legend { font-size: 1.5rem } } legend + * { clear: left } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: textfield } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::-webkit-file-upload-button { font: inherit } ::file-selector-button { font: inherit } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } iframe { border: 0 } summary { display: list-item; cursor: pointer } progress { vertical-align: baseline } [hidden] { display: none !important } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-1 { font-size: 5rem } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-2 { font-size: 4.5rem } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-3 { font-size: 4rem } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-4 { font-size: 3.5rem } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-5 { font-size: 3rem } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-6 { font-size: 2.5rem } } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: .875em; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote > :last-child { margin-bottom: 0 } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: .875em; color: #6c757d } .blockquote-footer::before { content: "— " } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: .875em; color: #6c757d } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto } @media (min-width:576px) { .container, .container-sm { max-width: 540px } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0% } .row-cols-auto > * { flex: 0 0 auto; width: auto } .row-cols-1 > * { flex: 0 0 auto; width: 100% } .row-cols-2 > * { flex: 0 0 auto; width: 50% } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-4 > * { flex: 0 0 auto; width: 25% } .row-cols-5 > * { flex: 0 0 auto; width: 20% } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333333% } .col-2 { flex: 0 0 auto; width: 16.66666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333333% } .col-5 { flex: 0 0 auto; width: 41.66666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333333% } .col-8 { flex: 0 0 auto; width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.33333333% } .offset-2 { margin-left: 16.66666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333333% } .offset-5 { margin-left: 41.66666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333333% } .offset-8 { margin-left: 66.66666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333333% } .offset-11 { margin-left: 91.66666667% } .g-0, .gx-0 { --bs-gutter-x: 0 } .g-0, .gy-0 { --bs-gutter-y: 0 } .g-1, .gx-1 { --bs-gutter-x: 0.25rem } .g-1, .gy-1 { --bs-gutter-y: 0.25rem } .g-2, .gx-2 { --bs-gutter-x: 0.5rem } .g-2, .gy-2 { --bs-gutter-y: 0.5rem } .g-3, .gx-3 { --bs-gutter-x: 1rem } .g-3, .gy-3 { --bs-gutter-y: 1rem } .g-4, .gx-4 { --bs-gutter-x: 1.5rem } .g-4, .gy-4 { --bs-gutter-y: 1.5rem } .g-5, .gx-5 { --bs-gutter-x: 3rem } .g-5, .gy-5 { --bs-gutter-y: 3rem } @media (min-width:576px) { .col-sm { flex: 1 0 0% } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100% } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50% } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25% } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20% } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333333% } .col-sm-2 { flex: 0 0 auto; width: 16.66666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333333% } .col-sm-5 { flex: 0 0 auto; width: 41.66666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333333% } .col-sm-8 { flex: 0 0 auto; width: 66.66666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333333% } .col-sm-11 { flex: 0 0 auto; width: 91.66666667% } .col-sm-12 { flex: 0 0 auto; width: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333333% } .offset-sm-2 { margin-left: 16.66666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333333% } .offset-sm-5 { margin-left: 41.66666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333333% } .offset-sm-8 { margin-left: 66.66666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333333% } .offset-sm-11 { margin-left: 91.66666667% } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0 } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0 } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem } } @media (min-width:768px) { .col-md { flex: 1 0 0% } .row-cols-md-auto > * { flex: 0 0 auto; width: auto } .row-cols-md-1 > * { flex: 0 0 auto; width: 100% } .row-cols-md-2 > * { flex: 0 0 auto; width: 50% } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-md-4 > * { flex: 0 0 auto; width: 25% } .row-cols-md-5 > * { flex: 0 0 auto; width: 20% } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-2 { flex: 0 0 auto; width: 16.66666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333333% } .offset-md-2 { margin-left: 16.66666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333333% } .offset-md-5 { margin-left: 41.66666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333333% } .offset-md-8 { margin-left: 66.66666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333333% } .offset-md-11 { margin-left: 91.66666667% } .g-md-0, .gx-md-0 { --bs-gutter-x: 0 } .g-md-0, .gy-md-0 { --bs-gutter-y: 0 } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem } } @media (min-width:992px) { .col-lg { flex: 1 0 0% } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100% } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50% } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25% } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20% } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333333% } .offset-lg-2 { margin-left: 16.66666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333333% } .offset-lg-5 { margin-left: 41.66666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333333% } .offset-lg-8 { margin-left: 66.66666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333333% } .offset-lg-11 { margin-left: 91.66666667% } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0 } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0 } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem } } @media (min-width:1200px) { .col-xl { flex: 1 0 0% } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100% } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50% } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25% } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20% } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333333% } .offset-xl-2 { margin-left: 16.66666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333333% } .offset-xl-5 { margin-left: 41.66666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333333% } .offset-xl-8 { margin-left: 66.66666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333333% } .offset-xl-11 { margin-left: 91.66666667% } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0 } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0 } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem } } @media (min-width:1400px) { .col-xxl { flex: 1 0 0% } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100% } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50% } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25% } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20% } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-xxl-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333333% } .offset-xxl-2 { margin-left: 16.66666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333333% } .offset-xxl-5 { margin-left: 41.66666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333333% } .offset-xxl-8 { margin-left: 66.66666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333333% } .offset-xxl-11 { margin-left: 91.66666667% } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0 } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0 } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem } } .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6 } .table > :not(caption) > * > * { padding: .5rem .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) } .table > tbody { vertical-align: inherit } .table > thead { vertical-align: bottom } .table > :not(:first-child) { border-top: 2px solid currentColor } .caption-top { caption-side: top } .table-sm > :not(caption) > * > * { padding: .25rem .25rem } .table-bordered > :not(caption) > * { border-width: 1px 0 } .table-bordered > :not(caption) > * > * { border-width: 0 1px } .table-borderless > :not(caption) > * > * { border-bottom-width: 0 } .table-borderless > :not(:first-child) { border-top-width: 0 } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color) } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color) } .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color) } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6 } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7 } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3 } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9 } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4 } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1 } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } @media (max-width:575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch } } .form-label { margin-bottom: .5rem } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem } .form-text { margin-top: .25rem; font-size: .875em; color: #6c757d } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control[type=file] { overflow: hidden } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-control::-webkit-date-and-time-value { height: 1.5em } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } .form-control::file-selector-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } .form-control::file-selector-button { transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { min-height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-sm::file-selector-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } .form-control-lg::file-selector-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } textarea.form-control { min-height: calc(1.5em + .75rem + 2px) } textarea.form-control-sm { min-height: calc(1.5em + .5rem + 2px) } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px) } .form-control-color { width: 3rem; height: auto; padding: .375rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: .25rem } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: .25rem } .form-select { display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-select { transition: none } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: .75rem; background-image: none } .form-select:disabled { background-color: #e9ecef } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529 } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem; border-radius: .2rem } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: .3rem } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: .125rem } .form-check .form-check-input { float: left; margin-left: -1.5em } .form-check-input { width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact } .form-check-input[type=checkbox] { border-radius: .25em } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5 } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e") } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .btn-check:disabled + .btn, .btn-check[disabled] + .btn { pointer-events: none; filter: none; opacity: .65 } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25) } .form-range::-moz-focus-outer { border: 0 } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe } .form-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe } .form-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd } .form-floating { position: relative } .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25 } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem .75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out,transform .1s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-floating > label { transition: none } } .form-floating > .form-control { padding: 1rem .75rem } .form-floating > .form-control::-moz-placeholder { color: transparent } .form-floating > .form-control::placeholder { color: transparent } .form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating > .form-control:-webkit-autofill ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0 } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 3 } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem } .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #198754 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(25,135,84,.9); border-radius: .25rem } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block } .form-control.is-valid, .was-validated .form-control:valid { border-color: #198754; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-valid, .was-validated .form-select:valid { border-color: #198754 } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right .75rem center,center right 2.25rem; background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: #198754 } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: #198754 } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #198754 } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em } .input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { z-index: 1 } .input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus { z-index: 3 } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-invalid, .was-validated .form-select:invalid { border-color: #dc3545 } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right .75rem center,center right 2.25rem; background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: #dc3545 } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: #dc3545 } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #dc3545 } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em } .input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { z-index: 2 } .input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus { z-index: 3 } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #212529 } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65 } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be } .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64 } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e } .btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-success { color: #fff; background-color: #198754; border-color: #198754 } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43 } .btn-check:focus + .btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f } .btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #198754; border-color: #198754 } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2 } .btn-check:focus + .btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2 } .btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-info.disabled, .btn-info:disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720 } .btn-check:focus + .btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720 } .btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-warning.disabled, .btn-warning:disabled { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37 } .btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834 } .btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:focus + .btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-dark { color: #fff; background-color: #212529; border-color: #212529 } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21 } .btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f } .btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529 } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0d6efd; background-color: transparent } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-success { color: #198754; border-color: #198754 } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #198754; background-color: transparent } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0 } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0dcaf0; background-color: transparent } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-dark { color: #212529; border-color: #212529 } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline } .btn-link:hover { color: #0a58ca } .btn-link.disabled, .btn-link:disabled { color: #6c757d } .btn-group-lg > .btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing.collapse-horizontal { transition: none } } .dropdown, .dropend, .dropstart, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: .125rem } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto } @media (min-width:576px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:768px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:992px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1200px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1400px) { .dropdown-menu-xxl-start { --bs-position: start } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropend .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-toggle::after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropstart .dropdown-toggle::after { display: none } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropstart .dropdown-toggle:empty::after { margin-left: 0 } .dropstart .dropdown-toggle::before { vertical-align: 0 } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid rgba(0,0,0,.15) } .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #e9ecef } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1rem; color: #212529 } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item { color: #dee2e6 } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: rgba(255,255,255,.15) } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6 } .dropdown-menu-dark .dropdown-header { color: #adb5bd } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto } .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 } .dropstart .dropdown-toggle-split::before { margin-right: 0 } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100% } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0; border-top-right-radius: 0 } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .nav-link { transition: none } } .nav-link:focus, .nav-link:hover { color: #0a58ca } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { background: 0 0; border: 0; border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #0d6efd } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100% } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: .5rem; padding-bottom: .5rem } .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between } .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static } .navbar-text { padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; transition: box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 .25rem } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100% } .navbar-nav-scroll { max-height: var(--bs-scroll-height,75vh); overflow-y: auto } @media (min-width:576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .navbar-expand-sm .offcanvas-header { display: none } .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-sm .offcanvas-bottom, .navbar-expand-sm .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .navbar-expand-md .offcanvas-header { display: none } .navbar-expand-md .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-md .offcanvas-bottom, .navbar-expand-md .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .navbar-expand-lg .offcanvas-header { display: none } .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-lg .offcanvas-bottom, .navbar-expand-lg .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .offcanvas-header { display: none } .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-xl .offcanvas-bottom, .navbar-expand-xl .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } .navbar-expand-xxl .offcanvas-header { display: none } .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-xxl .offcanvas-bottom, .navbar-expand-xxl .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-expand .offcanvas-header { display: none } .navbar-expand .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand .offcanvas-bottom, .navbar-expand .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } .navbar-light .navbar-brand { color: rgba(0,0,0,.9) } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0,0,0,.9) } .navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.55) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,.3) } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0,0,0,.9) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.55); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0,0,0,.55) } .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0,0,0,.9) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.55) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) } .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255,255,255,.55) } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem } .card > hr { margin-right: 0; margin-left: 0 } .card > .list-group { border-top: inherit; border-bottom: inherit } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0 } .card-body { flex: 1 1 auto; padding: 1rem 1rem } .card-title { margin-bottom: .5rem } .card-subtitle { margin-top: -.25rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link + .card-link { margin-left: 1rem } .card-header { padding: .5rem 1rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-footer { padding: .5rem 1rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-right: -.5rem; margin-bottom: -.5rem; margin-left: -.5rem; border-bottom: 0 } .card-header-pills { margin-right: -.5rem; margin-left: -.5rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom, .card-img-top { width: 100% } .card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-group > .card { margin-bottom: .75rem } @media (min-width:576px) { .card-group { display: flex; flex-flow: row wrap } .card-group > .card { flex: 1 0 0%; margin-bottom: 0 } .card-group > .card + .card { margin-left: 0; border-left: 0 } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease } @media (prefers-reduced-motion:reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg) } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out } @media (prefers-reduced-motion:reduce) { .accordion-button::after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .accordion-header { margin-bottom: 0 } .accordion-item { background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .accordion-item:first-of-type { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .accordion-item:not(:first-of-type) { border-top: 0 } .accordion-item:last-of-type { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-body { padding: 1rem 1.25rem } .accordion-flush .accordion-collapse { border-width: 0 } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0 } .accordion-flush .accordion-item:first-child { border-top: 0 } .accordion-flush .accordion-item:last-child { border-bottom: 0 } .accordion-flush .accordion-item .accordion-button { border-radius: 0 } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none } .breadcrumb-item + .breadcrumb-item { padding-left: .5rem } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: .5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "https://www.okler.net/") } .breadcrumb-item.active { color: #6c757d } .pagination { display: flex; padding-left: 0; list-style: none } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .page-link { transition: none } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .page-item:not(:first-child) .page-link { margin-left: -1px } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6 } .page-link { padding: .375rem .75rem } .page-item:first-child .page-link { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .badge { display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe } .alert-primary .alert-link { color: #06357a } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8 } .alert-secondary .alert-link { color: #34383c } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc } .alert-success .alert-link { color: #0c4128 } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb } .alert-info .alert-link { color: #04414d } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5 } .alert-warning .alert-link { color: #523e02 } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7 } .alert-danger .alert-link { color: #6a1a21 } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe } .alert-light .alert-link { color: #4f5050 } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf } .alert-dark .alert-link { color: #101214 } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem } .list-group-numbered { list-style-type: none; counter-reset: section } .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .list-group-item + .list-group-item { border-top-width: 0 } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px } .list-group-horizontal { flex-direction: row } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal > .list-group-item.active { margin-top: 0 } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } @media (min-width:576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0 } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-md > .list-group-item.active { margin-top: 0 } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0 } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } .list-group-flush { border-radius: 0 } .list-group-flush > .list-group-item { border-width: 0 0 1px } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #084298; background-color: #cfe2ff } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #084298; background-color: #bacbe6 } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298 } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5 } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #41464b; background-color: #cbccce } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b } .list-group-item-success { color: #0f5132; background-color: #d1e7dd } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #0f5132; background-color: #bcd0c7 } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132 } .list-group-item-info { color: #055160; background-color: #cff4fc } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #055160; background-color: #badce3 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160 } .list-group-item-warning { color: #664d03; background-color: #fff3cd } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #664d03; background-color: #e6dbb9 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03 } .list-group-item-danger { color: #842029; background-color: #f8d7da } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #842029; background-color: #dfc2c4 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029 } .list-group-item-light { color: #636464; background-color: #fefefe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #636464; background-color: #e5e5e5 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464 } .list-group-item-dark { color: #141619; background-color: #d3d3d4 } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #141619; background-color: #bebebf } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619 } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5 } .btn-close:hover { color: #000; text-decoration: none; opacity: .75 } .btn-close:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); opacity: 1 } .btn-close.disabled, .btn-close:disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: .25 } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%) } .toast { width: 350px; max-width: 100%; font-size: .875rem; pointer-events: auto; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-radius: .25rem } .toast.showing { opacity: 0 } .toast:not(.show) { display: none } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none } .toast-container > :not(:last-child) { margin-bottom: .75rem } .toast-header { display: flex; align-items: center; padding: .5rem .75rem; color: #6c757d; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .toast-header .btn-close { margin-right: -.375rem; margin-left: .75rem } .toast-body { padding: .75rem; word-wrap: break-word } .modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0,-50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) } .modal-footer > * { margin: .25rem } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { height: calc(100% - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width:1200px) { .modal-xl { max-width: 1140px } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-header { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } .modal-fullscreen .modal-footer { border-radius: 0 } @media (max-width:575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } .modal-fullscreen-sm-down .modal-footer { border-radius: 0 } } @media (max-width:767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } .modal-fullscreen-md-down .modal-footer { border-radius: 0 } } @media (max-width:991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } .modal-fullscreen-lg-down .modal-footer { border-radius: 0 } } @media (max-width:1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } .modal-fullscreen-xl-down .modal-footer { border-radius: 0 } } @media (max-width:1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0 } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .tooltip-arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .popover { position: absolute; top: 0; left: 0; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: .5rem } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f0f0f0 } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0,0,0,.2); border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: 1rem 1rem; color: #212529 } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%) } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100) } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000 } .carousel-dark .carousel-caption { color: #000 } @-webkit-keyframes spinner-border { to { transform: rotate(360deg) } } @keyframes spinner-border { to { transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow } .spinner-grow-sm { width: 1rem; height: 1rem } @media (prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s } } .offcanvas { position: fixed; bottom: 0; z-index: 1045; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } @media (prefers-reduced-motion:reduce) { .offcanvas { transition: none } } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .offcanvas-backdrop.fade { opacity: 0 } .offcanvas-backdrop.show { opacity: .5 } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem } .offcanvas-header .btn-close { padding: .5rem .5rem; margin-top: -.5rem; margin-right: -.5rem; margin-bottom: -.5rem } .offcanvas-title { margin-bottom: 0; line-height: 1.5 } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0,0,0,.2); transform: translateX(-100%) } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0,0,0,.2); transform: translateX(100%) } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0,0,0,.2); transform: translateY(-100%) } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0,0,0,.2); transform: translateY(100%) } .offcanvas.show { transform: none } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentColor; opacity: .5 } .placeholder.btn::before { display: inline-block; content: "" } .placeholder-xs { min-height: .6em } .placeholder-sm { min-height: .8em } .placeholder-lg { min-height: 1.2em } .placeholder-glow .placeholder { -webkit-animation: placeholder-glow 2s ease-in-out infinite; animation: placeholder-glow 2s ease-in-out infinite } @-webkit-keyframes placeholder-glow { 50% { opacity: .2 } } @keyframes placeholder-glow { 50% { opacity: .2 } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%); mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; -webkit-animation: placeholder-wave 2s linear infinite; animation: placeholder-wave 2s linear infinite } @-webkit-keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0% } } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0% } } .clearfix::after { display: block; clear: both; content: "" } .link-primary { color: #0d6efd } .link-primary:focus, .link-primary:hover { color: #0a58ca } .link-secondary { color: #6c757d } .link-secondary:focus, .link-secondary:hover { color: #565e64 } .link-success { color: #198754 } .link-success:focus, .link-success:hover { color: #146c43 } .link-info { color: #0dcaf0 } .link-info:focus, .link-info:hover { color: #3dd5f3 } .link-warning { color: #ffc107 } .link-warning:focus, .link-warning:hover { color: #ffcd39 } .link-danger { color: #dc3545 } .link-danger:focus, .link-danger:hover { color: #b02a37 } .link-light { color: #f8f9fa } .link-light:focus, .link-light:hover { color: #f9fafb } .link-dark { color: #212529 } .link-dark:focus, .link-dark:hover { color: #1a1e21 } .ratio { position: relative; width: 100% } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: "" } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ratio-1x1 { --bs-aspect-ratio: 100% } .ratio-4x3 { --bs-aspect-ratio: 75% } .ratio-16x9 { --bs-aspect-ratio: 56.25% } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571% } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } @media (min-width:576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "" } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: .25 } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .float-start { float: left !important } .float-end { float: right !important } .float-none { float: none !important } .opacity-0 { opacity: 0 !important } .opacity-25 { opacity: .25 !important } .opacity-50 { opacity: .5 !important } .opacity-75 { opacity: .75 !important } .opacity-100 { opacity: 1 !important } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .overflow-visible { overflow: visible !important } .overflow-scroll { overflow: scroll !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-grid { display: grid !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } .d-none { display: none !important } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important } .shadow-none { box-shadow: none !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: -webkit-sticky !important; position: sticky !important } .top-0 { top: 0 !important } .top-50 { top: 50% !important } .top-100 { top: 100% !important } .bottom-0 { bottom: 0 !important } .bottom-50 { bottom: 50% !important } .bottom-100 { bottom: 100% !important } .start-0 { left: 0 !important } .start-50 { left: 50% !important } .start-100 { left: 100% !important } .end-0 { right: 0 !important } .end-50 { right: 50% !important } .end-100 { right: 100% !important } .translate-middle { transform: translate(-50%,-50%) !important } .translate-middle-x { transform: translateX(-50%) !important } .translate-middle-y { transform: translateY(-50%) !important } .border { border: 1px solid #dee2e6 !important } .border-0 { border: 0 !important } .border-top { border-top: 1px solid #dee2e6 !important } .border-top-0 { border-top: 0 !important } .border-end { border-right: 1px solid #dee2e6 !important } .border-end-0 { border-right: 0 !important } .border-bottom { border-bottom: 1px solid #dee2e6 !important } .border-bottom-0 { border-bottom: 0 !important } .border-start { border-left: 1px solid #dee2e6 !important } .border-start-0 { border-left: 0 !important } .border-primary { border-color: #0d6efd !important } .border-secondary { border-color: #6c757d !important } .border-success { border-color: #198754 !important } .border-info { border-color: #0dcaf0 !important } .border-warning { border-color: #ffc107 !important } .border-danger { border-color: #dc3545 !important } .border-light { border-color: #f8f9fa !important } .border-dark { border-color: #212529 !important } .border-white { border-color: #fff !important } .border-1 { border-width: 1px !important } .border-2 { border-width: 2px !important } .border-3 { border-width: 3px !important } .border-4 { border-width: 4px !important } .border-5 { border-width: 5px !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .mw-100 { max-width: 100% !important } .vw-100 { width: 100vw !important } .min-vw-100 { min-width: 100vw !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mh-100 { max-height: 100% !important } .vh-100 { height: 100vh !important } .min-vh-100 { min-height: 100vh !important } .flex-fill { flex: 1 1 auto !important } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-0 { gap: 0 !important } .gap-1 { gap: .25rem !important } .gap-2 { gap: .5rem !important } .gap-3 { gap: 1rem !important } .gap-4 { gap: 1.5rem !important } .gap-5 { gap: 3rem !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .justify-content-evenly { justify-content: space-evenly !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } .order-first { order: -1 !important } .order-0 { order: 0 !important } .order-1 { order: 1 !important } .order-2 { order: 2 !important } .order-3 { order: 3 !important } .order-4 { order: 4 !important } .order-5 { order: 5 !important } .order-last { order: 6 !important } .m-0 { margin: 0 !important } .m-1 { margin: .25rem !important } .m-2 { margin: .5rem !important } .m-3 { margin: 1rem !important } .m-4 { margin: 1.5rem !important } .m-5 { margin: 3rem !important } .m-auto { margin: auto !important } .mx-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-auto { margin-right: auto !important; margin-left: auto !important } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: .25rem !important } .mt-2 { margin-top: .5rem !important } .mt-3 { margin-top: 1rem !important } .mt-4 { margin-top: 1.5rem !important } .mt-5 { margin-top: 3rem !important } .mt-auto { margin-top: auto !important } .me-0 { margin-right: 0 !important } .me-1 { margin-right: .25rem !important } .me-2 { margin-right: .5rem !important } .me-3 { margin-right: 1rem !important } .me-4 { margin-right: 1.5rem !important } .me-5 { margin-right: 3rem !important } .me-auto { margin-right: auto !important } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .mb-auto { margin-bottom: auto !important } .ms-0 { margin-left: 0 !important } .ms-1 { margin-left: .25rem !important } .ms-2 { margin-left: .5rem !important } .ms-3 { margin-left: 1rem !important } .ms-4 { margin-left: 1.5rem !important } .ms-5 { margin-left: 3rem !important } .ms-auto { margin-left: auto !important } .p-0 { padding: 0 !important } .p-1 { padding: .25rem !important } .p-2 { padding: .5rem !important } .p-3 { padding: 1rem !important } .p-4 { padding: 1.5rem !important } .p-5 { padding: 3rem !important } .px-0 { padding-right: 0 !important; padding-left: 0 !important } .px-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-0 { padding-top: 0 !important } .pt-1 { padding-top: .25rem !important } .pt-2 { padding-top: .5rem !important } .pt-3 { padding-top: 1rem !important } .pt-4 { padding-top: 1.5rem !important } .pt-5 { padding-top: 3rem !important } .pe-0 { padding-right: 0 !important } .pe-1 { padding-right: .25rem !important } .pe-2 { padding-right: .5rem !important } .pe-3 { padding-right: 1rem !important } .pe-4 { padding-right: 1.5rem !important } .pe-5 { padding-right: 3rem !important } .pb-0 { padding-bottom: 0 !important } .pb-1 { padding-bottom: .25rem !important } .pb-2 { padding-bottom: .5rem !important } .pb-3 { padding-bottom: 1rem !important } .pb-4 { padding-bottom: 1.5rem !important } .pb-5 { padding-bottom: 3rem !important } .ps-0 { padding-left: 0 !important } .ps-1 { padding-left: .25rem !important } .ps-2 { padding-left: .5rem !important } .ps-3 { padding-left: 1rem !important } .ps-4 { padding-left: 1.5rem !important } .ps-5 { padding-left: 3rem !important } .font-monospace { font-family: var(--bs-font-monospace) !important } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important } .fs-2 { font-size: calc(1.325rem + .9vw) !important } .fs-3 { font-size: calc(1.3rem + .6vw) !important } .fs-4 { font-size: calc(1.275rem + .3vw) !important } .fs-5 { font-size: 1.25rem !important } .fs-6 { font-size: 1rem !important } .fst-italic { font-style: italic !important } .fst-normal { font-style: normal !important } .fw-light { font-weight: 300 !important } .fw-lighter { font-weight: lighter !important } .fw-normal { font-weight: 400 !important } .fw-bold { font-weight: 700 !important } .fw-bolder { font-weight: bolder !important } .lh-1 { line-height: 1 !important } .lh-sm { line-height: 1.25 !important } .lh-base { line-height: 1.5 !important } .lh-lg { line-height: 2 !important } .text-start { text-align: left !important } .text-end { text-align: right !important } .text-center { text-align: center !important } .text-decoration-none { text-decoration: none !important } .text-decoration-underline { text-decoration: underline !important } .text-decoration-line-through { text-decoration: line-through !important } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-break { word-wrap: break-word !important; word-break: break-word !important } .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important } .text-muted { --bs-text-opacity: 1; color: #6c757d !important } .text-black-50 { --bs-text-opacity: 1; color: rgba(0,0,0,.5) !important } .text-white-50 { --bs-text-opacity: 1; color: rgba(255,255,255,.5) !important } .text-reset { --bs-text-opacity: 1; color: inherit !important } .text-opacity-25 { --bs-text-opacity: 0.25 } .text-opacity-50 { --bs-text-opacity: 0.5 } .text-opacity-75 { --bs-text-opacity: 0.75 } .text-opacity-100 { --bs-text-opacity: 1 } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important } .bg-opacity-10 { --bs-bg-opacity: 0.1 } .bg-opacity-25 { --bs-bg-opacity: 0.25 } .bg-opacity-50 { --bs-bg-opacity: 0.5 } .bg-opacity-75 { --bs-bg-opacity: 0.75 } .bg-opacity-100 { --bs-bg-opacity: 1 } .bg-gradient { background-image: var(--bs-gradient) !important } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important } .pe-none { pointer-events: none !important } .pe-auto { pointer-events: auto !important } .rounded { border-radius: .25rem !important } .rounded-0 { border-radius: 0 !important } .rounded-1 { border-radius: .2rem !important } .rounded-2 { border-radius: .25rem !important } .rounded-3 { border-radius: .3rem !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important } .rounded-end { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important } .rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-start { border-bottom-left-radius: .25rem !important; border-top-left-radius: .25rem !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media (min-width:576px) { .float-sm-start { float: left !important } .float-sm-end { float: right !important } .float-sm-none { float: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-grid { display: grid !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } .d-sm-none { display: none !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-sm-0 { gap: 0 !important } .gap-sm-1 { gap: .25rem !important } .gap-sm-2 { gap: .5rem !important } .gap-sm-3 { gap: 1rem !important } .gap-sm-4 { gap: 1.5rem !important } .gap-sm-5 { gap: 3rem !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .justify-content-sm-evenly { justify-content: space-evenly !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } .order-sm-first { order: -1 !important } .order-sm-0 { order: 0 !important } .order-sm-1 { order: 1 !important } .order-sm-2 { order: 2 !important } .order-sm-3 { order: 3 !important } .order-sm-4 { order: 4 !important } .order-sm-5 { order: 5 !important } .order-sm-last { order: 6 !important } .m-sm-0 { margin: 0 !important } .m-sm-1 { margin: .25rem !important } .m-sm-2 { margin: .5rem !important } .m-sm-3 { margin: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .m-sm-auto { margin: auto !important } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-sm-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-sm-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-sm-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-sm-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-sm-0 { margin-top: 0 !important } .mt-sm-1 { margin-top: .25rem !important } .mt-sm-2 { margin-top: .5rem !important } .mt-sm-3 { margin-top: 1rem !important } .mt-sm-4 { margin-top: 1.5rem !important } .mt-sm-5 { margin-top: 3rem !important } .mt-sm-auto { margin-top: auto !important } .me-sm-0 { margin-right: 0 !important } .me-sm-1 { margin-right: .25rem !important } .me-sm-2 { margin-right: .5rem !important } .me-sm-3 { margin-right: 1rem !important } .me-sm-4 { margin-right: 1.5rem !important } .me-sm-5 { margin-right: 3rem !important } .me-sm-auto { margin-right: auto !important } .mb-sm-0 { margin-bottom: 0 !important } .mb-sm-1 { margin-bottom: .25rem !important } .mb-sm-2 { margin-bottom: .5rem !important } .mb-sm-3 { margin-bottom: 1rem !important } .mb-sm-4 { margin-bottom: 1.5rem !important } .mb-sm-5 { margin-bottom: 3rem !important } .mb-sm-auto { margin-bottom: auto !important } .ms-sm-0 { margin-left: 0 !important } .ms-sm-1 { margin-left: .25rem !important } .ms-sm-2 { margin-left: .5rem !important } .ms-sm-3 { margin-left: 1rem !important } .ms-sm-4 { margin-left: 1.5rem !important } .ms-sm-5 { margin-left: 3rem !important } .ms-sm-auto { margin-left: auto !important } .p-sm-0 { padding: 0 !important } .p-sm-1 { padding: .25rem !important } .p-sm-2 { padding: .5rem !important } .p-sm-3 { padding: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important } .px-sm-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-sm-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-sm-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-sm-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-sm-0 { padding-top: 0 !important } .pt-sm-1 { padding-top: .25rem !important } .pt-sm-2 { padding-top: .5rem !important } .pt-sm-3 { padding-top: 1rem !important } .pt-sm-4 { padding-top: 1.5rem !important } .pt-sm-5 { padding-top: 3rem !important } .pe-sm-0 { padding-right: 0 !important } .pe-sm-1 { padding-right: .25rem !important } .pe-sm-2 { padding-right: .5rem !important } .pe-sm-3 { padding-right: 1rem !important } .pe-sm-4 { padding-right: 1.5rem !important } .pe-sm-5 { padding-right: 3rem !important } .pb-sm-0 { padding-bottom: 0 !important } .pb-sm-1 { padding-bottom: .25rem !important } .pb-sm-2 { padding-bottom: .5rem !important } .pb-sm-3 { padding-bottom: 1rem !important } .pb-sm-4 { padding-bottom: 1.5rem !important } .pb-sm-5 { padding-bottom: 3rem !important } .ps-sm-0 { padding-left: 0 !important } .ps-sm-1 { padding-left: .25rem !important } .ps-sm-2 { padding-left: .5rem !important } .ps-sm-3 { padding-left: 1rem !important } .ps-sm-4 { padding-left: 1.5rem !important } .ps-sm-5 { padding-left: 3rem !important } .text-sm-start { text-align: left !important } .text-sm-end { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width:768px) { .float-md-start { float: left !important } .float-md-end { float: right !important } .float-md-none { float: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-grid { display: grid !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } .d-md-none { display: none !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-md-0 { gap: 0 !important } .gap-md-1 { gap: .25rem !important } .gap-md-2 { gap: .5rem !important } .gap-md-3 { gap: 1rem !important } .gap-md-4 { gap: 1.5rem !important } .gap-md-5 { gap: 3rem !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .justify-content-md-evenly { justify-content: space-evenly !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } .order-md-first { order: -1 !important } .order-md-0 { order: 0 !important } .order-md-1 { order: 1 !important } .order-md-2 { order: 2 !important } .order-md-3 { order: 3 !important } .order-md-4 { order: 4 !important } .order-md-5 { order: 5 !important } .order-md-last { order: 6 !important } .m-md-0 { margin: 0 !important } .m-md-1 { margin: .25rem !important } .m-md-2 { margin: .5rem !important } .m-md-3 { margin: 1rem !important } .m-md-4 { margin: 1.5rem !important } .m-md-5 { margin: 3rem !important } .m-md-auto { margin: auto !important } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-md-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-md-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-md-auto { margin-right: auto !important; margin-left: auto !important } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-md-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-md-0 { margin-top: 0 !important } .mt-md-1 { margin-top: .25rem !important } .mt-md-2 { margin-top: .5rem !important } .mt-md-3 { margin-top: 1rem !important } .mt-md-4 { margin-top: 1.5rem !important } .mt-md-5 { margin-top: 3rem !important } .mt-md-auto { margin-top: auto !important } .me-md-0 { margin-right: 0 !important } .me-md-1 { margin-right: .25rem !important } .me-md-2 { margin-right: .5rem !important } .me-md-3 { margin-right: 1rem !important } .me-md-4 { margin-right: 1.5rem !important } .me-md-5 { margin-right: 3rem !important } .me-md-auto { margin-right: auto !important } .mb-md-0 { margin-bottom: 0 !important } .mb-md-1 { margin-bottom: .25rem !important } .mb-md-2 { margin-bottom: .5rem !important } .mb-md-3 { margin-bottom: 1rem !important } .mb-md-4 { margin-bottom: 1.5rem !important } .mb-md-5 { margin-bottom: 3rem !important } .mb-md-auto { margin-bottom: auto !important } .ms-md-0 { margin-left: 0 !important } .ms-md-1 { margin-left: .25rem !important } .ms-md-2 { margin-left: .5rem !important } .ms-md-3 { margin-left: 1rem !important } .ms-md-4 { margin-left: 1.5rem !important } .ms-md-5 { margin-left: 3rem !important } .ms-md-auto { margin-left: auto !important } .p-md-0 { padding: 0 !important } .p-md-1 { padding: .25rem !important } .p-md-2 { padding: .5rem !important } .p-md-3 { padding: 1rem !important } .p-md-4 { padding: 1.5rem !important } .p-md-5 { padding: 3rem !important } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important } .px-md-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-md-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-md-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-md-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-md-0 { padding-top: 0 !important } .pt-md-1 { padding-top: .25rem !important } .pt-md-2 { padding-top: .5rem !important } .pt-md-3 { padding-top: 1rem !important } .pt-md-4 { padding-top: 1.5rem !important } .pt-md-5 { padding-top: 3rem !important } .pe-md-0 { padding-right: 0 !important } .pe-md-1 { padding-right: .25rem !important } .pe-md-2 { padding-right: .5rem !important } .pe-md-3 { padding-right: 1rem !important } .pe-md-4 { padding-right: 1.5rem !important } .pe-md-5 { padding-right: 3rem !important } .pb-md-0 { padding-bottom: 0 !important } .pb-md-1 { padding-bottom: .25rem !important } .pb-md-2 { padding-bottom: .5rem !important } .pb-md-3 { padding-bottom: 1rem !important } .pb-md-4 { padding-bottom: 1.5rem !important } .pb-md-5 { padding-bottom: 3rem !important } .ps-md-0 { padding-left: 0 !important } .ps-md-1 { padding-left: .25rem !important } .ps-md-2 { padding-left: .5rem !important } .ps-md-3 { padding-left: 1rem !important } .ps-md-4 { padding-left: 1.5rem !important } .ps-md-5 { padding-left: 3rem !important } .text-md-start { text-align: left !important } .text-md-end { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width:992px) { .float-lg-start { float: left !important } .float-lg-end { float: right !important } .float-lg-none { float: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-grid { display: grid !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } .d-lg-none { display: none !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-lg-0 { gap: 0 !important } .gap-lg-1 { gap: .25rem !important } .gap-lg-2 { gap: .5rem !important } .gap-lg-3 { gap: 1rem !important } .gap-lg-4 { gap: 1.5rem !important } .gap-lg-5 { gap: 3rem !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .justify-content-lg-evenly { justify-content: space-evenly !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } .order-lg-first { order: -1 !important } .order-lg-0 { order: 0 !important } .order-lg-1 { order: 1 !important } .order-lg-2 { order: 2 !important } .order-lg-3 { order: 3 !important } .order-lg-4 { order: 4 !important } .order-lg-5 { order: 5 !important } .order-lg-last { order: 6 !important } .m-lg-0 { margin: 0 !important } .m-lg-1 { margin: .25rem !important } .m-lg-2 { margin: .5rem !important } .m-lg-3 { margin: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .m-lg-auto { margin: auto !important } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-lg-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-lg-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-lg-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-lg-0 { margin-top: 0 !important } .mt-lg-1 { margin-top: .25rem !important } .mt-lg-2 { margin-top: .5rem !important } .mt-lg-3 { margin-top: 1rem !important } .mt-lg-4 { margin-top: 1.5rem !important } .mt-lg-5 { margin-top: 3rem !important } .mt-lg-auto { margin-top: auto !important } .me-lg-0 { margin-right: 0 !important } .me-lg-1 { margin-right: .25rem !important } .me-lg-2 { margin-right: .5rem !important } .me-lg-3 { margin-right: 1rem !important } .me-lg-4 { margin-right: 1.5rem !important } .me-lg-5 { margin-right: 3rem !important } .me-lg-auto { margin-right: auto !important } .mb-lg-0 { margin-bottom: 0 !important } .mb-lg-1 { margin-bottom: .25rem !important } .mb-lg-2 { margin-bottom: .5rem !important } .mb-lg-3 { margin-bottom: 1rem !important } .mb-lg-4 { margin-bottom: 1.5rem !important } .mb-lg-5 { margin-bottom: 3rem !important } .mb-lg-auto { margin-bottom: auto !important } .ms-lg-0 { margin-left: 0 !important } .ms-lg-1 { margin-left: .25rem !important } .ms-lg-2 { margin-left: .5rem !important } .ms-lg-3 { margin-left: 1rem !important } .ms-lg-4 { margin-left: 1.5rem !important } .ms-lg-5 { margin-left: 3rem !important } .ms-lg-auto { margin-left: auto !important } .p-lg-0 { padding: 0 !important } .p-lg-1 { padding: .25rem !important } .p-lg-2 { padding: .5rem !important } .p-lg-3 { padding: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important } .px-lg-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-lg-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-lg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-lg-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-lg-0 { padding-top: 0 !important } .pt-lg-1 { padding-top: .25rem !important } .pt-lg-2 { padding-top: .5rem !important } .pt-lg-3 { padding-top: 1rem !important } .pt-lg-4 { padding-top: 1.5rem !important } .pt-lg-5 { padding-top: 3rem !important } .pe-lg-0 { padding-right: 0 !important } .pe-lg-1 { padding-right: .25rem !important } .pe-lg-2 { padding-right: .5rem !important } .pe-lg-3 { padding-right: 1rem !important } .pe-lg-4 { padding-right: 1.5rem !important } .pe-lg-5 { padding-right: 3rem !important } .pb-lg-0 { padding-bottom: 0 !important } .pb-lg-1 { padding-bottom: .25rem !important } .pb-lg-2 { padding-bottom: .5rem !important } .pb-lg-3 { padding-bottom: 1rem !important } .pb-lg-4 { padding-bottom: 1.5rem !important } .pb-lg-5 { padding-bottom: 3rem !important } .ps-lg-0 { padding-left: 0 !important } .ps-lg-1 { padding-left: .25rem !important } .ps-lg-2 { padding-left: .5rem !important } .ps-lg-3 { padding-left: 1rem !important } .ps-lg-4 { padding-left: 1.5rem !important } .ps-lg-5 { padding-left: 3rem !important } .text-lg-start { text-align: left !important } .text-lg-end { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width:1200px) { .float-xl-start { float: left !important } .float-xl-end { float: right !important } .float-xl-none { float: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-grid { display: grid !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } .d-xl-none { display: none !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-xl-0 { gap: 0 !important } .gap-xl-1 { gap: .25rem !important } .gap-xl-2 { gap: .5rem !important } .gap-xl-3 { gap: 1rem !important } .gap-xl-4 { gap: 1.5rem !important } .gap-xl-5 { gap: 3rem !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .justify-content-xl-evenly { justify-content: space-evenly !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } .order-xl-first { order: -1 !important } .order-xl-0 { order: 0 !important } .order-xl-1 { order: 1 !important } .order-xl-2 { order: 2 !important } .order-xl-3 { order: 3 !important } .order-xl-4 { order: 4 !important } .order-xl-5 { order: 5 !important } .order-xl-last { order: 6 !important } .m-xl-0 { margin: 0 !important } .m-xl-1 { margin: .25rem !important } .m-xl-2 { margin: .5rem !important } .m-xl-3 { margin: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .m-xl-auto { margin: auto !important } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-xl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-xl-0 { margin-top: 0 !important } .mt-xl-1 { margin-top: .25rem !important } .mt-xl-2 { margin-top: .5rem !important } .mt-xl-3 { margin-top: 1rem !important } .mt-xl-4 { margin-top: 1.5rem !important } .mt-xl-5 { margin-top: 3rem !important } .mt-xl-auto { margin-top: auto !important } .me-xl-0 { margin-right: 0 !important } .me-xl-1 { margin-right: .25rem !important } .me-xl-2 { margin-right: .5rem !important } .me-xl-3 { margin-right: 1rem !important } .me-xl-4 { margin-right: 1.5rem !important } .me-xl-5 { margin-right: 3rem !important } .me-xl-auto { margin-right: auto !important } .mb-xl-0 { margin-bottom: 0 !important } .mb-xl-1 { margin-bottom: .25rem !important } .mb-xl-2 { margin-bottom: .5rem !important } .mb-xl-3 { margin-bottom: 1rem !important } .mb-xl-4 { margin-bottom: 1.5rem !important } .mb-xl-5 { margin-bottom: 3rem !important } .mb-xl-auto { margin-bottom: auto !important } .ms-xl-0 { margin-left: 0 !important } .ms-xl-1 { margin-left: .25rem !important } .ms-xl-2 { margin-left: .5rem !important } .ms-xl-3 { margin-left: 1rem !important } .ms-xl-4 { margin-left: 1.5rem !important } .ms-xl-5 { margin-left: 3rem !important } .ms-xl-auto { margin-left: auto !important } .p-xl-0 { padding: 0 !important } .p-xl-1 { padding: .25rem !important } .p-xl-2 { padding: .5rem !important } .p-xl-3 { padding: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important } .px-xl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-xl-0 { padding-top: 0 !important } .pt-xl-1 { padding-top: .25rem !important } .pt-xl-2 { padding-top: .5rem !important } .pt-xl-3 { padding-top: 1rem !important } .pt-xl-4 { padding-top: 1.5rem !important } .pt-xl-5 { padding-top: 3rem !important } .pe-xl-0 { padding-right: 0 !important } .pe-xl-1 { padding-right: .25rem !important } .pe-xl-2 { padding-right: .5rem !important } .pe-xl-3 { padding-right: 1rem !important } .pe-xl-4 { padding-right: 1.5rem !important } .pe-xl-5 { padding-right: 3rem !important } .pb-xl-0 { padding-bottom: 0 !important } .pb-xl-1 { padding-bottom: .25rem !important } .pb-xl-2 { padding-bottom: .5rem !important } .pb-xl-3 { padding-bottom: 1rem !important } .pb-xl-4 { padding-bottom: 1.5rem !important } .pb-xl-5 { padding-bottom: 3rem !important } .ps-xl-0 { padding-left: 0 !important } .ps-xl-1 { padding-left: .25rem !important } .ps-xl-2 { padding-left: .5rem !important } .ps-xl-3 { padding-left: 1rem !important } .ps-xl-4 { padding-left: 1.5rem !important } .ps-xl-5 { padding-left: 3rem !important } .text-xl-start { text-align: left !important } .text-xl-end { text-align: right !important } .text-xl-center { text-align: center !important } } @media (min-width:1400px) { .float-xxl-start { float: left !important } .float-xxl-end { float: right !important } .float-xxl-none { float: none !important } .d-xxl-inline { display: inline !important } .d-xxl-inline-block { display: inline-block !important } .d-xxl-block { display: block !important } .d-xxl-grid { display: grid !important } .d-xxl-table { display: table !important } .d-xxl-table-row { display: table-row !important } .d-xxl-table-cell { display: table-cell !important } .d-xxl-flex { display: flex !important } .d-xxl-inline-flex { display: inline-flex !important } .d-xxl-none { display: none !important } .flex-xxl-fill { flex: 1 1 auto !important } .flex-xxl-row { flex-direction: row !important } .flex-xxl-column { flex-direction: column !important } .flex-xxl-row-reverse { flex-direction: row-reverse !important } .flex-xxl-column-reverse { flex-direction: column-reverse !important } .flex-xxl-grow-0 { flex-grow: 0 !important } .flex-xxl-grow-1 { flex-grow: 1 !important } .flex-xxl-shrink-0 { flex-shrink: 0 !important } .flex-xxl-shrink-1 { flex-shrink: 1 !important } .flex-xxl-wrap { flex-wrap: wrap !important } .flex-xxl-nowrap { flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-xxl-0 { gap: 0 !important } .gap-xxl-1 { gap: .25rem !important } .gap-xxl-2 { gap: .5rem !important } .gap-xxl-3 { gap: 1rem !important } .gap-xxl-4 { gap: 1.5rem !important } .gap-xxl-5 { gap: 3rem !important } .justify-content-xxl-start { justify-content: flex-start !important } .justify-content-xxl-end { justify-content: flex-end !important } .justify-content-xxl-center { justify-content: center !important } .justify-content-xxl-between { justify-content: space-between !important } .justify-content-xxl-around { justify-content: space-around !important } .justify-content-xxl-evenly { justify-content: space-evenly !important } .align-items-xxl-start { align-items: flex-start !important } .align-items-xxl-end { align-items: flex-end !important } .align-items-xxl-center { align-items: center !important } .align-items-xxl-baseline { align-items: baseline !important } .align-items-xxl-stretch { align-items: stretch !important } .align-content-xxl-start { align-content: flex-start !important } .align-content-xxl-end { align-content: flex-end !important } .align-content-xxl-center { align-content: center !important } .align-content-xxl-between { align-content: space-between !important } .align-content-xxl-around { align-content: space-around !important } .align-content-xxl-stretch { align-content: stretch !important } .align-self-xxl-auto { align-self: auto !important } .align-self-xxl-start { align-self: flex-start !important } .align-self-xxl-end { align-self: flex-end !important } .align-self-xxl-center { align-self: center !important } .align-self-xxl-baseline { align-self: baseline !important } .align-self-xxl-stretch { align-self: stretch !important } .order-xxl-first { order: -1 !important } .order-xxl-0 { order: 0 !important } .order-xxl-1 { order: 1 !important } .order-xxl-2 { order: 2 !important } .order-xxl-3 { order: 3 !important } .order-xxl-4 { order: 4 !important } .order-xxl-5 { order: 5 !important } .order-xxl-last { order: 6 !important } .m-xxl-0 { margin: 0 !important } .m-xxl-1 { margin: .25rem !important } .m-xxl-2 { margin: .5rem !important } .m-xxl-3 { margin: 1rem !important } .m-xxl-4 { margin: 1.5rem !important } .m-xxl-5 { margin: 3rem !important } .m-xxl-auto { margin: auto !important } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-xxl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xxl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xxl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xxl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-xxl-0 { margin-top: 0 !important } .mt-xxl-1 { margin-top: .25rem !important } .mt-xxl-2 { margin-top: .5rem !important } .mt-xxl-3 { margin-top: 1rem !important } .mt-xxl-4 { margin-top: 1.5rem !important } .mt-xxl-5 { margin-top: 3rem !important } .mt-xxl-auto { margin-top: auto !important } .me-xxl-0 { margin-right: 0 !important } .me-xxl-1 { margin-right: .25rem !important } .me-xxl-2 { margin-right: .5rem !important } .me-xxl-3 { margin-right: 1rem !important } .me-xxl-4 { margin-right: 1.5rem !important } .me-xxl-5 { margin-right: 3rem !important } .me-xxl-auto { margin-right: auto !important } .mb-xxl-0 { margin-bottom: 0 !important } .mb-xxl-1 { margin-bottom: .25rem !important } .mb-xxl-2 { margin-bottom: .5rem !important } .mb-xxl-3 { margin-bottom: 1rem !important } .mb-xxl-4 { margin-bottom: 1.5rem !important } .mb-xxl-5 { margin-bottom: 3rem !important } .mb-xxl-auto { margin-bottom: auto !important } .ms-xxl-0 { margin-left: 0 !important } .ms-xxl-1 { margin-left: .25rem !important } .ms-xxl-2 { margin-left: .5rem !important } .ms-xxl-3 { margin-left: 1rem !important } .ms-xxl-4 { margin-left: 1.5rem !important } .ms-xxl-5 { margin-left: 3rem !important } .ms-xxl-auto { margin-left: auto !important } .p-xxl-0 { padding: 0 !important } .p-xxl-1 { padding: .25rem !important } .p-xxl-2 { padding: .5rem !important } .p-xxl-3 { padding: 1rem !important } .p-xxl-4 { padding: 1.5rem !important } .p-xxl-5 { padding: 3rem !important } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important } .px-xxl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xxl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xxl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xxl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-xxl-0 { padding-top: 0 !important } .pt-xxl-1 { padding-top: .25rem !important } .pt-xxl-2 { padding-top: .5rem !important } .pt-xxl-3 { padding-top: 1rem !important } .pt-xxl-4 { padding-top: 1.5rem !important } .pt-xxl-5 { padding-top: 3rem !important } .pe-xxl-0 { padding-right: 0 !important } .pe-xxl-1 { padding-right: .25rem !important } .pe-xxl-2 { padding-right: .5rem !important } .pe-xxl-3 { padding-right: 1rem !important } .pe-xxl-4 { padding-right: 1.5rem !important } .pe-xxl-5 { padding-right: 3rem !important } .pb-xxl-0 { padding-bottom: 0 !important } .pb-xxl-1 { padding-bottom: .25rem !important } .pb-xxl-2 { padding-bottom: .5rem !important } .pb-xxl-3 { padding-bottom: 1rem !important } .pb-xxl-4 { padding-bottom: 1.5rem !important } .pb-xxl-5 { padding-bottom: 3rem !important } .ps-xxl-0 { padding-left: 0 !important } .ps-xxl-1 { padding-left: .25rem !important } .ps-xxl-2 { padding-left: .5rem !important } .ps-xxl-3 { padding-left: 1rem !important } .ps-xxl-4 { padding-left: 1.5rem !important } .ps-xxl-5 { padding-left: 3rem !important } .text-xxl-start { text-align: left !important } .text-xxl-end { text-align: right !important } .text-xxl-center { text-align: center !important } } @media (min-width:1200px) { .fs-1 { font-size: 2.5rem !important } .fs-2 { font-size: 2rem !important } .fs-3 { font-size: 1.75rem !important } .fs-4 { font-size: 1.5rem !important } } @media print { .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-grid { display: grid !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } .d-print-none { display: none !important } } /*# sourceMappingURL=bootstrap.min.css.map */ @charset "UTF-8"; /*!* animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css*/ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1 } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat) } .animated.repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat)*2); animation-iteration-count: calc(var(--animate-repeat)*2) } .animated.repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat)*3); animation-iteration-count: calc(var(--animate-repeat)*3) } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay) } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay)*2); animation-delay: calc(var(--animate-delay)*2) } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay)*3); animation-delay: calc(var(--animate-delay)*3) } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay)*4); animation-delay: calc(var(--animate-delay)*4) } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay)*5); animation-delay: calc(var(--animate-delay)*5) } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-duration: calc(var(--animate-duration)/2); animation-duration: calc(var(--animate-duration)/2) } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-duration: calc(var(--animate-duration)*0.8); animation-duration: calc(var(--animate-duration)*0.8) } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2) } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration)*3); animation-duration: calc(var(--animate-duration)*3) } @media(prefers-reduced-motion:reduce),print { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important } .animated[class*=Out] { opacity: 0 } } @-webkit-keyframes bounce { 0%,20%,53%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05) } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02) } } @keyframes bounce { 0%,20%,53%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05) } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shakeX { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @keyframes shakeX { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } .shakeX { -webkit-animation-name: shakeX; animation-name: shakeX } @-webkit-keyframes shakeY { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } } @keyframes shakeY { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } } .shakeY { -webkit-animation-name: shakeY; animation-name: shakeY } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration)*1.3); animation-duration: calc(var(--animate-duration)*1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .backInDown { -webkit-animation-name: backInDown; animation-name: backInDown } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .backInRight { -webkit-animation-name: backInRight; animation-name: backInRight } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .backInUp { -webkit-animation-name: backInUp; animation-name: backInUp } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 } } .backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } } .backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } } .backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 } } .backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } .bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } } .fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } } .fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } } .fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } } .fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0 } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1 } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0 } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1 } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } .lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 } } .lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateOut { 0% { opacity: 1 } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { opacity: 1 } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1 } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { opacity: 1 } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0) } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0) } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0) } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0) } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav { margin-top: 10px } .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } html { direction: ltr; overflow-x: hidden; box-shadow: none !important; -webkit-font-smoothing: antialiased } @media(prefers-reduced-motion:no-preference) { :root { scroll-behavior: auto } } body { background-color: #fff; color: #777; font-family: 'Nunito', sans-serif; font-size: 14px; line-height: 26px; margin: 0 } body a { outline: none !important } .body { background-color: #fff } html.safari:not(.no-safari-overflow-x-fix) .body { overflow-x: hidden } a { text-decoration: none } a:not(.btn):hover { text-decoration: underline } li { line-height: 24px } @media(max-width:575px) { body { font-size: 13px } } pre { background: #f7f7f7; border: 1px solid #e8e8e8; border-radius: 4px; padding: 15px } .remove-envato-frame { background: #404040; border-radius: 0 0 4px 4px; top: 0; color: #fff; display: block; height: 9px; padding: 10px 20px 35px; position: fixed; right: 5px; text-align: center; text-decoration: none; min-width: 50px; z-index: 10000; font-size: .8em; opacity: .7 } .remove-envato-frame:hover { opacity: .9; text-decoration: none; color: #fff } .remove-envato-frame:before { font-family: 'font awesome 6 free'; content: "\f00d" !important; font-weight: 900; display: inline-block; padding-right: 5px } @media(max-width:991px) { .remove-envato-frame { display: none !important } } #header { position: relative; z-index: 1030 } #header .header-body { display: flex; flex-direction: column; background: #fff; transition: min-height .3s ease; width: 100%; border-top: 3px solid #ededed; border-bottom: 1px solid transparent; z-index: 1001 } #header .header-body.header-body-bottom-border-fixed { border-bottom: 1px solid rgba(234,234,234,.5) !important } #header .header-body[class*=border-color-] { border-bottom: 0 !important } #header .header-container { position: relative; display: flex; flex-flow: row wrap; align-items: center; transition: ease height 300ms } @media(max-width:991px) { #header .header-container:not(.container):not(.container-fluid) .header-nav-main { padding: 0 .75rem } } #header .header-container.header-container-height-xs { height: 80px } #header .header-container.header-container-height-sm { height: 100px } #header .header-container.header-container-height-md { height: 125px } #header .header-container.header-container-height-lg { height: 145px } #header .container { position: relative } @media(max-width:767px) { #header .container { width: 100% } } #header .header-row { display: flex; flex-grow: 1; align-items: center; align-self: stretch; max-height: 100% } #header .header-column { display: flex; align-self: stretch; align-items: center; flex-grow: 1; flex-direction: column } #header .header-column.header-column-border-right { border-right: 1px solid rgba(0,0,0,.06) } #header .header-column.header-column-border-left { border-left: 1px solid rgba(0,0,0,.06) } #header .header-column .header-row { justify-content: inherit } #header .header-column .header-extra-info { list-style: outside none none; margin: 0; padding: 0 } #header .header-column .header-extra-info li { display: inline-flex; margin-left: 25px } #header .header-column .header-extra-info li .header-extra-info-icon { font-size: 32px; font-size: 2rem; margin-right: 10px } #header .header-column .header-extra-info li .header-extra-info-text label { display: block; margin: 0; color: #999; font-size: 12px; font-size: .75rem; line-height: 1.2 } #header .header-column .header-extra-info li .header-extra-info-text strong { display: block; margin: 0; color: #333; font-size: 14.4px; font-size: .9rem; line-height: 1.3 } #header .header-column .header-extra-info li .header-extra-info-text a { color: #333 } #header .header-column .header-extra-info li .feature-box p { margin: 0 } #header .header-column .header-extra-info li .feature-box small { position: relative; top: -4px; font-size: 80% } #header.header-no-min-height .header-body { min-height: 0 !important } #header .header-top { display: flex; align-items: center; border-bottom: 2px solid rgba(0,0,0,.06); min-height: 47px } #header .header-top.header-top-light-border-bottom { border-bottom-color: rgba(255,255,255,.1) } #header .header-top.header-top-simple-border-bottom { border-bottom-width: 1px } #header .header-top.header-top-default { background: #f7f7f7 } #header .header-top.header-top-borders { border-bottom-width: 1px } #header .header-top.header-top-borders .nav-item-borders { border-right: 1px solid rgba(0,0,0,.06); padding-left: 12px; padding-right: 12px } #header .header-top.header-top-borders .nav-item-borders:first-child { padding-left: 0 } #header .header-top.header-top-borders .nav-item-borders:last-child { border-right: 0 } #header .header-top.header-top-light-borders { border-bottom-color: rgba(255,255,255,.2) } #header .header-top.header-top-light-borders.header-top-borders .nav-item-borders { border-right-color: rgba(255,255,255,.2) } #header .header-top.header-top-light-2-borders { border-bottom-color: rgba(255,255,255,.06) } #header .header-top.header-top-light-2-borders.header-top-borders .nav-item-borders { border-right-color: rgba(255,255,255,.06) } #header .header-top.header-top-bottom-containered-border { border-bottom: 0 } #header .header-top.header-top-bottom-containered-border > .container > .header-row { border-bottom: 1px solid rgba(0,0,0,.06) } #header .header-top.header-top-small-minheight { min-height: 38px } #header .header-top.header-top-semi-transparent { background-color: rgba(0,0,0,.15) } #header .header-top.header-top-semi-transparent-light { background-color: rgba(255,255,255,.15) } #header .header-logo { margin: 16px 0; margin: 1rem 0; position: relative; z-index: 1 } #header .header-logo img { transition: all .3s ease; position: relative; top: 0; image-rendering: -webkit-optimize-contrast; transform: translateZ(0) } #header .header-nav { padding: 16px 0; padding: 1rem 0; min-height: 70px } #header .header-nav-top { display: flex; align-self: stretch; align-items: center } #header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span { color: #999; font-size: .9em; padding: 6px 10px; display: inline-block; letter-spacing: -.5px } #header .header-nav-top .nav > li > a [class*=fa-], #header .header-nav-top .nav > li > a .icons, #header .header-nav-top .nav > li > span [class*=fa-], #header .header-nav-top .nav > li > span .icons { margin-right: 3px; font-size: .8em; position: relative } #header .header-nav-top .nav > li > a { text-decoration: none } #header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus { background: 0 0 } #header .header-nav-top .nav > li.open > .dropdown-menu-toggle, #header .header-nav-top .nav > li.accessibility-open > .dropdown-menu-toggle { border-radius: 4px 4px 0 0 } #header .header-nav-top .nav > li + .nav-item-left-border { margin-left: 10px; padding-left: 10px; position: relative } #header .header-nav-top .nav > li + .nav-item-left-border:after { background: rgba(0,0,0,.08); content: ""; width: 1px; height: 16px; position: absolute; display: block; top: 50%; transform: translate3d(0,-50%,0); left: 0 } #header .header-nav-top .nav > li + .nav-item-right-border { margin-right: 10px; padding-right: 10px; position: relative } #header .header-nav-top .nav > li + .nav-item-right-border:before { background: rgba(0,0,0,.08); content: ""; width: 1px; height: 16px; position: absolute; display: block; top: 50%; transform: translate3d(0,-50%,0); right: 0 } #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-remove:after { content: none } #header .header-nav-top .nav > li.nav-item-left-border.nav-item-right-border-remove:before { content: none } @media(max-width:575px) { #header .header-nav-top .nav > li:not(.d-none) { margin-left: 0; padding-left: 0 } } @media(max-width:767px) { #header .header-nav-top .nav > li.nav-item-left-border-remove.d-none { margin-left: 0; padding-left: 0 } #header .header-nav-top .nav > li.nav-item-right-border-remove.d-none { margin-left: 0; padding-left: 0 } } #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-show:after { content: '' } #header .header-nav-top .nav > li.nav-item-right-border.nav-item-right-border-show:after { content: '' } @media(min-width:576px) { #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-sm-show:after { content: '' } #header .header-nav-top .nav > li.nav-item-right-border.nav-item-right-border-sm-show:after { content: '' } } @media(min-width:768px) { #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-md-show:after { content: '' } #header .header-nav-top .nav > li.nav-item-right-border.nav-item-right-border-md-show:after { content: '' } } @media(min-width:992px) { #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-lg-show:after { content: '' } #header .header-nav-top .nav > li.nav-item-right-border.nav-item-right-border-lg-show:after { content: '' } } @media(min-width:1200px) { #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-xl-show:after { content: '' } #header .header-nav-top .nav > li.nav-item-right-border.nav-item-right-border-xl-show:after { content: '' } } #header .header-nav-top .nav > li.nav-item.dropdown.show .nav-link { background: 0 0 } #header .header-nav-top .nav > li.nav-item:not(.dropdown) > a [class*=fa-], #header .header-nav-top .nav > li.nav-item:not(.dropdown) > a .icons { left: -1px; top: -1px } #header .header-nav-top .nav > li.nav-item-anim-icon > a:hover [class*=fa-], #header .header-nav-top .nav > li.nav-item-anim-icon > a:hover .icons { -webkit-animation: navItemArrow 600ms ease; animation: navItemArrow 600ms ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } #header .header-nav-top .dropdown .dropdown-item { font-size: .75em } #header .header-nav-top .dropdown-menu { border: 0; margin-top: -2px; margin-left: -2px; padding: 0; box-shadow: 0 10px 30px 10px rgba(0,0,0,.05); background: #fff; padding: 3px; min-width: 180px; z-index: 10000; margin-right: 0; margin-top: 1px; transition: opacity .2s ease-out; border-radius: 0 } #header .header-nav-top .dropdown-menu:before { content: ''; display: block; position: absolute; top: 0; right: 5px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; transform: translate3d(-7px,-6px,0) } #header .header-nav-top .dropdown-menu.dropdow-menu-arrow-right:before { right: auto; left: 20px } #header .header-nav-top .dropdown-menu a { color: #999; padding: 5px 12px; font-size: .9em } #header .header-nav-top .dropdown-menu a:active { color: #fff } #header .header-nav-top .flag { margin-right: 2px; position: relative; top: -1px } #header .header-nav-features { position: relative; padding-left: 20px; margin-left: 10px } #header .header-nav-features:before, #header .header-nav-features:after { background: rgba(0,0,0,.03); content: none; width: 1px; height: 16px; position: absolute; display: block; top: 50%; transform: translate3d(0,-50%,0); left: 0 } #header .header-nav-features.header-nav-features-divisor-lg:before, #header .header-nav-features.header-nav-features-divisor-lg:after { height: 72px } #header .header-nav-features.header-nav-features-light:before, #header .header-nav-features.header-nav-features-light:after { background: rgba(255,255,255,.1) } #header .header-nav-features:not(.header-nav-features-no-border):before, #header .header-nav-features:not(.header-nav-features-no-border):after { content: '' } #header .header-nav-features:not(.header-nav-features-no-border):after { display: none } #header .header-nav-features.header-nav-features-show-border:before, #header .header-nav-features.header-nav-features-show-border:after { content: '' } @media(min-width:576px) { #header .header-nav-features.header-nav-features-sm-show-border:before, #header .header-nav-features.header-nav-features-sm-show-border:after { content: '' } } @media(min-width:768px) { #header .header-nav-features.header-nav-features-md-show-border:before, #header .header-nav-features.header-nav-features-md-show-border:after { content: '' } } @media(min-width:992px) { #header .header-nav-features.header-nav-features-lg-show-border:before, #header .header-nav-features.header-nav-features-lg-show-border:after { content: '' } } @media(min-width:1200px) { #header .header-nav-features.header-nav-features-xl-show-border:before, #header .header-nav-features.header-nav-features-xl-show-border:after { content: '' } } #header .header-nav-features.header-nav-features-start { padding-left: 0; margin-left: 0; padding-right: 20px; margin-right: 10px } #header .header-nav-features.header-nav-features-start:not(.header-nav-features-no-border):before { left: auto; right: 0 } #header .header-nav-features.header-nav-features-center { padding-left: 20px; margin-left: 10px; padding-right: 20px; margin-right: 10px } #header .header-nav-features.header-nav-features-center:after { display: block; left: auto; right: 0 } #header .header-nav-features .header-nav-top-icon, #header .header-nav-features .header-nav-top-icon-img { font-size: 12.8px; font-size: .8rem; position: relative; top: -1px; color: #444 } #header .header-nav-features.header-nav-features-light .header-nav-top-icon, #header .header-nav-features.header-nav-features-light .header-nav-top-icon-img { color: #fff } #header .header-nav-features .header-nav-top-icon-img { top: -2px } #header .header-nav-features .header-nav-feature { position: relative } #header .header-nav-features .header-nav-features-dropdown { opacity: 0; top: -10000px; position: absolute; box-shadow: 0 10px 30px 10px rgba(0,0,0,.05); background: #fff; padding: 17px; min-width: 300px; z-index: 10000; right: 100%; margin-right: -25px; margin-top: 30px; transition: opacity .2s ease-out; pointer-events: none } #header .header-nav-features .header-nav-features-dropdown:before { content: ''; display: block; position: absolute; top: 0; right: 5px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; transform: translate3d(-7px,-6px,0) } #header .header-nav-features .header-nav-features-dropdown.show { opacity: 1; top: auto; pointer-events: all } @media(max-width:991px) { #header .header-nav-features .header-nav-features-dropdown.show { top: -50px; box-shadow: none } #header .header-nav-features .header-nav-features-dropdown.show:before { display: none } } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-arrow-dark:before { border-bottom-color: #181b1e } @media(min-width:992px) { #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-reverse { right: auto; margin-right: 0; left: 100%; margin-left: -25px } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-reverse:before { right: auto; left: 5px; transform: translate3d(7px,-6px,0) } } @media(max-width:440px) { #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-mobile-fixed { position: fixed; right: auto; left: 50%; transform: translate3d(-50%,0,0) } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-mobile-fixed:before { content: none } } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-force-right { margin-right: 6px !important; right: 0 } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-dark { background: #212529 } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-dark:before { border-bottom-color: #212529 } #header .header-nav-features .header-nav-features-cart { z-index: 2 } #header .header-nav-features .header-nav-features-cart .header-nav-features-dropdown { padding: 20px } #header .header-nav-features .header-nav-features-cart .cart-info { position: absolute; width: 100%; text-align: center; top: 50%; margin-top: -4px; left: 0; padding: 0; display: block; line-height: 1 } #header .header-nav-features .header-nav-features-cart .cart-info .cart-qty { position: absolute; top: -12px; right: -10px; width: 15px; height: 15px; display: block; font-size: 9px; font-weight: 600; color: #fff; background-color: #ed5348; text-align: center; line-height: 15px; border-radius: 20px; box-shadow: -1px 1px 2px 0 rgba(0,0,0,.3) } #header .header-nav-features .header-nav-features-cart .mini-products-list { list-style: none; margin: 0; padding: 0 } #header .header-nav-features .header-nav-features-cart .mini-products-list li { position: relative; padding: 15px 0; border-bottom: 1px solid #eee } #header .header-nav-features .header-nav-features-cart .mini-products-list li:first-child { margin-top: -15px } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-image { float: right; border-color: #ededed; border-width: 1px; padding: 0; border: 1px solid #ddd; background-color: #fff; display: block; position: relative } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-image img { max-width: 80px } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details { margin-left: 0; line-height: 1.4 } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details a { letter-spacing: .005em; font-weight: 600; color: #696969 } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details .product-name { margin: 15px 0 0; font-size: .9em; font-weight: 400 } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details .qty-price { font-size: .8em } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details .qty-price .price { display: inline-block } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details .btn-remove { z-index: 3; top: 5px; right: -5px; width: 20px; height: 20px; background-color: #fff; color: #474747; border-radius: 100%; position: absolute; text-align: center; box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); line-height: 20px; font-size: 10px } #header .header-nav-features .header-nav-features-cart .totals { padding: 15px 0 25px; overflow: hidden } #header .header-nav-features .header-nav-features-cart .totals .label { float: left; text-transform: uppercase; font-size: 13px; font-weight: 700; color: #474747 } #header .header-nav-features .header-nav-features-cart .totals .price-total { float: right; text-transform: uppercase; font-size: 15px; font-weight: 700; color: #474747 } #header .header-nav-features .header-nav-features-cart .actions { padding: 0; margin: 0 } #header .header-nav-features .header-nav-features-cart .actions .btn { display: inline-block; min-width: 125px; text-align: center; margin: 5px 0; float: right; font-size: 11.2px; font-size: .7rem; padding: 11.2px 16px; padding: .7rem 1rem; text-transform: uppercase; font-weight: 600 } #header .header-nav-features .header-nav-features-cart .actions .btn:first-child { float: left } #header .header-nav-features .header-nav-features-cart.header-nav-features-cart-big .cart-info { margin-top: -9px; left: -4px } #header .header-nav-features .header-nav-features-cart.header-nav-features-cart-big .header-nav-features-dropdown { margin-right: -31px; top: 10px } #header .header-nav-features .header-nav-features-user .header-nav-features-toggle { color: #444; font-size: 13px; font-weight: 600; text-transform: uppercase } #header .header-nav-features .header-nav-features-user .header-nav-features-toggle .far { font-size: 15.2px; font-size: .95rem; margin: 0 2px 0 0; position: relative; top: 1px } #header .header-nav-features .header-nav-features-user .header-nav-features-toggle:hover { text-decoration: none } #header .header-nav-features .header-nav-features-user .header-nav-features-dropdown { margin-right: -27px; min-width: 420px; padding: 35px } @media(max-width:767px) { #header .header-nav-features .header-nav-features-user .header-nav-features-dropdown { min-width: 320px } } #header .header-nav-features .header-nav-features-user .actions { padding: 0; margin: 0 } #header .header-nav-features .header-nav-features-user .actions .btn { display: inline-block; min-width: 125px; margin: 5px 0; font-size: 11.2px; font-size: .7rem; padding: 11.2px 16px; padding: .7rem 1rem; text-transform: uppercase; font-weight: 600 } #header .header-nav-features .header-nav-features-user .extra-actions { clear: both; border-top: 1px solid rgba(0,0,0,.08); padding-top: 20px; margin-top: 20px; text-align: center } #header .header-nav-features .header-nav-features-user .extra-actions p { font-size: 12px; font-size: .75rem; margin: 0; padding: 0 } #header .header-nav-features .header-nav-features-user.signin .signin-form { display: block } #header .header-nav-features .header-nav-features-user.signin .signup-form, #header .header-nav-features .header-nav-features-user.signin .recover-form { display: none } #header .header-nav-features .header-nav-features-user.signup .signin-form { display: none } #header .header-nav-features .header-nav-features-user.signup .signup-form { display: block } #header .header-nav-features .header-nav-features-user.signup .recover-form { display: none } #header .header-nav-features .header-nav-features-user.recover .signin-form, #header .header-nav-features .header-nav-features-user.recover .signup-form { display: none } #header .header-nav-features .header-nav-features-user.header-nav-features-user-logged .header-nav-features-dropdown { min-width: 320px } #header .header-nav-features .header-nav-features-search-reveal-container { display: flex; align-items: center; min-height: 42px } #header .header-nav-features .header-nav-features-search-reveal .simple-search { display: none } #header .header-nav-features .header-nav-features-search-reveal .header-nav-features-search-hide-icon { display: none; text-decoration: none } #header .header-nav-features .header-nav-features-search-reveal .header-nav-features-search-show-icon { display: inline-flex; text-decoration: none } #header .header-nav-features .header-nav-features-search-reveal.show .header-nav-features-search-hide-icon { display: inline-flex; margin-left: 10px; align-items: center } #header .header-nav-features .header-nav-features-search-reveal.show .header-nav-features-search-show-icon { display: none } #header .header-nav-features .header-nav-features-search-reveal.show .simple-search { display: inline-flex } #header .header-nav-features .header-nav-features-search-reveal-big-search { display: none; position: absolute; left: 0; top: 0; background: #fff; width: 100%; height: 100%; z-index: 1 } #header .header-nav-features .header-nav-features-search-reveal-big-search .big-search-header { align-items: center } #header .header-nav-features .header-nav-features-search-reveal-big-search .big-search-header input[type=search]::-webkit-search-decoration, #header .header-nav-features .header-nav-features-search-reveal-big-search .big-search-header input[type=search]::-webkit-search-cancel-button, #header .header-nav-features .header-nav-features-search-reveal-big-search .big-search-header input[type=search]::-webkit-search-results-button, #header .header-nav-features .header-nav-features-search-reveal-big-search .big-search-header input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none } #header .header-nav-features .header-nav-features-search-reveal-big-search .form-control { border: 0; background: 0 0; font-size: 22px !important; line-height: 1; border-bottom: 2px solid #ccc; border-radius: 0; box-shadow: none; position: relative; z-index: 1 } #header .header-nav-features .header-nav-features-search-reveal-big-search .header-nav-features-search-hide-icon { position: absolute; right: 0; top: 50%; z-index: 2; display: block; margin-right: 10px; margin-top: -10px } #header .header-nav-features .header-nav-features-search-reveal-big-search .header-nav-features-search-hide-icon i { font-size: 20px } #header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full { position: fixed; z-index: 100000; background: 0 0 } #header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full:before { content: ""; display: block; background: rgba(23,23,23,.95); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } #header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full .form-control { color: #fff } #header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full .header-nav-features-search-hide-icon { position: fixed; top: 25px; right: 20px; margin-top: 0 } #header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full .header-nav-features-search-hide-icon i { color: #fff } #header.search-show .header-nav-features .header-nav-features-search-reveal-big-search { display: flex } #header .header-search { margin-left: 16px; margin-left: 1rem } #header .header-search .form-control { border-radius: 20px; font-size: .9em; height: 34px; margin: 0; padding: 6px 12px; transition: width .3s ease; perspective: 1000px; width: 170px } #header .header-search .btn-light { background: 0 0; border: 0; color: #ccc; position: absolute; right: 0; top: 0; z-index: 3 } #header .header-search .btn-light:hover { color: #000 } @media(max-width:991px) { #header.header-transparent .header-nav-features .header-nav-features-search .header-nav-features-dropdown.show { top: -50px !important; box-shadow: none !important } #header.header-transparent .header-nav-features .header-nav-features-search .header-nav-features-dropdown.show:before { display: none } } #header .header-social-icons { margin-left: 16px; margin-left: 1rem } #header .header-border-left { border-left: 1px solid rgba(0,0,0,.08) } #header .header-border-right { border-right: 1px solid rgba(0,0,0,.08) } #header .header-border-top { border-top: 1px solid rgba(0,0,0,.08) } #header .header-border-bottom { border-bottom: 1px solid rgba(0,0,0,.08) } @media(max-width:991px) { #header .header-mobile-border-top:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid rgba(0,0,0,.08) } } #header .header-btn-collapse-nav { background: #ccc; color: #fff; display: none; float: right; margin: 0 0 0 16px; margin: 0 0 0 1rem } #header.header-narrow .header-body { min-height: 0 } #header.header-narrow .header-logo { margin-top: 0; margin-bottom: 0 } #header.header-narrow .header-nav { padding-top: 0; padding-bottom: 0 } #header.header-no-border-bottom .header-body { padding-bottom: 0 !important; border-bottom: 0 !important } #header.header-no-border-bottom .header-nav.header-nav-links nav > ul > li > a, #header.header-no-border-bottom .header-nav.header-nav-links nav > ul > li:hover > a, #header.header-no-border-bottom .header-nav.header-nav-line nav > ul > li > a, #header.header-no-border-bottom .header-nav.header-nav-line nav > ul > li:hover > a { margin: 0 } #header.header-effect-shrink { transition: ease height 300ms } #header.header-effect-shrink .header-top { transition: ease height 300ms } #header.header-effect-shrink .header-container { min-height: 100px } #header.header-effect-shrink .header-logo { display: flex; align-items: center } #header.header-dark .header-body { background: #212529 } #header.header-dark .header-body .header-nav.header-nav-links-side-header nav > ul > li > a { border-bottom-color: #2a2a2a } @media(max-width:991px) { html.mobile-menu-opened #header .header-body[class*=border-color-] { border-bottom: 1px solid rgba(234,234,234,.5) !important } } html:not(.boxed) #header.header-floating-bar { position: absolute; top: 45px; width: 100% } html:not(.boxed) #header.header-floating-bar .header-body { border: medium; margin: 0 auto; padding: 0; position: relative; width: auto } html:not(.boxed) #header.header-floating-bar .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu { left: 0; right: 0 } @media(max-width:991px) { html:not(.boxed) #header.header-floating-bar { top: 0 } } @media(max-width:991px) { html:not(.boxed):not(.sticky-header-active) #header.header-floating-bar .header-body { margin: 10px } html:not(.boxed):not(.sticky-header-active) #header.header-floating-bar .header-nav-main:before { display: none } } @media(min-width:1200px) { html:not(.sticky-header-active) #header.header-floating-bar .header-body { max-width: 1140px; right: 15px } html:not(.sticky-header-active) #header.header-floating-bar .header-container { padding-right: 0; padding-left: 30px } } html:not(.boxed) #header.header-full-width .header-container { width: 100%; max-width: none } html #header.header-bottom-slider { position: absolute; bottom: 0 } html #header.header-bottom-slider .header-body { border-top: 1px solid rgba(255,255,255,.4) } html #header.header-bottom-slider.header-transparent-light-top-border .header-body { border-top: 1px solid rgba(68,68,68,.4) } html #header.header-bottom-slider.header-transparent-light-top-border-1 .header-body { border-top: 1px solid rgba(68,68,68,.1) } html #header.header-bottom-slider.header-transparent-dark-top-border .header-body { border-top: 1px solid rgba(255,255,255,.4) } html #header.header-bottom-slider.header-transparent-dark-top-border-1 .header-body { border-top: 1px solid rgba(255,255,255,.1) } html.sticky-header-active #header.header-bottom-slider .header-body { border-top-color: transparent } @media(max-width:991px) { html #header.header-bottom-slider .header-nav-main { top: calc(100% + 15px) } html.sticky-header-active #header.header-bottom-slider .header-nav-main { top: 100% } } html #header.header-transparent { min-height: 0 !important; width: 100%; position: absolute } html #header.header-transparent .header-body:not(.header-border-bottom) { border-bottom: 0 } html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body { background-color: transparent !important } html:not(.sticky-header-active) #header.header-semi-transparent-light .header-body { background-color: rgba(255,255,255,.8) !important } html:not(.sticky-header-active) #header.header-semi-transparent-dark .header-body { background-color: rgba(68,68,68,.4) !important } html:not(.sticky-header-active) #header.header-transparent-light-bottom-border .header-body { border-bottom: 1px solid rgba(68,68,68,.4) } html:not(.sticky-header-active) #header.header-transparent-light-bottom-border-1 .header-body { border-bottom: 1px solid rgba(68,68,68,.1) } html:not(.sticky-header-active) #header.header-transparent-dark-bottom-border .header-body { border-bottom: 1px solid rgba(255,255,255,.4) } html:not(.sticky-header-active) #header.header-transparent-dark-bottom-border-1 .header-body { border-bottom: 1px solid rgba(255,255,255,.1) } @media(max-width:991px) { html #header.header-transparent .header-body { overflow: hidden } html #header.header-transparent .header-body.bg-dark .header-nav-main:before, html #header.header-transparent .header-body.bg-color-dark .header-nav-main:before { background-color: #212529 } html #header.header-transparent .header-nav-main:before { width: calc(100% - 30px) } html #header.header-transparent .header-nav-main nav { padding: 0 30px } html.sticky-header-active #header.header-transparent .header-nav-main nav { padding: 0 15px } } html.sticky-header-active #header .header-top.header-top-sticky-remove-bottom-border { border-bottom: 0 } html.sticky-header-active #header .header-body { position: fixed; border-bottom-color: rgba(234,234,234,.5); box-shadow: 0 0 3px rgba(234,234,234,.5) } html.sticky-header-active #header .header-body.header-body-bottom-border { border-bottom: 1px solid rgba(234,234,234,.5) !important } html.sticky-header-active #header.header-effect-shrink .header-body { position: relative } html.sticky-header-active .d-sticky-header-active-none { display: none !important } html.sticky-header-reveal.sticky-header-active #header .header-body { position: fixed; border-bottom: none; width: 100%; max-width: 100% } html.sticky-header-enabled #header .header-logo-sticky-change { position: relative } html.sticky-header-enabled #header .header-logo-sticky-change img { position: absolute; top: 0; left: 0 } html.sticky-header-enabled #header .header-logo-sticky-change .header-logo-non-sticky { opacity: 1 !important } html.sticky-header-enabled #header .header-logo-sticky-change .header-logo-sticky { opacity: 0 !important } html.sticky-header-enabled.sticky-header-active #header .header-logo-sticky-change .header-logo-non-sticky { opacity: 0 !important } html.sticky-header-enabled.sticky-header-active #header .header-logo-sticky-change .header-logo-sticky { opacity: 1 !important } @media(min-width:992px) { html.sticky-header-enabled.sticky-header-active.sticky-header-scroll-direction #header .header-body { transition: all .3s ease; transform: translate3d(0,0,0) } html.sticky-header-enabled.sticky-header-active.sticky-header-scroll-direction.sticky-header-scroll-down #header .header-body { transform: translate3d(0,-100%,0) } } @media(min-width:992px) { #header .header-nav-main { display: flex !important; height: auto !important } #header .header-nav-main nav { display: flex !important } #header .header-nav-main nav > ul > li { height: 100%; align-self: stretch; margin-left: 2px } #header .header-nav-main nav > ul > li > a { display: inline-flex; align-items: center; white-space: normal; border-radius: 4px; color: #ccc; font-size: 13px; font-style: normal; font-weight: 600; padding: .5rem 1rem; letter-spacing: -.5px; text-transform: uppercase; text-decoration: none } #header .header-nav-main nav > ul > li > a:after { display: none } #header .header-nav-main nav > ul > li > a:active { background-color: transparent; text-decoration: none; color: #ccc } #header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down { display: none } #header .header-nav-main nav > ul > li > a.active { background-color: transparent } #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li.accessibility-open > a, #header .header-nav-main nav > ul > li:hover > a { background: #ccc; color: #fff } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { top: -10000px; display: block; opacity: 0; left: auto; border-radius: 0 4px 4px; border: 0; border-top: 3px solid #ccc; box-shadow: 0 15px 30px -5px rgba(0,0,0,.07); margin: 0; min-width: 200px; padding: 5px 0; text-align: left } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { border-bottom: 1px solid #f7f7f7; color: #777; font-size: .83em; font-weight: 400; padding: 6px 18px; position: relative; text-transform: none; text-decoration: none; letter-spacing: -.5px } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.active, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:active { background-color: transparent } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.open > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.accessibility-open > a { background-color: #f8f9fa } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu { position: relative } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down { display: none } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { font-family: 'font awesome 6 free'; content: "\f054"; font-weight: 900; position: absolute; top: 50%; font-size: .5rem; opacity: .7; right: 20px; transform: translateY(-50%); transition: all .2s ease-out } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { left: 100%; display: block; margin-top: -8px; margin-left: -1px; border-radius: 4px; opacity: 0; transform: translate3d(0,0,0) } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > a:after, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.accessibility-open > a:after, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > a:after { opacity: 1; right: 15px } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.accessibility-open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu { top: 0; opacity: 1 } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > a:after { right: 30px; transform: translateY(-50%) rotateY(180deg) } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu { left: auto; right: 100%; transform: translate3d(0,0,0) } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a { border-bottom: 0 } #header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a { border-radius: 4px 4px 0 0; position: relative } #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -3px; border-bottom: 5px solid #ccc } #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { top: auto; display: block; opacity: 1 } #header .header-nav-main nav > ul > li.dropdown.dropdown-reverse > .dropdown-menu { left: auto; right: 0 } #header .header-nav-main nav > ul > li.dropdown-mega { position: static } #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu { border-radius: 4px; left: 12px; right: 12px; width: auto } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content { padding: 1.6rem } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title { color: #333; display: block; font-size: .9em; font-weight: 600; margin-top: 20px; padding-bottom: 10px; text-transform: none; letter-spacing: -.5px } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child { margin-top: 0 } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav { list-style: none; padding: 0; margin: 0 } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a { border: 0; border-radius: 4px; color: #777; display: block; font-size: .83em; font-weight: 400; margin: 0 0 3px -8px; padding: 3px 8px; text-shadow: none; text-transform: none; text-decoration: none } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:active > a, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:focus > a { background: #f7f7f7 } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop > .dropdown-item { padding: .5rem .8rem } #header .header-nav-main nav > ul > li .wrapper-items-cloned i { display: none } #header .header-nav-main.header-nav-main-square nav > ul > li > a { border-radius: 0 !important } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu { border-radius: 0 !important } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { border-radius: 0 !important } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .thumb-info, #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .thumb-info-wrapper { border-radius: 0 !important } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .dropdown-menu { border-radius: 0 !important } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a { border-radius: 0 !important } #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown .dropdown-menu { border-radius: 4px } #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown .dropdown-menu:not(.border-top) { border: 0 !important } #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { margin-top: -5px } #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown.dropdown-mega .dropdown-menu.border-top { margin-top: -2px !important } #header .header-nav-main.header-nav-main-dropdown-border-radius nav > ul > li.dropdown .dropdown-menu { border-radius: 4px !important } #header .header-nav-main.header-nav-main-dropdown-border-radius nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { border-radius: 4px !important } #header .header-nav-main.header-nav-main-dropdown-borders-radius-0 nav > ul > li.dropdown .dropdown-menu { border-radius: 0 !important } #header .header-nav-main.header-nav-main-dropdown-borders-radius-0 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { border-radius: 0 !important } #header .header-nav-main.header-nav-main-font-sm nav > ul > li > a { font-size: .7rem } #header .header-nav-main.header-nav-main-font-md nav > ul > li > a { font-size: 1rem; font-weight: 600; text-transform: none; letter-spacing: -1px } #header .header-nav-main.header-nav-main-font-lg nav > ul > li > a { font-size: 1.1rem; font-weight: 400; text-transform: none; letter-spacing: -1px } #header .header-nav-main.header-nav-main-font-lg-upper nav > ul > li > a { font-size: .95rem; font-weight: 600; text-transform: uppercase; letter-spacing: -1px } #header .header-nav-main.header-nav-main-font-lg-upper-2 nav > ul > li > a { font-size: .82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0 } #header .header-nav-main.header-nav-main-font-alternative nav > ul > li > a { font-family: open sans,sans-serif; font-size: .85rem; font-weight: 600 } #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu { border: 0 !important; padding: 15px 8px; margin-left: -10px } #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li a { border-bottom: 0; background: 0 0 !important; font-size: .85em; transition: all .2s ease-out; left: 0 } #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li a:hover, #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li a:active { left: 5px } #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { margin-top: -15px } #header .header-nav-main.header-nav-main-dropdown-center nav > ul > li.dropdown:not(.dropdown-mega) > .dropdown-menu { transform: translate3d(-50%,10px,0) !important } #header .header-nav-main.header-nav-main-dropdown-center nav > ul > li.dropdown:not(.dropdown-mega):hover > .dropdown-menu { top: 100%; left: 50%; transform: translate3d(-50%,0,0) !important } #header .header-nav-main.header-nav-main-dropdown-center.header-nav-main-dropdown-center-bottom nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -14px !important } #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item { position: relative } #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item:before { content: ''; display: block; position: absolute; top: auto; left: 50%; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; transform: translate3d(-7px,10px,0); bottom: 14px; margin-top: auto; z-index: 1001; opacity: 0; transition: ease transform 300ms } #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -14px !important; box-shadow: 0 10px 30px 10px rgba(0,0,0,.1) } #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-item:before, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-item:before, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-item:before { opacity: 1 !important; transform: translate3d(-7px,0,0) } #header .header-nav-main.header-nav-main-dark nav > ul > li > a { color: #444 } #header .header-nav-main.header-nav-main-slide nav > ul > li > a { background-color: transparent; color: #fff; text-transform: none; font-size: 14px; font-weight: 500; padding: 18px 18px 22px !important; margin: 0 !important; transition: ease transform 300ms; text-decoration: none } } @media(min-width:992px) and (min-width:992px) { #header .header-nav-main.header-nav-main-slide nav > ul > li > a.dropdown-toggle:after { visibility: hidden } } @media(min-width:992px) { #header .header-nav-main.header-nav-main-slide nav > ul > li > a.item-original { display: none } #header .header-nav-main.header-nav-main-slide nav > ul > li > span { display: flex; position: relative; height: 100%; overflow: hidden } #header .header-nav-main.header-nav-main-slide nav > ul > li > span > a { display: flex; align-items: center; white-space: normal; border-radius: 4px; font-size: 13px; font-style: normal; font-weight: 600; letter-spacing: -.5px; text-transform: uppercase; position: relative; background: 0 0 !important; color: #444; padding: 0 .9rem; margin: 1px 0 0; min-height: 60px; height: 100%; text-decoration: none; transition: ease all 300ms; transform: translateY(0%) } #header .header-nav-main.header-nav-main-slide nav > ul > li > span > a.dropdown-toggle:after { display: none } #header .header-nav-main.header-nav-main-slide nav > ul > li > span > a .fa-caret-down { display: none } #header .header-nav-main.header-nav-main-slide nav > ul > li > span > a.active:first-child { transform: translateY(-40%); opacity: 0 } #header .header-nav-main.header-nav-main-slide nav > ul > li > span > a.active.item-two { transform: translateY(0); opacity: 1 } #header .header-nav-main.header-nav-main-slide nav > ul > li > span .item-two { position: absolute; transform: translateY(40%); opacity: 0; width: auto; left: 0 } #header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a:first-child { transform: translateY(-40%); opacity: 0 } #header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span .item-two { transform: translateY(0%); opacity: 1 } #header .header-nav-main.header-nav-main-transition nav > ul > li > a { transition: ease all 300ms } #header .header-nav-main.header-nav-main-text-capitalize nav > ul > li > a { text-transform: capitalize } #header .header-nav-main.header-nav-main-text-size-2 nav > ul > li > a { font-size: 13px; font-weight: 500; letter-spacing: -.3px } #header .header-nav-main.header-nav-main-text-size-3 nav > ul > li > a { font-size: 14px; font-weight: 500; letter-spacing: -.3px } #header .header-nav-main.header-nav-main-text-size-4 nav > ul > li > a { font-size: 15px; font-weight: 600; letter-spacing: -.4px } #header .header-nav-main.header-nav-main-text-size-4 nav > ul > li > a.dropdown-toggle:after { font-size: .75rem } #header .header-nav-main.header-nav-main-text-ls-0 nav > ul > li > a { letter-spacing: 0 } #header .header-nav-main.header-nav-main-text-weight-500 nav > ul > li > a { font-weight: 500 } #header .header-nav-main.header-nav-main-text-weight-600 nav > ul > li > a { font-weight: 600 } #header .header-nav-main.header-nav-main-increase-space-between nav > ul > li > a { padding: 0 1.3rem !important } #header .header-nav-main a > .thumb-info-preview { position: absolute; display: block; left: 100%; opacity: 0; border: 0; padding-left: 10px; background: 0 0; overflow: visible; margin-top: 15px; top: -10000px; transition: transform .2s ease-out,opacity .2s ease-out; transform: translate3d(-20px,0,0) } #header .header-nav-main a > .thumb-info-preview .thumb-info-wrapper { background: #fff; display: block; border-radius: 4px; border: 0; box-shadow: 0 20px 45px rgba(0,0,0,.08); margin: 0; padding: 4px; text-align: left; width: 190px } #header .header-nav-main a > .thumb-info-preview .thumb-info-image { transition: all 6s linear 0s; width: 182px; height: 136px; min-height: 0 } #header .header-nav-main a:hover > .thumb-info-preview { transform: translate3d(0,0,0); top: 0; opacity: 1; margin-top: -5px } #header .header-nav-main .dropdown-reverse a > .thumb-info-preview { transform: translate3d(20px,0,0); right: 100%; left: auto; padding-left: 0; margin-right: 10px } #header .header-nav-main .dropdown-reverse a:hover > .thumb-info-preview { transform: translate3d(0,0,0) } #header .header-nav-bar { z-index: 1 } #header .header-nav-bar.header-nav-bar-top-border { border-top: 1px solid #ededed } #header .header-nav-bar .header-container { min-height: 0; height: auto !important } #header .header-nav-bar .header-container .header-container-md { height: 120px } #header .header-nav-bar .header-nav { min-height: 60px } #header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item:before { bottom: 1px !important; margin-left: 0 } #header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -1px !important } #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li { margin-left: 0; margin-right: 0 } #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item { padding: 0 0 0 2rem !important } #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item:before { bottom: 1px !important; margin-left: 17px } #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -1px !important } #header .header-nav { display: flex; align-items: center; flex-grow: 1; justify-content: flex-end; align-self: stretch } #header .header-nav.header-nav-stripe { padding: 0 } #header .header-nav.header-nav-stripe .header-nav-main { align-self: stretch; margin-top: -1px; min-height: 0 } #header .header-nav.header-nav-stripe nav { display: flex } #header .header-nav.header-nav-stripe nav > ul > li { display: inline-flex; align-self: stretch } #header .header-nav.header-nav-stripe nav > ul > li > a { background: 0 0; padding: 0 .9rem; margin: 1px 0 0; height: 100% } #header .header-nav.header-nav-stripe nav > ul > li > a.active { color: #333; background: 0 0 } #header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.active, #header .header-nav.header-nav-stripe nav > ul > li.open > a, #header .header-nav.header-nav-stripe nav > ul > li.open > a.active, #header .header-nav.header-nav-stripe nav > ul > li.accessibility-open > a, #header .header-nav.header-nav-stripe nav > ul > li.accessibility-open > a.active { color: #fff; padding-bottom: 0 } #header .header-nav.header-nav-stripe nav > ul > li.dropdown.open > a:before, #header .header-nav.header-nav-stripe nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav.header-nav-stripe nav > ul > li.dropdown:hover > a:before { content: none } #header .header-nav.header-nav-stripe nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-stripe nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-stripe nav > ul > li.dropdown:hover > .dropdown-menu { top: 100%; left: 0; margin-top: 1px } #header .header-nav.header-nav-stripe nav > ul > li.dropdown.dropdown-reverse > .dropdown-menu { left: auto } #header .header-nav.header-nav-stripe.header-nav-main-dark nav > ul > li:hover > a { color: #fff !important } #header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active { color: #fff !important } #header .header-nav.header-nav-stripe nav > ul > li:hover > a.active { color: #fff !important } #header .header-nav.header-nav-links, #header .header-nav.header-nav-line { padding: 0 } #header .header-nav.header-nav-links .header-nav-main, #header .header-nav.header-nav-line .header-nav-main { align-self: stretch; min-height: 0; margin-top: 0 } #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a { position: relative; background: 0 0 !important; padding: 0 .9rem; margin: 1px 0 0; min-height: 60px; height: 100% } #header .header-nav.header-nav-links nav > ul > li:hover > a:before, #header .header-nav.header-nav-links nav > ul > li.open > a:before, #header .header-nav.header-nav-links nav > ul > li.accessibility-open > a:before, #header .header-nav.header-nav-line nav > ul > li:hover > a:before, #header .header-nav.header-nav-line nav > ul > li.open > a:before, #header .header-nav.header-nav-line nav > ul > li.accessibility-open > a:before { opacity: 1 } #header .header-nav.header-nav-links nav > ul > li > a.active, #header .header-nav.header-nav-line nav > ul > li > a.active { background: 0 0 } #header .header-nav.header-nav-links nav > ul > li > a.active:before, #header .header-nav.header-nav-line nav > ul > li > a.active:before { opacity: 1 } #header .header-nav.header-nav-links nav > ul > li.dropdown > a:before, #header .header-nav.header-nav-line nav > ul > li.dropdown > a:before { border-bottom: 0 } #header .header-nav.header-nav-links nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-links nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-links nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-line nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-line nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: 0 } #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a { color: #444 } #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a { color: #fff } #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li > a { color: #fff !important } #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li > a.active, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li > a.active { color: #fff !important } #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li:hover > a, #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li:focus > a, #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li:active > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li:hover > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li:focus > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li:active > a { color: #fff !important } #header .header-nav.header-nav-line nav > ul > li > a:before, #header .header-nav.header-nav-line nav > ul > li:hover > a:before { content: ""; position: absolute; background: 0 0; width: auto; height: 3px; top: -2px; left: -1px; right: -1px; opacity: 0 } #header .header-nav.header-nav-line nav > ul > li:hover > a:before { opacity: 1 !important } #header .header-nav.header-nav-line.header-nav-top-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-top-line nav > ul > li:hover > a:before { content: ""; position: absolute; width: 100%; height: 3px; top: -2px; left: 0 } #header .header-nav.header-nav-line.header-nav-top-line.header-nav-top-line-with-border nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-top-line.header-nav-top-line-with-border nav > ul > li:hover > a:before { top: -4px } #header .header-nav.header-nav-line.header-nav-top-line-animated nav > ul > li > a:before { transition: all .3s ease; width: 0%; left: 50% } #header .header-nav.header-nav-line.header-nav-top-line-animated nav > ul > li:hover > a:before { left: 0; width: 100% } #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before { content: ""; position: absolute; width: auto; height: 3px; top: 50%; left: 15px; right: 15px; margin-top: 15px; transform: translateY(-3px) } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-no-transform nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-no-transform nav > ul > li:hover > a:before { margin-top: 12px; transform: none } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-line-under-text nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-line-under-text nav > ul > li:hover > a:before { left: 0; right: 0; height: 7px; margin: 6px 10px 15px; opacity: .3 !important } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a:before { transition: cubic-bezier(.55,0,.1,1) right 300ms; right: 100% } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a.active:before { right: 15px } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li:hover > a:before { right: 15px } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1.header-nav-line-under-text nav > ul > li > a.active:before { right: 0 } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1.header-nav-line-under-text nav > ul > li:hover > a:before { right: 0 } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul > li:hover > a { color: #fff !important } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul:not(:hover) li > a.active { color: #fff !important } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-dark nav > ul > li:hover > a { color: #444 !important } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-dark nav > ul:not(:hover) li > a.active { color: #444 !important } #header .header-nav.header-nav-no-space-dropdown nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-no-space-dropdown nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-no-space-dropdown nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -1px } #header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li > a, #header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li .wrapper-items-cloned > a { color: #fff !important } #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul > li:hover > a, #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a { color: #333 !important } #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul:not(:hover) > li > a.active, #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active { color: #333 !important } #header .header-nav.header-nav-icons nav > ul > li > a [class*=fa-], #header .header-nav.header-nav-icons nav > ul > li > a .icons { font-size: 1.1rem; margin-right: .28rem; margin-top: .1rem } #header .header-nav.header-nav-divisor nav > ul > li { margin: 0 } #header .header-nav.header-nav-divisor nav > ul > li > a { border-right: 1px solid rgba(0,0,0,.07) } #header .header-nav.header-nav-divisor nav > ul > li:last-child > a { border-right: 0 } #header .header-nav.header-nav-spaced nav > ul > li > a { margin: 0 !important; padding-right: 1.5rem !important; padding-left: 1.5rem !important } #header .header-nav.header-nav-first-item-no-padding nav > ul > li:first-child > a { padding-left: 0 !important } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown > a:before { border-bottom: 0 } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown li a { border-bottom-color: #2a2a2a } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu { background: #1e1e1e; margin-top: 0 } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li > a { color: #adadad } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:hover > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:focus > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:active > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.active > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.open > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.accessibility-open > a { background: #282828; color: #fff } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-title { color: #fff } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li > a { color: #adadad } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:hover > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:focus > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:active > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li.active > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li.open > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li.accessibility-open > a { color: #fff; background: #282828 } #header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a { position: relative; flex-direction: column; align-items: flex-start; justify-content: center; padding-right: 0; padding-left: 0; margin-left: .7rem; margin-right: .7rem } #header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a > span, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a > span { font-size: .9em; text-transform: none; font-weight: 400; margin-top: .3rem } #header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a > span { margin-top: -.5rem } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a { transition: ease padding-bottom 300ms } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a.active { padding-bottom: 15px } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a.active > span { top: 60%; left: 0; opacity: 1 } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a > span { position: absolute; top: 50%; left: 0; margin-top: 0; opacity: 0; transform: translate3d(0,-50%,0); transition: ease opacity 200ms,ease top 300ms } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:hover > a, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:focus > a { padding-bottom: 15px } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:hover > a > span, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:focus > a > span { top: 60%; left: 0; opacity: 1 } #header .header-nav.header-nav-links-side-header nav > ul > li > a { padding: 10px 15px !important; min-height: 0 !important; border-bottom: 1px solid rgba(0,0,0,.05); border-radius: 0 } #header .header-nav.header-nav-links-side-header nav > ul > li:last-child > a { border-bottom: 0 } #header .header-nav.header-nav-links-side-header nav > ul > li.dropdown { position: static } #header .header-nav.header-nav-links-side-header nav > ul > li.dropdown > .dropdown-item { position: relative } #header .header-nav.header-nav-links-side-header nav > ul > li.dropdown > .dropdown-item:before { font-family: 'font awesome 6 free'; content: "\f054" !important; font-weight: 900; position: absolute; top: 50%; font-size: .5rem; opacity: .7 !important; left: auto; right: 20px; transform: translateY(-50%); transition: all .2s ease-out; display: block !important } #header .header-nav.header-nav-links-side-header nav > ul > li.dropdown:hover > .dropdown-item:before { right: 15px; opacity: 1 !important } #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown .dropdown-menu, #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown li.dropdown-submenu > .dropdown-menu { transition: opacity .2s ease-out } #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown:hover:not(.open) .dropdown-menu { top: -10000px; opacity: 0 } #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown > .dropdown-toggle > .fa-chevron-down { display: block; opacity: 0; position: absolute; right: 12px } #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown.open .dropdown-menu > li.dropdown-submenu:hover:not(.open) .dropdown-menu { top: -10000px; opacity: 0 } } @media(min-width:992px) { #header .header-nav-main-arrows nav > ul > li > a.dropdown-toggle:after { display: inline-block; font-family: 'font awesome 6 free'; content: "\f078"; font-weight: 900; border: 0; width: auto; height: auto; margin: 0; padding: 0 0 0 4px; font-size: .6rem } } @media(min-width:992px) { #header .header-nav-main-full-width-mega-menu nav > ul > li.dropdown-mega > .dropdown-menu, #header .header-nav-main-full-width-mega-menu.header-nav-main-dropdown-border-radius nav > ul > li.dropdown-mega > .dropdown-menu { left: 0 !important; right: 0 !important; border-radius: 0 !important } } @media(min-width:992px) { #header .header-nav-main-mega-menu-bg-hover .dropdown-mega:before { content: ""; display: block; background: #fff; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: -1; opacity: 0; transition: ease opacity 400ms } #header .header-nav-main-mega-menu-bg-hover .dropdown-mega:hover:before { opacity: 1 } } @media(min-width:992px) { #header .header-nav-main-dark-text nav > .nav-pills > li > a { color: #333 } } @media(min-width:992px) { html #header .header-nav-main nav > ul > li.dropdown-full-color .dropdown-menu { border-top: 0 } html #header .header-nav-main nav > ul > li.dropdown-full-color .dropdown-menu li.dropdown-submenu > .dropdown-menu { margin-top: -5px } } @media(min-width:992px) { #header .header-nav-main-rounded nav > .nav-pills > li > a { justify-content: center; align-self: center; border-radius: 1.5rem } #header .header-nav-main-rounded nav > .nav-pills > li > a:before { display: none !important } #header .header-nav-main-rounded nav > ul > li.dropdown.open > a, #header .header-nav-main-rounded nav > ul > li.dropdown.accessibility-open > a, #header .header-nav-main-rounded nav > ul > li.dropdown:hover > a { border-radius: 1.5rem } #header .header-nav-main-rounded nav > ul > li.dropdown .dropdown-menu { border-radius: 4px } } @media(min-width:992px) { #header .header-nav-stretch { padding-top: 0; padding-bottom: 0 } #header .header-nav-stretch .header-nav-main { align-self: stretch } #header .header-nav-stretch nav > ul > li { display: inline-flex; align-self: stretch } #header .header-nav-stretch nav > ul > li.dropdown.open > a:before, #header .header-nav-stretch nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav-stretch nav > ul > li.dropdown:hover > a:before { content: none } #header .header-nav-stretch nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-stretch nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-stretch nav > ul > li.dropdown:hover > .dropdown-menu { top: 100%; left: 0; margin-top: -1px } } @media(min-width:992px) { #header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dropdowns-dark nav > ul > li > a, #header.header-narrow .header-nav.header-nav-links nav > ul > li > a, #header.header-narrow .header-nav.header-nav-line nav > ul > li > a { min-height: 60px } } @media(min-width:992px) { html.side-header #header.side-header .side-header-scrollable, html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable { height: 100%; margin-right: -13px } html.side-header #header.side-header .side-header-scrollable .scrollable-content, html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable .scrollable-content { padding-right: 10px; padding-left: 0 } html.side-header #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down, html.side-header-hamburguer-sidebar #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down { display: block; position: absolute; right: 7px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; transform: rotate(-90deg); font-size: .5rem } html.side-header #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down:before { content: none } html.side-header #header.side-header .header-nav nav, html.side-header-hamburguer-sidebar #header.side-header .header-nav nav { display: block !important } html.side-header #header.side-header .header-nav.header-nav-links-vertical-dropdown nav > ul > li.dropdown, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-dropdown nav > ul > li.dropdown { position: relative } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:before { top: 23px; right: 20px } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown > .dropdown-menu li a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown > .dropdown-menu li a { border: 0 } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:not(.open) .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:not(.open) .dropdown-menu { overflow: hidden; opacity: 0; width: 0; height: 0; top: -10000px } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu, html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu { position: relative; box-shadow: none; margin: 0; padding: 5px 0 5px 15px; left: auto; right: auto; transform: none; min-width: auto; width: 100%; opacity: 1 !important } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > a:after, html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > a:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > a:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > a:after { right: 20px } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-menu { min-width: 0 } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content { padding: 5px 0 5px 15px } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content [class*=col], html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content [class*=col] { max-width: 100%; width: 100%; display: block; padding: 5px 0; flex: none } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-title, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-title { padding-left: 15px; font-size: .75em } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-nav, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-nav { padding-left: 30px } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand .thumb-info-preview, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand .thumb-info-preview { display: none } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns { position: relative } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav { margin-top: -10px } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown { position: static } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu { box-shadow: none; top: 50% !important; transform: translateY(-50%); left: 10000px; margin-left: -15px; margin-top: 10px; opacity: 0; transition: margin-left .2s ease-out,opacity .2s ease-out } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu:before { content: ''; display: block; position: absolute; top: -100vh; width: 100%; height: 100%; background: #fcfcfc; border-right: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; height: 200vh } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu { position: static } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { margin-left: 0; left: 100%; right: auto; margin-left: -15px; opacity: 0; transition: margin-left .2s ease-out,opacity .2s ease-out; transform: translate3d(10000px,0,0) } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu:before { border-left: 0 } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu { right: auto; opacity: 1; margin-left: 0; transform: translateY(-50%) } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu { left: auto } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > .dropdown-menu { right: 100% } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown:hover > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown:hover > .dropdown-menu { margin-left: 0; margin-top: 0; padding-top: 0; opacity: 1 } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown-mega, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown-mega { position: static !important } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns .thumb-info-preview, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns .thumb-info-preview { display: none } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide { height: 100%; justify-content: center } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide .header-nav-main, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide .header-nav-main { height: 100% !important } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul { height: 100%; justify-content: center } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul > li, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul > li { height: auto } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul { transform: translate3d(0,0,0); transition: ease all 300ms } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul.next-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul.next-menu { transform: translate3d(-100%,0,0) } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle, html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item { display: inline-block } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:before, html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:before { display: none !important } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:after, html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after { font-family: 'font awesome 6 free'; content: "\f054"; font-weight: 900; position: relative; font-size: .5rem; opacity: .7; display: inline-block; border: 0; top: 1px; left: 5px; transform: none } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:hover:after, html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:hover:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:hover:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:hover:after { -webkit-animation: sideMenuArrow 600ms ease; animation: sideMenuArrow 600ms ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item { background: 0 0 } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after { top: -1px; margin-left: 5px; transform: none } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li a { background: 0 0 } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li { position: static; text-align: center } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li a { display: inline-block; width: 100% } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul { visibility: hidden } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul.visible, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul.visible { visibility: visible } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a { cursor: pointer; background: 0 0 } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:before { font-family: 'font awesome 6 free'; content: "\f053"; font-weight: 900; position: relative; font-size: .5rem; opacity: .7; display: inline-block; border: 0; top: -1px; right: 5px } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:hover:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:hover:before { -webkit-animation: sideMenuArrowBack 600ms ease; animation: sideMenuArrowBack 600ms ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; top: 50% !important; left: 100%; padding: 0; margin: 0 !important; opacity: 1; border-top: none; box-shadow: none; transform: translate3d(0,-50%,0) !important } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar { width: 5px } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb { border-radius: 0; background: rgba(204,204,204,.5) } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu.next-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu.next-menu { transform: translate3d(-100%,-50%,0) !important } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu li.dropdown-submenu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu li.dropdown-submenu { position: static } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown-submenu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown-submenu { position: static } } #header.header-floating-icons .nav { flex-direction: column } #header.header-floating-icons .header-nav-main nav > ul > li { flex: 0 0 auto; margin-left: 0 } #header.header-floating-icons .header-nav-main nav > ul > li > a > i { pointer-events: none } #header.header-floating-icons .header-nav-main nav > ul > li > a.active { background: #fff !important } #header.header-floating-icons .header-nav-main nav > ul > li > a.active:after { background: #fff } #header.header-floating-icons .header-nav-main nav > ul > li.open > a:after, #header.header-floating-icons .header-nav-main nav > ul > li.accessibility-open > a:after, #header.header-floating-icons .header-nav-main nav > ul > li.active > a:after, #header.header-floating-icons .header-nav-main nav > ul > li:hover > a:after, #header.header-floating-icons .header-nav-main nav > ul > li:active > a:after, #header.header-floating-icons .header-nav-main nav > ul > li:focus > a:after { background: #fff } @media(min-width:992px) { #header.header-floating-icons { background: 0 0; height: 0; min-height: 0 !important } #header.header-floating-icons .header-nav-main nav > ul > li { height: auto } #header.header-floating-icons .header-row { display: block; position: absolute; top: 12px; left: -60px } #header.header-floating-icons .header-body { position: fixed; top: 0; left: 0; background: 0 0; min-height: 0; padding: 0; border: none } #header.header-floating-icons .header-nav { padding: 0 !important } #header.header-floating-icons .header-nav-main { margin: 0; box-shadow: 0 0 80px 0 rgba(62,62,62,.3) } #header.header-floating-icons .header-nav-main nav > ul > li { border-bottom: 1px solid #ccc } #header.header-floating-icons .header-nav-main nav > ul > li:hover > a { background: #fff } #header.header-floating-icons .header-nav-main nav > ul > li:hover > a > span { opacity: 1; transform: rotateY(0deg) } #header.header-floating-icons .header-nav-main nav > ul > li > a { font-size: 25px; padding: 18px; perspective: 770px; background: #f7f7f7; border-radius: 0; transform: translateZ(0) } #header.header-floating-icons .header-nav-main nav > ul > li > a:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 102%; z-index: -1 } #header.header-floating-icons .header-nav-main nav > ul > li > a > span { opacity: 0; position: absolute; top: 0; left: 125.5%; background: #fff; padding: 0 25px; height: 100%; line-height: 4.1; white-space: nowrap; font-size: 14px; z-index: -2; transition: ease transform 300ms; box-shadow: 0 0 80px 0 rgba(62,62,62,.15); transform-origin: -19% 0%; transform: rotateY(88deg) } #header.header-floating-icons .header-nav-main nav > ul > li > a > span:before { content: ''; display: block; position: absolute; top: 50%; left: -4px; padding: 10px; background: #fff; z-index: -1; transform: translate(0,-50%) rotate(45deg) } } @media(min-width:992px) and (max-width:1281px) { #header.header-floating-icons .header-row { left: -19px } #header.header-floating-icons .header-nav-main nav > ul > li > a { padding: 9.8px; perspective: 450px } #header.header-floating-icons .header-nav-main nav > ul > li > a > span { line-height: 3 } } @media(max-width:991px) { #header.header-floating-icons { position: fixed; top: 23px; right: 10px } #header.header-floating-icons .header-body { background: 0 0; border: none; min-height: 0 } #header.header-floating-icons .header-btn-collapse-nav { padding: 15px 20px; margin: 0 } #header.header-floating-icons .header-nav-main { position: absolute; right: 0; top: 77px; max-width: 53px; overflow: hidden; box-shadow: 0 0 15px 0 rgba(62,62,62,.2) } #header.header-floating-icons .header-nav-main:before { content: none } #header.header-floating-icons .header-nav-main nav { padding: 0; margin: 0 !important; max-height: none } #header.header-floating-icons .header-nav-main nav > ul { display: block; padding: 0 } #header.header-floating-icons .header-nav-main nav > ul > li { display: inline-block; border: none } #header.header-floating-icons .header-nav-main nav > ul > li > a { font-size: 1.7em; margin: 0; padding: 15px; background: #f7f7f7; border-radius: 0; border-bottom: 1px solid #e2e2e2 } #header.header-floating-icons .header-nav-main nav > ul > li > a > span { display: none } #header.header-floating-icons .header-nav-main nav > ul > li:last-child > a { border-bottom: 0 } } @media(min-width:992px) { #header .header-nav-main.header-nav-main-light nav > ul > li > a { color: #fff } #header .header-nav-main.header-nav-main-light nav > ul > li > a.active { color: #ccc; background: #fff } #header .header-nav-main.header-nav-main-light nav > ul > li.open > a, #header .header-nav-main.header-nav-main-light nav > ul > li.accessibility-open > a, #header .header-nav-main.header-nav-main-light nav > ul > li.active > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a { background: #fff } #header .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.accessibility-open > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.active > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu { border-top-color: #fff; box-shadow: 0 20px 25px rgba(0,0,0,.05) } #header .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.accessibility-open > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.active > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu { border-top-color: #fff } #header .header-nav-main.header-nav-main-light nav > ul > li.active > a { background: #fff } #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown.open > a:before, #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown:hover > a:before { border-bottom-color: #fff } #header .header-nav-main.header-nav-main-light .dropdown-menu > li > a:hover, #header .header-nav-main.header-nav-main-light .dropdown-menu > li > a:focus { background: #f5f5f5 } } @media(min-width:992px) { #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-mega-sub-nav li a { transition: transform .2s ease-out; transform: translate3d(0,-5px,0) } #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover .dropdown-mega-sub-nav li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.open .dropdown-mega-sub-nav li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open .dropdown-mega-sub-nav li a { transform: translate3d(0,0,0) } #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu { transition: transform .2s ease-out; transform: translate3d(0,-5px,0) } #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0,2px,0) } #header .header-nav.header-nav-stripe .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-stripe .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-stripe .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-links .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-links .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-links .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-line .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-line .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-line .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-dropdowns-dark .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-dropdowns-dark .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-dropdowns-dark .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0,0,0) } } @media(min-width:992px) { #header .header-nav-main-effect-2 nav > ul > li.dropdown .dropdown-menu { transition: opacity .2s ease-out; opacity: 0 } #header .header-nav-main-effect-2 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-2 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-2 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { opacity: 1 } } @media(min-width:992px) { #header .header-nav-main-effect-3 nav > ul > li.dropdown .dropdown-menu { transition: transform .2s ease-out; transform: translate3d(0,10px,0) } #header .header-nav-main-effect-3 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-3 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-3 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0,0,0) } } @media(min-width:992px) { #header .header-nav-main-effect-4 nav > ul > li.dropdown .dropdown-menu { transition: transform .2s ease-out; transform: translate3d(-10px,0,0) } #header .header-nav-main-effect-4 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-4 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-4 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0,0,0) } } @media(min-width:992px) { #header .header-nav-main-effect-5 nav > ul > li.dropdown .dropdown-menu { transition: transform .2s ease-out; transform: translate3d(0,-10px,0) } #header .header-nav-main-effect-5 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-5 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-5 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0,0,0) } } @media(min-width:992px) { #header .header-nav-main-effect-6 nav > ul > li.dropdown .dropdown-menu { transition: transform .2s ease-out; transform: translate3d(10px,0,0) } #header .header-nav-main-effect-6 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-6 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-6 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0,0,0) } } @media(min-width:992px) { #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { transition: transform .2s ease-out,opacity .2s ease-out; transform: translate3d(-10px,0,0); opacity: 0 } #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.accessibility-open > .dropdown-menu { transform: translate3d(0,0,0); opacity: 1 } #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu { transition: transform .2s ease-out,opacity .2s ease-out; transform: translate3d(10px,0,0); left: auto; right: 100%; opacity: 0 } #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse.open > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse.accessibility-open > .dropdown-menu { transform: translate3d(0,0,0); opacity: 1 } } @media(max-width:991px) { #header .header-nav-main { position: absolute; background: 0 0; width: 100%; top: 100%; left: 50%; transform: translate3d(-50%,0,0) } #header .header-nav-main:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; background: #fff; z-index: -1; transform: translateX(-50%) } #header .header-nav-main nav { max-height: 50vh; overflow: hidden; overflow-y: auto; padding: 0 15px; transition: ease all 500ms } #header .header-nav-main nav.collapsing { overflow-y: hidden } #header .header-nav-main nav::-webkit-scrollbar { width: 5px } #header .header-nav-main nav::-webkit-scrollbar-thumb { border-radius: 0; background: rgba(204,204,204,.5) } #header .header-nav-main nav > ul { padding-top: 15px; padding-bottom: 15px; flex-direction: column } #header .header-nav-main nav > ul li { border-bottom: 1px solid #e8e8e8; clear: both; display: block; float: none; margin: 0; padding: 0; position: relative } #header .header-nav-main nav > ul li a { font-size: 13px; font-style: normal; line-height: 20px; padding: 7px 8px; margin: 1px 0; border-radius: 4px; text-align: left } #header .header-nav-main nav > ul li a .fa-caret-down { line-height: 35px; min-height: 38px; min-width: 30px; position: absolute; right: 5px; text-align: center; top: 0 } #header .header-nav-main nav > ul li a.dropdown-toggle { position: relative } #header .header-nav-main nav > ul li a.dropdown-toggle:after { content: none } #header .header-nav-main nav > ul li a.dropdown-toggle .fa-chevron-down { position: absolute; top: 0; right: 0; width: 30px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: .6rem } #header .header-nav-main nav > ul li a:active { background-color: #f8f9fa; color: inherit } #header .header-nav-main nav > ul li.dropdown > a.active { margin-top: -1px; margin-bottom: -1px } #header .header-nav-main nav > ul li.dropdown .dropdown-menu { background: 0 0; padding: 0; margin: 0; font-size: 13px; box-shadow: none; border-radius: 0; border: 0; clear: both; display: none; float: none; position: static } #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a { position: relative } #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a:after { content: none } #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down { position: absolute; top: 0; right: 0; width: 30px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: .6rem } #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu { display: block; margin-left: 20px } #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu { display: block; margin-left: 20px } #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title { margin-top: 10px; display: block; text-align: left } #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav { margin: 0 0 0 20px; padding: 0; list-style: none } #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav > li > a { display: block; text-decoration: none } #header .header-nav-main nav > ul li:last-child { border-bottom: 0 } #header .header-nav-main nav > ul > li > a { text-transform: uppercase; font-weight: 700; margin-top: 1px; margin-bottom: 1px; color: #ccc } #header .header-nav-main nav > ul > li > a:active { color: #ccc } #header .header-nav-main nav > ul > li > a.active { color: #fff !important; background: #ccc } #header .header-nav-main nav > ul > li > a.active:focus, #header .header-nav-main nav > ul > li > a.active:hover { color: #fff; background: #ccc } #header .header-nav-main nav .not-included { margin: 0 } #header .header-nav-main a > .thumb-info-preview { display: none !important } #header .header-nav-main.header-nav-main-square nav > ul > li a { border-radius: 0 !important } #header .header-nav-main.header-nav-main-slide .wrapper-items-cloned { display: none } #header .header-nav-bar .header-container { min-height: 0; height: auto !important } #header .header-nav-bar .header-nav { min-height: 60px !important; padding: 0 } #header .header-btn-collapse-nav { outline: 0; display: block; position: relative; z-index: 1 } #header .header-nav.header-nav-stripe { min-height: 90px } #header .header-nav.header-nav-links, #header .header-nav.header-nav-line { min-height: 70px } #header .header-nav.header-nav-dropdowns-dark { min-height: 70px } #header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a > span, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a > span { display: block; text-transform: none; font-weight: 400 } } @media(max-width:991px) { #header .header-nav-main.header-nav-main-mobile-dark:before { background-color: #212529 } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a { color: #dedede } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { color: #fff } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a { color: #969696 } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a.active { color: #fff } #header .header-nav-main.header-nav-main-mobile-dark nav > ul li { border-bottom: 1px solid #3e3e3e } #header .header-nav-main.header-nav-main-mobile-dark nav > ul li:last-child { border-bottom: 0 } #header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:hover, #header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:focus, #header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:active { background-color: #2b2b2b } #header .header-nav-main.header-nav-main-mobile-dark nav > ul li.dropdown-mega .dropdown-mega-sub-title { color: #eaeaea } } @media(max-width:991px) { #header .header-nav-main.header-nav-main-dark-text nav > ul > li > a { color: #333 } #header .header-nav-main.header-nav-main-dark-text nav > ul > li > a.active { color: #fff } } @media(max-width:991px) { html.side-header #header.side-header .side-header-scrollable { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible } html.side-header #header.side-header .side-header-scrollable .scrollable-content { right: 0 !important; overflow: visible } html.side-header #header.side-header .side-header-scrollable .scrollable-pane { display: none !important } } @media(max-width:991px) { html.side-header-hamburguer-sidebar #header.side-header .header-row-side-header { width: 100% } html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable { height: 100% } html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable .scrollable-content { right: 0 !important; padding-right: 10px; padding-left: 10px; overflow-y: hidden } html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable .scrollable-pane { display: none !important } html.side-header-hamburguer-sidebar #header.side-header .header-nav { height: 100% } html.side-header-hamburguer-sidebar #header.side-header .header-nav .header-nav-main { position: relative; top: 0; left: 0; transform: none } html.side-header-hamburguer-sidebar #header.side-header .header-nav nav { display: block !important; max-height: 69vh; padding: 0 8px 0 0 } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links { width: 100%; padding: 0; overflow: hidden } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main { align-self: stretch; min-height: 0; margin-top: 0 } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a { color: #dedede !important; border-bottom-color: #3e3e3e } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { color: #fff !important } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a { color: #969696 } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a.active { color: #fff } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li { border-bottom-color: #3e3e3e } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li a:hover, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li a:focus, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li a:active { background-color: #2b2b2b } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a { position: relative; background: 0 0 !important; color: #444 !important; padding: 0 .9rem; margin: 1px 0 0; min-height: 70px; height: 100% } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.dropdown-toggle:after { content: none } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.active { color: #ccc; background: 0 0 } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: 0 } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul li { border-bottom: 0 } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul li a { color: #444; font-size: 12px } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-side-header nav > ul > li > a { padding: 10px 15px !important; min-height: 0 !important; border-bottom: 1px solid #f7f7f7; border-radius: 0 } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-side-header nav > ul > li:last-child > a { border-bottom: 0 } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-side-header nav > ul > li.dropdown { position: static } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown > .dropdown-menu li a { border: 0 } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:not(.open) .dropdown-menu { overflow: hidden; opacity: 0; width: 0; height: 0; top: -10000px } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu { position: relative; box-shadow: none; margin: 0; padding: 5px 0 5px 15px; top: auto; left: auto; right: auto; transform: none; min-width: auto; width: 100%; opacity: 1 !important } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-menu { min-width: 0 } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content { padding: 5px 0 5px 15px } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content [class*=col] { max-width: 100%; display: block; padding: 5px 0; flex: none } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-title { margin-top: 0; padding-left: 15px; color: #333; font-size: .85em; font-weight: 600; text-transform: uppercase; letter-spacing: -.5px } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-nav { padding-left: 10px } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand .thumb-info-preview { display: none } } @media(min-width:992px) { #header .header-body:not(.h-100) { height: auto !important } } @media(max-width:991px) { #header .header-logo img { z-index: 1 } #header .header-nav { display: flex; align-items: center } #header.header-narrow .header-nav.header-nav-stripe { min-height: 70px } } body[data-plugin-section-scroll] #header .header-body { background: 0 0 } html[dir=rtl] #header .header-search .btn-light { right: -35px } @media(max-width:991px) { html.safari #header .header-body { overflow: visible !important } } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu { width: 40%; right: 15px; left: auto; border-radius: 6px 0 6px 6px } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table { width: 100%; margin-top: 0 } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a { background-color: transparent !important; color: #333; padding: 0; margin: 0; display: block } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a.remove { float: right } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a:hover { text-decoration: none } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .fa-shopping-cart { margin-right: 5px } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .product-thumbnail { width: 120px } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .product-actions { text-align: right; width: 80px } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .actions-continue { margin-top: 10px; padding-top: 20px; border-top: 1px solid #ddd; clear: both } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .actions-continue .btn { margin-bottom: 10px } @media(max-width:991px) { #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu { margin: 15px 0; padding: 0 15px; width: 100% } } @media(min-width:992px) { html.side-header .main .container, html.side-header #footer .container { padding: 0 35px; width: auto !important; max-width: 1210px } html.side-header:not(.side-header-above) body > .body { margin: 0 0 0 255px; width: auto; overflow-x: hidden; overflow-y: visible } html.side-header:not(.side-header-above) body > .body .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper { width: 100% !important; left: auto !important } html.side-header.side-header-above #header.side-header { transition: cubic-bezier(.55,0,.1,1) transform 300ms } } @media(min-width:992px) and (min-width:1200px) { html.side-header.side-header-change-container .main .container, html.side-header.side-header-change-container #footer .container { transform: translateX(125px) } } @media(min-width:992px) and (max-width:1440px) { html.side-header.side-header-change-container .main .container, html.side-header.side-header-change-container #footer .container { max-width: 960px } } @media(min-width:992px) and (min-width:1200px) { html.side-header.side-header-change-container .home-concept { transform: translateX(125px) } html.side-header.side-header-change-container .home-concept .container { transform: translateX(0) } } @media(min-width:992px) and (min-width:1200px) and (max-width:1440px) { html.side-header.side-header-change-container .home-concept .container > .row { margin-left: -6rem } } @media(min-width:992px) and (min-width:1200px) { html.side-header.side-header-change-container.side-header-right .main .container, html.side-header.side-header-change-container.side-header-right #footer .container { transform: translateX(-125px) } } @media(min-width:992px) and (min-width:1200px) { html.side-header.side-header-change-container.side-header-right .home-concept { transform: translateX(-125px) } } @media(min-width:992px) and (min-width:1200px) and (max-width:1440px) { html.side-header.side-header-change-container.side-header-right .home-concept .container > .row { margin-left: -6rem } } @media(min-width:992px) { html.side-header #header.side-header { position: fixed; box-shadow: 0 0 30px rgba(0,0,0,.05); top: 0; left: 0; max-width: 255px; width: 100%; height: 100%; transform: translateX(0); transition: cubic-bezier(.55,0,.1,1) transform 300ms } html.side-header #header.side-header:not(.header-transparent) { background: #fff } html.side-header #header.side-header.side-header-lg { max-width: 355px } html.side-header #header.side-header.side-header-hide { transform: translateX(100%) } html.side-header #header.side-header .header-body { border-top: 0 } html.side-header #header.side-header .header-container { width: 100% } html.side-header #header.side-header .header-row { flex-direction: column } html.side-header #header.side-header .header-search { width: 100%; margin: .7rem 0 } html.side-header #header.side-header .header-nav-top .nav > li > a, html.side-header #header.side-header .header-nav-top .nav > li > span { display: block } html.side-header #header.side-header .header-logo { margin: 2rem 0 } html.side-header #header.side-header .header-nav { flex-direction: column } html.side-header #header.side-header .header-nav.header-nav-links nav > ul > li > a { height: auto } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand .header-nav-main { overflow: hidden } html.side-header #header.side-header .header-nav-main, html.side-header #header.side-header .header-nav-main nav, html.side-header #header.side-header .header-nav-main .nav { width: 100% } html.side-header #header.side-header .nav { flex-direction: column; width: 100% } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle:after { content: ""; border-color: transparent transparent transparent #ccc; position: absolute; right: 15px; top: 50%; border-top: .3em solid; border-bottom: .3em solid transparent; border-left: .3em solid transparent; border-right: 0; transform: translate3d(0,-50%,0) } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { top: 3px; left: 100%; border-top: 0; border-left: 5px solid #ccc; margin-left: -5px } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown li.dropdown-submenu:hover > .dropdown-menu { margin-top: -5px; border-top: 0 } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.open > a, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.accessibility-open > a, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown:hover > a { padding-bottom: .5rem } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.open > a:before, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.accessibility-open > a:before, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown:hover > a:before { content: none } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown-mega { position: relative !important } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown-mega .dropdown-menu { min-width: 720px } html.side-header #header.side-header .header-nav-main nav > ul > li { margin-top: 1px } html.side-header #header.side-header .header-nav-main nav > ul > li > a { display: flex } html.side-header #header.side-header .header-nav-main nav > ul > li .dropdown-menu.dropdown-reverse li a { padding-right: 8px; padding-left: 20px } html.side-header #header.side-header .header-nav-main nav > ul > li .dropdown-menu.dropdown-reverse li.dropdown-submenu > a:after { border-width: 4px 4px 4px 0 } html.side-header-right:not(.side-header-above) body > .body { margin: 0 255px 0 0 } html.side-header-right #header.side-header { left: auto; right: 0 } html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle { padding-right: 0; padding-left: 30px } html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle:after { left: 15px; right: auto; border-right: .3em solid transparent; border-left: 0 } html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { display: flex; justify-content: center; flex-direction: column; right: 100%; left: auto; border-right: 5px solid #ccc; border-left: 0; margin-left: 0; margin-right: -5px; border-radius: 4px 0 0 4px; opacity: 1 } html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand).header-nav-links-vertical-columns .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand).header-nav-links-vertical-columns .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand).header-nav-links-vertical-columns .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { height: 100vh } html.side-header-right #header.side-header.side-header-hide { transform: translateX(-100%) } html.side-header-right.side-header-right-no-reverse #header.side-header .header-nav:not(.header-nav-links-vertical-slide) .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a { padding-left: 25px } html.side-header-right.side-header-right-no-reverse #header.side-header .header-nav:not(.header-nav-links-vertical-slide) .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { left: initial; right: 20px } html.side-header-semi-transparent body > .body { margin: 0 } html.side-header-semi-transparent #header.side-header { background: rgba(0,0,0,.3) } html.side-header-semi-transparent #header.side-header .header-body { background: 0 0 !important } } @media(min-width:1200px) { html.side-header.side-header-hide #header.side-header { left: 0; transform: translateX(0) } html.side-header.side-header-right.side-header-hide #header.side-header { left: auto; right: 0; transform: translateX(0) } } @media(max-width:991px) { html.side-header #header.side-header .header-container { height: auto !important } } @media(max-height:768px) { html.side-header #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { top: auto } } html.side-header-hamburguer-sidebar .main .container, html.side-header-hamburguer-sidebar #footer .container { padding: 0 35px; width: auto !important; max-width: 1210px } html.side-header-hamburguer-sidebar:not(.side-header-above) body > .body { margin: 0 0 0 255px; width: auto; overflow-x: hidden; overflow-y: visible } html.side-header-hamburguer-sidebar:not(.side-header-above) body > .body .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper { width: 100% !important; left: auto !important } html.side-header-hamburguer-sidebar.side-header-above #header.side-header { transition: cubic-bezier(.55,0,.1,1) transform 300ms } html.side-header-hamburguer-sidebar #header.side-header { background: #fff; position: fixed; box-shadow: 0 0 30px rgba(0,0,0,.05); top: 0; left: 0; max-width: 255px; width: 100%; height: 100%; transform: translateX(0); z-index: 9991 } html.side-header-hamburguer-sidebar #header.side-header.side-header-lg { max-width: 355px } html.side-header-hamburguer-sidebar #header.side-header.side-header-hide { transform: translateX(-100%) } html.side-header-hamburguer-sidebar #header.side-header.header-transparent { background: 0 0 } html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable { height: 100% } html.side-header-hamburguer-sidebar #header.side-header .header-body { border-top: 0; height: 100% !important } html.side-header-hamburguer-sidebar #header.side-header .header-container { width: 100%; height: 100% !important } html.side-header-hamburguer-sidebar #header.side-header .header-row { flex-direction: column } html.side-header-hamburguer-sidebar #header.side-header .header-search { width: 100%; margin: 11.2px 0; margin: .7rem 0 } html.side-header-hamburguer-sidebar #header.side-header .header-nav-top .nav > li > a, html.side-header-hamburguer-sidebar #header.side-header .header-nav-top .nav > li > span { display: block } html.side-header-hamburguer-sidebar #header.side-header .header-logo { margin: 32px 0; margin: 2rem 0 } html.side-header-hamburguer-sidebar #header.side-header .header-nav { flex-direction: column } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a { height: auto } html.side-header-hamburguer-sidebar #header.side-header .header-nav-main, html.side-header-hamburguer-sidebar #header.side-header .header-nav-main nav, html.side-header-hamburguer-sidebar #header.side-header .header-nav-main .nav { width: 100% } html.side-header-hamburguer-sidebar #header.side-header .nav { flex-direction: column; width: 100% } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-right #header.side-header { left: auto; right: 0 } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-right #header.side-header.side-header-hide { transform: translateX(100%) } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-push body > .body { margin: 0; overflow: visible; transition: ease right 300ms; right: 0 } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-push .body-overlay { content: ""; width: 100%; height: 0; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.8); position: absolute; z-index: 10; opacity: 0 } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-push #header.side-header { transform: none; transition: ease left 300ms; left: -355px } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-right.side-header-hamburguer-sidebar-push body > .body { position: relative; transition: ease left 300ms; left: 0; right: auto } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-right.side-header-hamburguer-sidebar-push #header.side-header { transition: ease right 300ms,ease transform 300ms; right: -355px; left: auto } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-push .hamburguer-btn:not(.hamburguer-btn-side-header-mobile-show), html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-push .sticky-wrapper { display: none } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-push body > .body { position: relative; right: -355px } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-push .body-overlay { opacity: 1; height: 100% } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-push #header.side-header { z-index: 11; left: 0 } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-right.side-header-hamburguer-sidebar-push body > .body { left: -355px; right: auto } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-right.side-header-hamburguer-sidebar-push #header.side-header { right: 0; left: auto } html.side-header-overlay-full-screen body > .body { margin: 0; width: auto; overflow-x: hidden; overflow-y: visible } html.side-header-overlay-full-screen body > .body .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper { width: 100% !important; left: auto !important } html.side-header-overlay-full-screen #header { display: flex; align-items: center; background-color: rgba(51,51,51,.99); position: fixed; box-shadow: 0 0 18px rgba(68,68,68,.07); top: 0; left: 0; width: 100vw; height: 100vh; padding-top: 48px; padding-top: 3rem; opacity: 0; visibility: hidden; transition: ease opacity 300ms,ease visibility 300ms } html.side-header-overlay-full-screen #header:not(.side-header-hide) { opacity: 1; visibility: visible; transition: ease opacity 300ms,ease visibility 300ms } html.side-header-overlay-full-screen #header .header-container:after { content: none } html.side-header-overlay-full-screen #header .header-body { background-color: transparent; border: 0 } html.side-header-overlay-full-screen #header .header-row-side-header { flex: 0 0 50%; margin: 0 auto } html.side-header-overlay-full-screen #header .header-nav { flex-direction: column } html.side-header-overlay-full-screen #header .header-nav.header-nav-links nav > ul > li > a { height: auto } html.side-header-overlay-full-screen #header .header-nav-main, html.side-header-overlay-full-screen #header .header-nav-main nav, html.side-header-overlay-full-screen #header .header-nav-main .nav { width: 100% } html.side-header-overlay-full-screen #header .nav { flex-direction: column; width: 100% } html.side-header-overlay-full-screen #header .header-nav-main { position: relative } html.side-header-overlay-full-screen #header .header-nav-main:before { content: none } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li { text-align: center; position: static; margin-top: 1px; height: auto } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a { display: inline-block; border: 0; font-size: 28.8px; font-size: 1.8rem; text-transform: none; color: #fff; padding: 15px 0 !important; font-weight: 600 } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a:after { top: -2px !important } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a.open, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a.accessibility-open, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a:focus, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a:active, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a.active { background: 0 0 } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li a .fa-chevron-down { display: none !important } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item { transition: ease left 300ms; position: relative; left: 0 } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:after { display: none } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:before { display: none !important } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:hover { left: 5px } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { position: static; background: 0 0 !important; box-shadow: none; display: none !important } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { border: 0; font-size: 17.6px; font-size: 1.1rem; color: #fff } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:after { display: none } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu { position: static } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu .dropdown-menu a { font-size: 12px; font-size: .75rem; opacity: .7 } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu.open > .dropdown-menu { display: block !important; opacity: 1; width: 100%; text-align: center; padding: 15px 0; margin: 0; transform: none; position: static } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu li a, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu li a, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu.open > .dropdown-menu li a { background: 0 0 } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content { padding: 25.6px 0 0; padding: 1.6rem 0 0 } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content > .row { flex-direction: column; align-items: center } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content > .row > [class*=col-] { max-width: none } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content > .row > [class*=col-] + [class*=col-] { margin-top: 25px } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-title { color: #fff; font-size: 1.2em } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav { opacity: .7 } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li > a { margin: 0 0 8px; padding: 3px 8px } @media(max-width:991px) { html.side-header-overlay-full-screen #header .header-row-side-header { flex: 0 0 100% } html.side-header-overlay-full-screen #header .side-header-scrollable { height: 100% !important } html.side-header-overlay-full-screen #header .side-header-scrollable .scrollable-content { right: 0 !important; padding-right: 10px; padding-left: 10px; overflow-y: hidden } html.side-header-overlay-full-screen #header .side-header-scrollable .scrollable-pane { display: none !important } html.side-header-overlay-full-screen #header .header-nav { height: 100% } html.side-header-overlay-full-screen #header .header-nav-main { position: absolute; top: 50%; transform: translate3d(-50%,-50%,0) } html.side-header-overlay-full-screen #header .header-nav-main nav { max-height: 80vh } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:hover { left: 0 } html.side-header-overlay-full-screen #header .header-nav-main nav > ul li { border-bottom: 0 } html.side-header-overlay-full-screen #header .header-nav-main nav > ul li a { text-align: center } html.side-header-overlay-full-screen #header .header-nav-main nav > ul li.dropdown.dropdown-mega .dropdown-mega-content { padding: 0 } html.side-header-overlay-full-screen #header .header-nav-main nav > ul li.dropdown.dropdown-mega .dropdown-mega-sub-title { font-size: 1.2rem; text-align: center; margin-bottom: 7px } html.side-header-overlay-full-screen #header .header-nav-main nav > ul li.dropdown.dropdown-mega .dropdown-mega-sub-nav { margin: 0 } } html.side-header-hamburguer-sidebar-narrow-bar .body { margin-left: 90px } html.side-header-hamburguer-sidebar-narrow-bar #header.side-header { transform: translateX(90px) } html.side-header-hamburguer-sidebar-narrow-bar .slider-container { left: -45px !important; width: calc(100% + 90px) !important } .side-header-narrow-bar { display: flex; flex-direction: column; background: #fff; width: 90px; position: fixed; top: 0; left: 0; height: 100%; z-index: 9992 } .side-header-narrow-bar:after { content: ""; width: 1px; height: 100%; top: 0; bottom: 0; left: auto; right: 0; background: rgba(0,0,0,.06); position: absolute } .side-header-narrow-bar .side-header-narrow-bar-content .side-header-narrow-bar-content-vertical { transform: rotate(-90deg); white-space: nowrap; text-transform: uppercase; margin-left: -18% } @media(max-width:991px) { html.side-header-hamburguer-sidebar-narrow-bar .body { padding-left: 90px; margin-left: 0 } html.side-header-hamburguer-sidebar-narrow-bar #header { padding-left: 90px; left: -90px !important } } .page-header { background-color: #212529; margin: 0 0 35px; padding: 30px 0; position: relative; text-align: left } .page-header h1 { color: #fff; display: inline-block; font-size: 30px; line-height: 1; margin: 0; padding: 0; font-weight: 400; position: relative; top: 1px } .page-header .sub-title { display: block; font-size: 1.2em; font-weight: 300; margin: 0; opacity: .8; color: #fff } .page-header .page-header-extra-button { position: absolute; width: 100%; bottom: 50px; left: 0; right: 0; z-index: 5 } .page-header.page-header-sm { padding: 30px 0 } .page-header.page-header-sm h1 { font-size: 22px } .page-header.page-header-lg { padding: 50px 0 } .page-header.page-header-lg h1 { font-size: 40px } .page-header.page-header-classic:after { content: ''; width: 100%; height: 5px; background: rgba(255,255,255,.8); position: absolute; bottom: 0; left: 0 } .page-header.page-header-classic .page-header-title-border { width: 0; height: 5px; position: absolute; bottom: 0; background: 0 0; z-index: 1 } .page-header.page-header-modern h1 { font-size: 28px } .page-header.page-header-modern.page-header-sm h1 { font-size: 22px } .page-header.page-header-modern.page-header-md { padding: 50px 0 } .page-header.page-header-modern.page-header-lg { padding: 65px 0 } .page-header.page-header-modern.page-header-lg h1 { font-size: 32px } .page-header.page-header-modern.page-header-background { padding: 130px 0; background-size: cover } .page-header.page-header-modern.page-header-background.page-header-background-pattern { background-size: auto; background-repeat: repeat; background-attachment: fixed } .page-header.page-header-modern.page-header-background.page-header-background-sm { padding: 50px 0 } .page-header.page-header-modern.page-header-background.page-header-background-md { padding: 150px 0 } .page-header.page-header-modern.page-header-background.page-header-background-lg { padding: 250px 0 } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .clearfix { display: block } * html .clearfix { height: 1% } .p-relative { position: relative !important } .p-absolute { position: absolute !important } .p-fixed { position: fixed !important } .p-static { position: static !important } .box-shadow-none { box-shadow: none !important } .flex-0-0-auto { flex: 0 0 auto } .color-transparent { color: transparent !important } .bg-no-repeat { background-repeat: no-repeat !important } .bg-size-auto { background-size: auto !important } .bg-size-cover { background-size: cover !important } .bg-position-center { background-position: center center !important } .bg-clip-text { background-clip: text !important; -webkit-text-fill-color: transparent; -webkit-background-clip: text } .bg-color-scale-overlay { position: relative } .bg-color-scale-overlay:before { content: ""; display: block; background: #000; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; opacity: 0 } .bg-color-scale-overlay .bg-color-scale-overlay-wrapper { position: relative; z-index: 2 } .bg-color-scale-overlay-1:before { opacity: .05 !important } .bg-color-scale-overlay-2:before { opacity: .1 !important } .bg-color-scale-overlay-3:before { opacity: .15 !important } .bg-color-scale-overlay-4:before { opacity: .2 !important } .bg-color-scale-overlay-5:before { opacity: .25 !important } .bg-color-scale-overlay-6:before { opacity: .3 !important } .bg-color-scale-overlay-7:before { opacity: .35 !important } .bg-color-scale-overlay-8:before { opacity: .4 !important } .bg-color-scale-overlay-9:before { opacity: .45 !important } .background-transparent, .bg-transparent, .bg-color-transparent { background: 0 0 !important } .bg-transparent-hover:hover { background-color: transparent !important } .bg-color-white { background: #fff !important } .bg-color-black { background: #000 !important } .inverted { color: #fff; display: inline-block; padding-left: 10px; padding-right: 10px } h1 .inverted { padding-left: 10px; padding-right: 10px } h2 .inverted { padding-left: 7px; padding-right: 7px } h3 .inverted { padding-left: 2px; padding-right: 2px } h4 .inverted { padding-left: 4px; padding-right: 4px } h5 .inverted { padding-left: 2px; padding-right: 2px } h6 .inverted { padding-left: 2px; padding-right: 2px } .mb-0 { margin-bottom: 0 !important } .mt-0 { margin-top: 0 !important } .pb-0 { padding-bottom: 0 !important } .pt-0 { padding-top: 0 !important } @media(min-width:576px) { .mb-sm-0 { margin-bottom: 0 !important } .mt-sm-0 { margin-top: 0 !important } .pb-sm-0 { padding-bottom: 0 !important } .pt-sm-0 { padding-top: 0 !important } } @media(min-width:768px) { .mb-md-0 { margin-bottom: 0 !important } .mt-md-0 { margin-top: 0 !important } .pb-md-0 { padding-bottom: 0 !important } .pt-md-0 { padding-top: 0 !important } } @media(min-width:992px) { .mb-lg-0 { margin-bottom: 0 !important } .mt-lg-0 { margin-top: 0 !important } .pb-lg-0 { padding-bottom: 0 !important } .pt-lg-0 { padding-top: 0 !important } } @media(min-width:1200px) { .mb-xl-0 { margin-bottom: 0 !important } .mt-xl-0 { margin-top: 0 !important } .pb-xl-0 { padding-bottom: 0 !important } .pt-xl-0 { padding-top: 0 !important } } .mt-n1 { margin-top: -4px !important; margin-top: -.25rem !important } .pt-3-5 { padding-top: 12px !important; padding-top: .75rem !important } .pe-3-5 { padding-right: 12px !important; padding-right: .75rem !important } .pb-3-5 { padding-bottom: 12px !important; padding-bottom: .75rem !important } .ps-3-5 { padding-left: 12px !important; padding-left: .75rem !important } .px-3-5 { padding-left: 12px !important; padding-left: .75rem !important; padding-right: 12px !important; padding-right: .75rem !important } .py-3-5 { padding-top: 12px !important; padding-top: .75rem !important; padding-bottom: 12px !important; padding-bottom: .75rem !important } .mt-3-5 { margin-top: 12px !important; margin-top: .75rem !important } .me-3-5 { margin-right: 12px !important; margin-right: .75rem !important } .mb-3-5 { margin-bottom: 12px !important; margin-bottom: .75rem !important } .ms-3-5 { margin-left: 12px !important; margin-left: .75rem !important } .mx-3-5 { margin-left: 12px !important; margin-left: .75rem !important; margin-right: 12px !important; margin-right: .75rem !important } .my-3-5 { margin-top: 12px !important; margin-top: .75rem !important; margin-bottom: 12px !important; margin-bottom: .75rem !important } .pt-4-5 { padding-top: 20px !important; padding-top: 1.25rem !important } .pe-4-5 { padding-right: 20px !important; padding-right: 1.25rem !important } .pb-4-5 { padding-bottom: 20px !important; padding-bottom: 1.25rem !important } .ps-4-5 { padding-left: 20px !important; padding-left: 1.25rem !important } .px-4-5 { padding-left: 20px !important; padding-left: 1.25rem !important; padding-right: 20px !important; padding-right: 1.25rem !important } .py-4-5 { padding-top: 20px !important; padding-top: 1.25rem !important; padding-bottom: 20px !important; padding-bottom: 1.25rem !important } .mt-4-5 { margin-top: 20px !important; margin-top: 1.25rem !important } .me-4-5 { margin-right: 20px !important; margin-right: 1.25rem !important } .mb-4-5 { margin-bottom: 20px !important; margin-bottom: 1.25rem !important } .ms-4-5 { margin-left: 20px !important; margin-left: 1.25rem !important } .mx-4-5 { margin-left: 20px !important; margin-left: 1.25rem !important; margin-right: 20px !important; margin-right: 1.25rem !important } .my-4-5 { margin-top: 20px !important; margin-top: 1.25rem !important; margin-bottom: 20px !important; margin-bottom: 1.25rem !important } .pt-5-5 { padding-top: 36px !important; padding-top: 2.25rem !important } .pe-5-5 { padding-right: 36px !important; padding-right: 2.25rem !important } .pb-5-5 { padding-bottom: 36px !important; padding-bottom: 2.25rem !important } .ps-5-5 { padding-left: 36px !important; padding-left: 2.25rem !important } .px-5-5 { padding-left: 36px !important; padding-left: 2.25rem !important; padding-right: 36px !important; padding-right: 2.25rem !important } .py-5-5 { padding-top: 36px !important; padding-top: 2.25rem !important; padding-bottom: 36px !important; padding-bottom: 2.25rem !important } .mt-5-5 { margin-top: 36px !important; margin-top: 2.25rem !important } .me-5-5 { margin-right: 36px !important; margin-right: 2.25rem !important } .mb-5-5 { margin-bottom: 36px !important; margin-bottom: 2.25rem !important } .ms-5-5 { margin-left: 36px !important; margin-left: 2.25rem !important } .mx-5-5 { margin-left: 36px !important; margin-left: 2.25rem !important; margin-right: 36px !important; margin-right: 2.25rem !important } .my-5-5 { margin-top: 36px !important; margin-top: 2.25rem !important; margin-bottom: 36px !important; margin-bottom: 2.25rem !important } @media(min-width:576px) { .pt-sm-3-5 { padding-top: .75rem !important } .pe-sm-3-5 { padding-right: .75rem !important } .pb-sm-3-5 { padding-bottom: .75rem !important } .ps-sm-3-5 { padding-left: .75rem !important } .px-sm-3-5 { padding-left: .75rem !important; padding-right: .75rem !important } .py-sm-3-5 { padding-top: .75rem !important; padding-bottom: .75rem !important } .mt-sm-3-5 { margin-top: .75rem !important } .me-sm-3-5 { margin-right: .75rem !important } .mb-sm-3-5 { margin-bottom: .75rem !important } .ms-sm-3-5 { margin-left: .75rem !important } .mx-sm-3-5 { margin-left: .75rem !important; margin-right: .75rem !important } .my-sm-3-5 { margin-top: .75rem !important; margin-bottom: .75rem !important } .pt-sm-4-5 { padding-top: 1.25rem !important } .pe-sm-4-5 { padding-right: 1.25rem !important } .pb-sm-4-5 { padding-bottom: 1.25rem !important } .ps-sm-4-5 { padding-left: 1.25rem !important } .px-sm-4-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important } .py-sm-4-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important } .mt-sm-4-5 { margin-top: 1.25rem !important } .me-sm-4-5 { margin-right: 1.25rem !important } .mb-sm-4-5 { margin-bottom: 1.25rem !important } .ms-sm-4-5 { margin-left: 1.25rem !important } .mx-sm-4-5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important } .my-sm-4-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important } .pt-sm-5-5 { padding-top: 2.25rem !important } .pe-sm-5-5 { padding-right: 2.25rem !important } .pb-sm-5-5 { padding-bottom: 2.25rem !important } .ps-sm-5-5 { padding-left: 2.25rem !important } .px-sm-5-5 { padding-left: 2.25rem !important; padding-right: 2.25rem !important } .py-sm-5-5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important } .mt-sm-5-5 { margin-top: 2.25rem !important } .me-sm-5-5 { margin-right: 2.25rem !important } .mb-sm-5-5 { margin-bottom: 2.25rem !important } .ms-sm-5-5 { margin-left: 2.25rem !important } .mx-sm-5-5 { margin-left: 2.25rem !important; margin-right: 2.25rem !important } .my-sm-5-5 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important } } @media(min-width:768px) { .pt-md-3-5 { padding-top: .75rem !important } .pe-md-3-5 { padding-right: .75rem !important } .pb-md-3-5 { padding-bottom: .75rem !important } .ps-md-3-5 { padding-left: .75rem !important } .px-md-3-5 { padding-left: .75rem !important; padding-right: .75rem !important } .py-md-3-5 { padding-top: .75rem !important; padding-bottom: .75rem !important } .mt-md-3-5 { margin-top: .75rem !important } .me-md-3-5 { margin-right: .75rem !important } .mb-md-3-5 { margin-bottom: .75rem !important } .ms-md-3-5 { margin-left: .75rem !important } .mx-md-3-5 { margin-left: .75rem !important; margin-right: .75rem !important } .my-md-3-5 { margin-top: .75rem !important; margin-bottom: .75rem !important } .pt-md-4-5 { padding-top: 1.25rem !important } .pe-md-4-5 { padding-right: 1.25rem !important } .pb-md-4-5 { padding-bottom: 1.25rem !important } .ps-md-4-5 { padding-left: 1.25rem !important } .px-md-4-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important } .py-md-4-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important } .mt-md-4-5 { margin-top: 1.25rem !important } .me-md-4-5 { margin-right: 1.25rem !important } .mb-md-4-5 { margin-bottom: 1.25rem !important } .ms-md-4-5 { margin-left: 1.25rem !important } .mx-md-4-5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important } .my-md-4-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important } .pt-md-5-5 { padding-top: 2.25rem !important } .pe-md-5-5 { padding-right: 2.25rem !important } .pb-md-5-5 { padding-bottom: 2.25rem !important } .ps-md-5-5 { padding-left: 2.25rem !important } .px-md-5-5 { padding-left: 2.25rem !important; padding-right: 2.25rem !important } .py-md-5-5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important } .mt-md-5-5 { margin-top: 2.25rem !important } .me-md-5-5 { margin-right: 2.25rem !important } .mb-md-5-5 { margin-bottom: 2.25rem !important } .ms-md-5-5 { margin-left: 2.25rem !important } .mx-md-5-5 { margin-left: 2.25rem !important; margin-right: 2.25rem !important } .my-md-5-5 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important } } @media(min-width:992px) { .pt-lg-3-5 { padding-top: .75rem !important } .pe-lg-3-5 { padding-right: .75rem !important } .pb-lg-3-5 { padding-bottom: .75rem !important } .ps-lg-3-5 { padding-left: .75rem !important } .px-lg-3-5 { padding-left: .75rem !important; padding-right: .75rem !important } .py-lg-3-5 { padding-top: .75rem !important; padding-bottom: .75rem !important } .mt-lg-3-5 { margin-top: .75rem !important } .me-lg-3-5 { margin-right: .75rem !important } .mb-lg-3-5 { margin-bottom: .75rem !important } .ms-lg-3-5 { margin-left: .75rem !important } .mx-lg-3-5 { margin-left: .75rem !important; margin-right: .75rem !important } .my-lg-3-5 { margin-top: .75rem !important; margin-bottom: .75rem !important } .pt-lg-4-5 { padding-top: 1.25rem !important } .pe-lg-4-5 { padding-right: 1.25rem !important } .pb-lg-4-5 { padding-bottom: 1.25rem !important } .ps-lg-4-5 { padding-left: 1.25rem !important } .px-lg-4-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important } .py-lg-4-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important } .mt-lg-4-5 { margin-top: 1.25rem !important } .me-lg-4-5 { margin-right: 1.25rem !important } .mb-lg-4-5 { margin-bottom: 1.25rem !important } .ms-lg-4-5 { margin-left: 1.25rem !important } .mx-lg-4-5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important } .my-lg-4-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important } .pt-lg-5-5 { padding-top: 2.25rem !important } .pe-lg-5-5 { padding-right: 2.25rem !important } .pb-lg-5-5 { padding-bottom: 2.25rem !important } .ps-lg-5-5 { padding-left: 2.25rem !important } .px-lg-5-5 { padding-left: 2.25rem !important; padding-right: 2.25rem !important } .py-lg-5-5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important } .mt-lg-5-5 { margin-top: 2.25rem !important } .me-lg-5-5 { margin-right: 2.25rem !important } .mb-lg-5-5 { margin-bottom: 2.25rem !important } .ms-lg-5-5 { margin-left: 2.25rem !important } .mx-lg-5-5 { margin-left: 2.25rem !important; margin-right: 2.25rem !important } .my-lg-5-5 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important } } @media(min-width:1200px) { .pt-xl-3-5 { padding-top: .75rem !important } .pe-xl-3-5 { padding-right: .75rem !important } .pb-xl-3-5 { padding-bottom: .75rem !important } .ps-xl-3-5 { padding-left: .75rem !important } .px-xl-3-5 { padding-left: .75rem !important; padding-right: .75rem !important } .py-xl-3-5 { padding-top: .75rem !important; padding-bottom: .75rem !important } .mt-xl-3-5 { margin-top: .75rem !important } .me-xl-3-5 { margin-right: .75rem !important } .mb-xl-3-5 { margin-bottom: .75rem !important } .ms-xl-3-5 { margin-left: .75rem !important } .mx-xl-3-5 { margin-left: .75rem !important; margin-right: .75rem !important } .my-xl-3-5 { margin-top: .75rem !important; margin-bottom: .75rem !important } .pt-xl-4-5 { padding-top: 1.25rem !important } .pe-xl-4-5 { padding-right: 1.25rem !important } .pb-xl-4-5 { padding-bottom: 1.25rem !important } .ps-xl-4-5 { padding-left: 1.25rem !important } .px-xl-4-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important } .py-xl-4-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important } .mt-xl-4-5 { margin-top: 1.25rem !important } .me-xl-4-5 { margin-right: 1.25rem !important } .mb-xl-4-5 { margin-bottom: 1.25rem !important } .ms-xl-4-5 { margin-left: 1.25rem !important } .mx-xl-4-5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important } .my-xl-4-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important } .pt-xl-5-5 { padding-top: 2.25rem !important } .pe-xl-5-5 { padding-right: 2.25rem !important } .pb-xl-5-5 { padding-bottom: 2.25rem !important } .ps-xl-5-5 { padding-left: 2.25rem !important } .px-xl-5-5 { padding-left: 2.25rem !important; padding-right: 2.25rem !important } .py-xl-5-5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important } .mt-xl-5-5 { margin-top: 2.25rem !important } .me-xl-5-5 { margin-right: 2.25rem !important } .mb-xl-5-5 { margin-bottom: 2.25rem !important } .ms-xl-5-5 { margin-left: 2.25rem !important } .mx-xl-5-5 { margin-left: 2.25rem !important; margin-right: 2.25rem !important } .my-xl-5-5 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important } } .before-d-none:before { display: none !important } .after-d-none:after { display: none !important } .ls-0 { letter-spacing: 0 !important } .negative-ls-05 { letter-spacing: -.05em } .negative-ls-1 { letter-spacing: -1px } .negative-ls-2 { letter-spacing: -2px } .negative-ls-3 { letter-spacing: -2.5px } .positive-ls-1 { letter-spacing: 1px !important } .positive-ls-2 { letter-spacing: 2px !important } .positive-ls-3 { letter-spacing: 2.5px !important } .cur-pointer { cursor: pointer } .p-events-none { pointer-events: none } .text-0 { font-size: .7em !important } .text-1 { font-size: .8em !important } .text-2 { font-size: .9em !important } .text-2-3, .text-2-5 { font-size: .95em !important } .text-3 { font-size: 1em !important } .text-3-4, .text-3-5 { font-size: 1.1em !important } .text-4 { font-size: 1.2em !important } .text-4-5 { font-size: 1.35em !important } .text-5 { font-size: 1.5em !important } .text-5-6, .text-5-5 { font-size: 1.65em !important } .text-6 { font-size: 1.8em !important } .text-6-7, .text-6-5 { font-size: 1.9em !important } .text-7 { font-size: 2em !important } .text-8 { font-size: 2.3em !important } .text-9 { font-size: 2.5em !important } .text-10 { font-size: 2.75em !important } .text-11 { font-size: 3em !important } .text-12 { font-size: 3.5em !important } .text-12-13, .text-12-5 { font-size: 3.75em !important } .text-13 { font-size: 4em !important } .text-14 { font-size: 4.5em !important } .text-15 { font-size: 5em !important } .text-16 { font-size: 5.33em !important } .text-17 { font-size: 5.66em !important } .text-18 { font-size: 6em !important } .text-19 { font-size: 6.33em !important } .text-20 { font-size: 6.66em !important } @media(min-width:576px) { .text-sm-0 { font-size: .7em !important } .text-sm-1 { font-size: .8em !important } .text-sm-2 { font-size: .9em !important } .text-sm-2-3, .text-sm-2-5 { font-size: .95em !important } .text-sm-3 { font-size: 1em !important } .text-sm-3-4, .text-sm-3-5 { font-size: 1.1em !important } .text-sm-4 { font-size: 1.2em !important } .text-sm-4-5 { font-size: 1.35em !important } .text-sm-5 { font-size: 1.5em !important } .text-sm-5-6, .text-sm-5-5 { font-size: 1.65em !important } .text-sm-6 { font-size: 1.8em !important } .text-sm-6-7, .text-sm-6-5 { font-size: 1.9em !important } .text-sm-7 { font-size: 2em !important } .text-sm-8 { font-size: 2.3em !important } .text-sm-9 { font-size: 2.5em !important } .text-sm-10 { font-size: 2.75em !important } .text-sm-11 { font-size: 3em !important } .text-sm-12 { font-size: 3.5em !important } .text-sm-12-13, .text-sm-12-5 { font-size: 3.75em !important } .text-sm-13 { font-size: 4em !important } .text-sm-14 { font-size: 4.5em !important } .text-sm-15 { font-size: 5em !important } .text-sm-16 { font-size: 5.33em !important } .text-sm-17 { font-size: 5.66em !important } .text-sm-18 { font-size: 6em !important } .text-sm-19 { font-size: 6.33em !important } .text-sm-20 { font-size: 6.66em !important } } @media(min-width:768px) { .text-md-0 { font-size: .7em !important } .text-md-1 { font-size: .8em !important } .text-md-2 { font-size: .9em !important } .text-md-2-3, .text-md-2-5 { font-size: .95em !important } .text-md-3 { font-size: 1em !important } .text-md-3-4, .text-md-3-5 { font-size: 1.1em !important } .text-md-4 { font-size: 1.2em !important } .text-md-4-5 { font-size: 1.35em !important } .text-md-5 { font-size: 1.5em !important } .text-md-5-6, .text-md-5-5 { font-size: 1.65em !important } .text-md-6 { font-size: 1.8em !important } .text-md-6-7, .text-md-6-5 { font-size: 1.9em !important } .text-md-7 { font-size: 2em !important } .text-md-8 { font-size: 2.3em !important } .text-md-9 { font-size: 2.5em !important } .text-md-10 { font-size: 2.75em !important } .text-md-11 { font-size: 3em !important } .text-md-12 { font-size: 3.5em !important } .text-md-12-13, .text-md-12-5 { font-size: 3.75em !important } .text-md-13 { font-size: 4em !important } .text-md-14 { font-size: 4.5em !important } .text-md-15 { font-size: 5em !important } .text-md-16 { font-size: 5.33em !important } .text-md-17 { font-size: 5.66em !important } .text-md-18 { font-size: 6em !important } .text-md-19 { font-size: 6.33em !important } .text-md-20 { font-size: 6.66em !important } } @media(min-width:992px) { .text-lg-0 { font-size: .7em !important } .text-lg-1 { font-size: .8em !important } .text-lg-2 { font-size: .9em !important } .text-lg-2-3, .text-lg-2-5 { font-size: .95em !important } .text-lg-3 { font-size: 1em !important } .text-lg-3-4, .text-lg-3-5 { font-size: 1.1em !important } .text-lg-4 { font-size: 1.2em !important } .text-lg-4-5 { font-size: 1.35em !important } .text-lg-5 { font-size: 1.5em !important } .text-lg-5-6, .text-lg-5-5 { font-size: 1.65em !important } .text-lg-6 { font-size: 1.8em !important } .text-lg-6-7, .text-lg-6-5 { font-size: 1.9em !important } .text-lg-7 { font-size: 2em !important } .text-lg-8 { font-size: 2.3em !important } .text-lg-9 { font-size: 2.5em !important } .text-lg-10 { font-size: 2.75em !important } .text-lg-11 { font-size: 3em !important } .text-lg-12 { font-size: 3.5em !important } .text-lg-12-13, .text-lg-12-5 { font-size: 3.75em !important } .text-lg-13 { font-size: 4em !important } .text-lg-14 { font-size: 4.5em !important } .text-lg-15 { font-size: 5em !important } .text-lg-16 { font-size: 5.33em !important } .text-lg-17 { font-size: 5.66em !important } .text-lg-18 { font-size: 6em !important } .text-lg-19 { font-size: 6.33em !important } .text-lg-20 { font-size: 6.66em !important } } @media(min-width:1200px) { .text-xl-0 { font-size: .7em !important } .text-xl-1 { font-size: .8em !important } .text-xl-2 { font-size: .9em !important } .text-xl-2-3, .text-xl-2-5 { font-size: .95em !important } .text-xl-3 { font-size: 1em !important } .text-xl-3-4, .text-xl-3-5 { font-size: 1.1em !important } .text-xl-4 { font-size: 1.2em !important } .text-xl-4-5 { font-size: 1.35em !important } .text-xl-5 { font-size: 1.5em !important } .text-xl-5-6, .text-xl-5-5 { font-size: 1.65em !important } .text-xl-6 { font-size: 1.8em !important } .text-xl-6-7, .text-xl-6-5 { font-size: 1.9em !important } .text-xl-7 { font-size: 2em !important } .text-xl-8 { font-size: 2.3em !important } .text-xl-9 { font-size: 2.5em !important } .text-xl-10 { font-size: 2.75em !important } .text-xl-11 { font-size: 3em !important } .text-xl-12 { font-size: 3.5em !important } .text-xl-12-13, .text-xl-12-5 { font-size: 3.75em !important } .text-xl-13 { font-size: 4em !important } .text-xl-14 { font-size: 4.5em !important } .text-xl-15 { font-size: 5em !important } .text-xl-16 { font-size: 5.33em !important } .text-xl-17 { font-size: 5.66em !important } .text-xl-18 { font-size: 6em !important } .text-xl-19 { font-size: 6.33em !important } .text-xl-20 { font-size: 6.66em !important } } .text-1rem { font-size: 16px !important; font-size: 1rem !important } .line-height-initial { line-height: initial !important } .line-height-1 { line-height: 1 !important } .line-height-1-1 { line-height: 1.1 !important } .line-height-2 { line-height: 1.2 !important } .line-height-3 { line-height: 1.3 !important } .line-height-4 { line-height: 1.4 !important } .line-height-5 { line-height: 1.5 !important } .line-height-6 { line-height: 1.6 !important } .line-height-7 { line-height: 1.7 !important } .line-height-8 { line-height: 1.8 !important } .line-height-9 { line-height: 1.9 !important } @media(min-width:576px) { .line-height-sm-initial { line-height: initial !important } .line-height-sm-1 { line-height: 1 !important } .line-height-sm-1-1 { line-height: 1.1 !important } .line-height-sm-2 { line-height: 1.2 !important } .line-height-sm-3 { line-height: 1.3 !important } .line-height-sm-4 { line-height: 1.4 !important } .line-height-sm-5 { line-height: 1.5 !important } .line-height-sm-6 { line-height: 1.6 !important } .line-height-sm-7 { line-height: 1.7 !important } .line-height-sm-8 { line-height: 1.8 !important } .line-height-sm-9 { line-height: 1.9 !important } } @media(min-width:768px) { .line-height-md-initial { line-height: initial !important } .line-height-md-1 { line-height: 1 !important } .line-height-md-1-1 { line-height: 1.1 !important } .line-height-md-2 { line-height: 1.2 !important } .line-height-md-3 { line-height: 1.3 !important } .line-height-md-4 { line-height: 1.4 !important } .line-height-md-5 { line-height: 1.5 !important } .line-height-md-6 { line-height: 1.6 !important } .line-height-md-7 { line-height: 1.7 !important } .line-height-md-8 { line-height: 1.8 !important } .line-height-md-9 { line-height: 1.9 !important } } @media(min-width:992px) { .line-height-lg-initial { line-height: initial !important } .line-height-lg-1 { line-height: 1 !important } .line-height-lg-1-1 { line-height: 1.1 !important } .line-height-lg-2 { line-height: 1.2 !important } .line-height-lg-3 { line-height: 1.3 !important } .line-height-lg-4 { line-height: 1.4 !important } .line-height-lg-5 { line-height: 1.5 !important } .line-height-lg-6 { line-height: 1.6 !important } .line-height-lg-7 { line-height: 1.7 !important } .line-height-lg-8 { line-height: 1.8 !important } .line-height-lg-9 { line-height: 1.9 !important } } @media(min-width:1200px) { .line-height-xl-initial { line-height: initial !important } .line-height-xl-1 { line-height: 1 !important } .line-height-xl-1-1 { line-height: 1.1 !important } .line-height-xl-2 { line-height: 1.2 !important } .line-height-xl-3 { line-height: 1.3 !important } .line-height-xl-4 { line-height: 1.4 !important } .line-height-xl-5 { line-height: 1.5 !important } .line-height-xl-6 { line-height: 1.6 !important } .line-height-xl-7 { line-height: 1.7 !important } .line-height-xl-8 { line-height: 1.8 !important } .line-height-xl-9 { line-height: 1.9 !important } } .opacity-0 { opacity: 0 !important } .opacity-1 { opacity: .1 !important } .opacity-2 { opacity: .2 !important } .opacity-3 { opacity: .3 !important } .opacity-4 { opacity: .4 !important } .opacity-5 { opacity: .5 !important } .opacity-6 { opacity: .6 !important } .opacity-7 { opacity: .7 !important } .opacity-8 { opacity: .8 !important } .opacity-9 { opacity: .9 !important } .opacity-10 { opacity: 1 !important } .opacity-hover-0 { transition: ease opacity 300ms } .opacity-hover-0:hover { opacity: 0 !important } .opacity-hover-1 { transition: ease opacity 300ms } .opacity-hover-1:hover { opacity: .1 !important } .opacity-hover-2 { transition: ease opacity 300ms } .opacity-hover-2:hover { opacity: .2 !important } .opacity-hover-3 { transition: ease opacity 300ms } .opacity-hover-3:hover { opacity: .3 !important } .opacity-hover-4 { transition: ease opacity 300ms } .opacity-hover-4:hover { opacity: .4 !important } .opacity-hover-5 { transition: ease opacity 300ms } .opacity-hover-5:hover { opacity: .5 !important } .opacity-hover-6 { transition: ease opacity 300ms } .opacity-hover-6:hover { opacity: .6 !important } .opacity-hover-7 { transition: ease opacity 300ms } .opacity-hover-7:hover { opacity: .7 !important } .opacity-hover-8 { transition: ease opacity 300ms } .opacity-hover-8:hover { opacity: .8 !important } .opacity-hover-9 { transition: ease opacity 300ms } .opacity-hover-9:hover { opacity: .9 !important } .opacity-hover-10 { transition: ease opacity 300ms } .opacity-hover-10:hover { opacity: 1 !important } .scale-1 { transform: scale(1.1) !important } .scale-2 { transform: scale(1.2) !important } .scale-3 { transform: scale(1.3) !important } .scale-4 { transform: scale(1.4) !important } .scale-5 { transform: scale(1.5) !important } .scale-6 { transform: scale(1.6) !important } .columns-2 { -moz-columns: 2 !important; columns: 2 !important } .columns-3 { -moz-columns: 3 !important; columns: 3 !important } .columns-4 { -moz-columns: 4 !important; columns: 4 !important } .columns-5 { -moz-columns: 5 !important; columns: 5 !important } @media(min-width:576px) { .columns-sm-2 { -moz-columns: 2 !important; columns: 2 !important } .columns-sm-3 { -moz-columns: 3 !important; columns: 3 !important } .columns-sm-4 { -moz-columns: 4 !important; columns: 4 !important } .columns-sm-5 { -moz-columns: 5 !important; columns: 5 !important } } @media(min-width:768px) { .columns-md-2 { -moz-columns: 2 !important; columns: 2 !important } .columns-md-3 { -moz-columns: 3 !important; columns: 3 !important } .columns-md-4 { -moz-columns: 4 !important; columns: 4 !important } .columns-md-5 { -moz-columns: 5 !important; columns: 5 !important } } @media(min-width:992px) { .columns-lg-2 { -moz-columns: 2 !important; columns: 2 !important } .columns-lg-3 { -moz-columns: 3 !important; columns: 3 !important } .columns-lg-4 { -moz-columns: 4 !important; columns: 4 !important } .columns-lg-5 { -moz-columns: 5 !important; columns: 5 !important } } @media(min-width:1200px) { .columns-xl-2 { -moz-columns: 2 !important; columns: 2 !important } .columns-xl-3 { -moz-columns: 3 !important; columns: 3 !important } .columns-xl-4 { -moz-columns: 4 !important; columns: 4 !important } .columns-xl-5 { -moz-columns: 5 !important; columns: 5 !important } } .top-auto { top: auto !important } .bottom-auto { bottom: auto !important } .top-50pct { top: 50% } .left-50pct { left: 50% } .left-100pct { left: 100% } .right-100pct { right: 100% } .top-0 { top: 0 !important } .bottom-0 { bottom: 0 !important } .left-0 { left: 0 !important } .right-0 { right: 0 !important } .top-1 { top: 1px !important } .bottom-1 { bottom: 1px !important } .left-1 { left: 1px !important } .right-1 { right: 1px !important } .top-2 { top: 2px !important } .bottom-2 { bottom: 2px !important } .left-2 { left: 2px !important } .right-2 { right: 2px !important } .top-3 { top: 3px !important } .bottom-3 { bottom: 3px !important } .left-3 { left: 3px !important } .right-3 { right: 3px !important } .top-4 { top: 4px !important } .bottom-4 { bottom: 4px !important } .left-4 { left: 4px !important } .right-4 { right: 4px !important } .top-5 { top: 5px !important } .bottom-5 { bottom: 5px !important } .left-5 { left: 5px !important } .right-5 { right: 5px !important } .top-6 { top: 6px !important } .bottom-6 { bottom: 6px !important } .left-6 { left: 6px !important } .right-6 { right: 6px !important } .top-7 { top: 7px !important } .bottom-7 { bottom: 7px !important } .left-7 { left: 7px !important } .right-7 { right: 7px !important } .top-8 { top: 8px !important } .bottom-8 { bottom: 8px !important } .left-8 { left: 8px !important } .right-8 { right: 8px !important } .top-9 { top: 9px !important } .bottom-9 { bottom: 9px !important } .left-9 { left: 9px !important } .right-9 { right: 9px !important } .top-10 { top: 10px !important } .bottom-10 { bottom: 10px !important } .left-10 { left: 10px !important } .right-10 { right: 10px !important } .top-11 { top: 11px !important } .bottom-11 { bottom: 11px !important } .left-11 { left: 11px !important } .right-11 { right: 11px !important } .top-12 { top: 12px !important } .bottom-12 { bottom: 12px !important } .left-12 { left: 12px !important } .right-12 { right: 12px !important } .top-13 { top: 13px !important } .bottom-13 { bottom: 13px !important } .left-13 { left: 13px !important } .right-13 { right: 13px !important } .top-14 { top: 14px !important } .bottom-14 { bottom: 14px !important } .left-14 { left: 14px !important } .right-14 { right: 14px !important } .top-15 { top: 15px !important } .bottom-15 { bottom: 15px !important } .left-15 { left: 15px !important } .right-15 { right: 15px !important } .top-20 { top: 20px !important } .top-30 { top: 30px !important } .bottom-20 { bottom: 20px !important } .bottom-30 { bottom: 30px !important } .transform3dx-n50 { transform: translate3d(-50%,0,0) } .transform3dy-n50 { transform: translate3d(0,-50%,0) } .transform3dxy-n50 { transform: translate3d(-50%,-50%,0) } .transform3dx-n100 { transform: translate3d(-100%,0,0) } .transform3dy-n100 { transform: translate3d(0,-100%,0) } .transform3dx-p50 { transform: translate3d(50%,0,0) } .transform3dy-p50 { transform: translate3d(0,50%,0) } .transformY-p100 { transform: translateY(100%) } .outline-none { outline: 0 !important } .text-decoration-none { text-decoration: none !important } .text-decoration-underline { text-decoration: underline !important } .text-decoration-underline-2 { text-decoration: none !important; border-bottom: 1px solid; border-bottom-color: inherit } .text-justify { text-align: justify } .text-uppercase { text-transform: uppercase !important } .text-lowercase { text-transform: lowercase !important } .text-capitalize { text-transform: capitalize !important } .text-transform-none { text-transform: none !important } .transform-none { transform: none !important } .text-muted { color: #999 !important } html.dark .text-muted { color: #505461 !important } .overflow-visible { overflow: visible !important } .overflow-hidden { overflow: hidden !important } .z-index-0 { z-index: 0 !important } .z-index-1 { z-index: 1 !important } .z-index-2 { z-index: 2 !important } .z-index-3 { z-index: 3 !important } .z-index-4 { z-index: 4 !important } .z-index-5 { z-index: 5 !important } .z-index-6 { z-index: 6 !important } .z-index-7 { z-index: 7 !important } .z-index-8 { z-index: 8 !important } .z-index-9 { z-index: 9 !important } .z-index-10 { z-index: 10 !important } @media(max-width:991px) { .z-index-mobile-0 { z-index: 0 !important } } .text-dark { color: #212529 !important } a.text-dark:focus, a.text-dark:hover { color: #121416 !important } .text-light { color: #fff !important } a.text-light:focus, a.text-light:hover { color: #cbd3da !important } .text-color-grey { color: #969696 !important } .text-color-grey-lighten { color: #a9a9aa !important } .text-color-white { color: #fff !important } .text-color-hover-white:hover { color: #fff !important } .text-color-black { color: #000 !important } .text-color-hover-black:hover { color: #000 !important } .text-color-danger { color: #ff5b5b !important } .text-color-success { color: #0cc485 !important } .bg-color-grey { background-color: #f7f7f7 !important } .bg-color-grey-scale-1 { background-color: #ededed !important } .bg-color-grey-scale-2 { background-color: #e8e8e8 !important } .bg-color-grey-scale-3 { background-color: #e3e3e3 !important } .bg-color-grey-scale-4 { background-color: #dedede !important } .bg-color-grey-scale-5 { background-color: #d9d9d9 !important } .bg-color-grey-scale-6 { background-color: #d4d3d3 !important } .bg-color-grey-scale-7 { background-color: #cecece !important } .bg-color-grey-scale-8 { background-color: #c9c9c9 !important } .bg-color-grey-scale-9 { background-color: #c4c4c4 !important } .bg-color-grey-scale-10 { background-color: #bfbfbf !important } .bg-gradient-animated { background-size: 200% 200% !important; -webkit-animation-name: gradientTransition; animation-name: gradientTransition; -webkit-animation-duration: 20000ms; animation-duration: 20000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .bg-color-dark-scale-1 { background-color: #212529 !important } .bg-color-dark-scale-2 { background-color: #1c2023 !important } .bg-color-dark-scale-3 { background-color: #181b1e !important } .bg-color-dark-scale-4 { background-color: #131618 !important } .bg-color-dark-scale-5 { background-color: #0f1112 !important } .rating-default .filled-stars { color: #6a6a6d } .font-weight-thin { font-weight: 100 !important } .font-weight-extralight, .font-weight-extra-light { font-weight: 200 !important } .font-weight-light { font-weight: 300 !important } .font-weight-regular, .font-weight-normal { font-weight: 400 !important } .font-weight-medium { font-weight: 500 !important } .font-weight-semibold, .font-weight-semi-bold { font-weight: 600 !important } .font-weight-bold { font-weight: 700 !important } .font-weight-extrabold, .font-weight-extra-bold { font-weight: 800 !important } .font-weight-black { font-weight: 900 !important } .letter-spacing-minus-1 { letter-spacing: -1px } .no-borders { border: none !important } .rounded { border-radius: 5px !important } .b-thin { border-width: 3px !important } .b-normal { border-width: 5px !important } .b-thick { border-width: 7px !important } .border-top { border-top: 1px solid #dadada !important } .border-bottom { border-bottom: 1px solid #dadada !important } .border-left { border-left: 1px solid #dadada !important } .border-right { border-right: 1px solid #dadada !important } .border-all { border: 1px solid #dadada !important } .border-top-light { border-top: 1px solid rgba(0,0,0,.06) !important } .border-bottom-light { border-bottom: 1px solid rgba(0,0,0,.06) !important } .border-left-light { border-left: 1px solid rgba(0,0,0,.06) !important } .border-right-light { border-right: 1px solid rgba(0,0,0,.06) !important } .border-all-light { border: 1px solid rgba(0,0,0,.06) !important } .border-white { border-color: #fff !important } .border-color-transparent-hover { transition: all .2s } .border-color-transparent-hover:hover { border-color: transparent !important } .border-color-light-2 { border-color: rgba(255,255,255,.3) !important } .border-color-light-3 { border-color: rgba(255,255,255,.05) !important } .border-color-light-4 { border-color: rgba(255,255,255,.1) !important } .border-color-light-5 { border-color: rgba(255,255,255,.2) !important } .border-color-grey-1 { border-color: #e9e9e9 !important } .border-color-success { border-color: #0cc485 !important } .border-radius-0 { border-radius: 0 !important } .border-width-1 { border-width: 1px !important } .border-width-2 { border-width: 2px !important } .border-width-3 { border-width: 3px !important } .border-width-4 { border-width: 4px !important } .border-width-5 { border-width: 5px !important } .border-width-6 { border-width: 6px !important } .border-width-7 { border-width: 7px !important } .border-width-8 { border-width: 8px !important } .border-width-9 { border-width: 9px !important } .border-width-10 { border-width: 10px !important } @media(max-width:767px) { .border-sm-none { border: 0 !important } } .rounded-circle { border-radius: 50% !important } .ws-nowrap { white-space: nowrap !important } .ws-normal { white-space: normal !important } .ws-pre-line { white-space: pre-line !important } .wb-all { word-break: break-all !important } .w-auto { width: auto !important } .w-25pct { width: 25% !important } .w-50pct { width: 50% !important } .w-75pct { width: 75% !important } .w-100pct { width: 100% !important } @media(min-width:576px) { .w-sm-auto { width: auto !important } .w-sm-25pct { width: 25% !important } .w-sm-50pct { width: 50% !important } .w-sm-75pct { width: 75% !important } .w-sm-100pct { width: 100% !important } } @media(min-width:768px) { .w-md-auto { width: auto !important } .w-md-25pct { width: 25% !important } .w-md-50pct { width: 50% !important } .w-md-75pct { width: 75% !important } .w-md-100pct { width: 100% !important } } @media(min-width:992px) { .w-lg-auto { width: auto !important } .w-lg-25pct { width: 25% !important } .w-lg-50pct { width: 50% !important } .w-lg-75pct { width: 75% !important } .w-lg-100pct { width: 100% !important } } @media(min-width:1200px) { .w-xl-auto { width: auto !important } .w-xl-25pct { width: 25% !important } .w-xl-50pct { width: 50% !important } .w-xl-75pct { width: 75% !important } .w-xl-100pct { width: 100% !important } } @media(max-width:991px) { .w-auto-mobile { width: auto !important } .w-100-mobile { width: 100% !important } } .width-50vw { width: 50vw } .width-100vw { width: 100vw } .min-width-0 { min-width: 0 !important } @media(min-width:1200px) { .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) { max-width: 1140px } } @media(min-width:1440px) { .container-xl-custom { max-width: 1440px } .container-xxl-custom { max-width: 1630px } } [class*=fluid-col-] { position: relative } [class*=fluid-col-] .fluid-col { position: absolute; left: 15px } [class*=fluid-col-] .fluid-col.fluid-col-left { left: auto; right: 15px } .fluid-col-6 { min-height: 33vw } .fluid-col-6 .fluid-col { width: calc(50vw - 15px) } .fluid-col-sm-6 .fluid-col, .fluid-col-md-6 .fluid-col, .fluid-col-lg-6 .fluid-col, .fluid-col-xl-6 .fluid-col { width: calc(100vw - 30px) } @media(min-width:576px) { .fluid-col-sm-6 { min-height: 33vw } .fluid-col-sm-6 .fluid-col { width: calc(55vw - 15px) } } @media(min-width:768px) { .fluid-col-md-6 { min-height: 33vw } .fluid-col-md-6 .fluid-col { width: calc(50vw - 15px) } } @media(min-width:992px) { .fluid-col-lg-6 { min-height: 33vw } .fluid-col-lg-6 .fluid-col { width: calc(50vw - 15px) } } @media(min-width:1200px) { .fluid-col-xl-6 { min-height: 33vw } .fluid-col-xl-6 .fluid-col { width: calc(50vw - 15px) } } @media(max-width:1199px) { .fluid-col-xl-6 { min-height: 64.5vw !important } } @media(max-width:991px) { .fluid-col-lg-6 { min-height: 64.5vw !important } } @media(max-width:767px) { .fluid-col-md-6 { min-height: 64.5vw !important } } @media(max-width:575px) { .fluid-col-sm-6 { min-height: 64.5vw !important } } .row-gutter-sm { margin-right: -10px; margin-left: -10px } .row-gutter-sm .col, .row-gutter-sm .col-1, .row-gutter-sm .col-10, .row-gutter-sm .col-11, .row-gutter-sm .col-12, .row-gutter-sm .col-2, .row-gutter-sm .col-3, .row-gutter-sm .col-4, .row-gutter-sm .col-5, .row-gutter-sm .col-6, .row-gutter-sm .col-7, .row-gutter-sm .col-8, .row-gutter-sm .col-9, .row-gutter-sm .col-auto, .row-gutter-sm .col-lg, .row-gutter-sm .col-lg-1, .row-gutter-sm .col-lg-10, .row-gutter-sm .col-lg-11, .row-gutter-sm .col-lg-12, .row-gutter-sm .col-lg-2, .row-gutter-sm .col-lg-3, .row-gutter-sm .col-lg-4, .row-gutter-sm .col-lg-5, .row-gutter-sm .col-lg-6, .row-gutter-sm .col-lg-7, .row-gutter-sm .col-lg-8, .row-gutter-sm .col-lg-9, .row-gutter-sm .col-lg-auto, .row-gutter-sm .col-md, .row-gutter-sm .col-md-1, .row-gutter-sm .col-md-10, .row-gutter-sm .col-md-11, .row-gutter-sm .col-md-12, .row-gutter-sm .col-md-2, .row-gutter-sm .col-md-3, .row-gutter-sm .col-md-4, .row-gutter-sm .col-md-5, .row-gutter-sm .col-md-6, .row-gutter-sm .col-md-7, .row-gutter-sm .col-md-8, .row-gutter-sm .col-md-9, .row-gutter-sm .col-md-auto, .row-gutter-sm .col-sm, .row-gutter-sm .col-sm-1, .row-gutter-sm .col-sm-10, .row-gutter-sm .col-sm-11, .row-gutter-sm .col-sm-12, .row-gutter-sm .col-sm-2, .row-gutter-sm .col-sm-3, .row-gutter-sm .col-sm-4, .row-gutter-sm .col-sm-5, .row-gutter-sm .col-sm-6, .row-gutter-sm .col-sm-7, .row-gutter-sm .col-sm-8, .row-gutter-sm .col-sm-9, .row-gutter-sm .col-sm-auto, .row-gutter-sm .col-xl, .row-gutter-sm .col-xl-1, .row-gutter-sm .col-xl-10, .row-gutter-sm .col-xl-11, .row-gutter-sm .col-xl-12, .row-gutter-sm .col-xl-2, .row-gutter-sm .col-xl-3, .row-gutter-sm .col-xl-4, .row-gutter-sm .col-xl-5, .row-gutter-sm .col-xl-6, .row-gutter-sm .col-xl-7, .row-gutter-sm .col-xl-8, .row-gutter-sm .col-xl-9, .row-gutter-sm .col-xl-auto { padding-left: 10px; padding-right: 10px } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .col-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xl-1-5, .col-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xl-2-5, .col-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xl-3-5, .col-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5, .col-xl-4-5 { position: relative; min-height: 1px; width: 100%; padding-right: 15px; padding-left: 15px } .col-1-5 { flex: 0 0 20%; max-width: 20% } .col-2-5 { flex: 0 0 40%; max-width: 40% } .col-3-5 { flex: 0 0 60%; max-width: 60% } .col-4-5 { flex: 0 0 80%; max-width: 80% } @media(min-width:576px) { .col-sm-1-5 { flex: 0 0 20%; max-width: 20% } .col-sm-2-5 { flex: 0 0 40%; max-width: 40% } .col-sm-3-5 { flex: 0 0 60%; max-width: 60% } .col-sm-4-5 { flex: 0 0 80%; max-width: 80% } } @media(min-width:768px) { .col-md-1-5 { flex: 0 0 20%; max-width: 20% } .col-md-2-5 { flex: 0 0 40%; max-width: 40% } .col-md-3-5 { flex: 0 0 60%; max-width: 60% } .col-md-4-5 { flex: 0 0 80%; max-width: 80% } } @media(min-width:992px) { .col-lg-1-5 { flex: 0 0 20%; max-width: 20% } .col-lg-2-5 { flex: 0 0 40%; max-width: 40% } .col-lg-3-5 { flex: 0 0 60%; max-width: 60% } .col-lg-4-5 { flex: 0 0 80%; max-width: 80% } } @media(min-width:1200px) { .col-xl-1-5 { flex: 0 0 20%; max-width: 20% } .col-xl-2-5 { flex: 0 0 40%; max-width: 40% } .col-xl-3-5 { flex: 0 0 60%; max-width: 60% } .col-xl-4-5 { flex: 0 0 80%; max-width: 80% } } .col-pull-12 { margin-left: -100% } .col-pull-11 { margin-left: -91.66666667% } .col-pull-10 { margin-left: -83.33333333% } .col-pull-9 { margin-left: -75% } .col-pull-8 { margin-left: -66.66666667% } .col-pull-7 { margin-left: -58.33333333% } .col-pull-6 { margin-left: -50% } .col-pull-5 { margin-left: -41.66666667% } .col-pull-4 { margin-left: -33.33333333% } .col-pull-3 { margin-left: -25% } .col-pull-2 { margin-left: -16.66666667% } .col-pull-1 { margin-left: -8.33333333% } .col-pull-0 { margin-left: 0 } .col-push-12 { margin-left: 100% } .col-push-11 { margin-left: 91.66666667% } .col-push-10 { margin-left: 83.33333333% } .col-push-9 { margin-left: 75% } .col-push-8 { margin-left: 66.66666667% } .col-push-7 { margin-left: 58.33333333% } .col-push-6 { margin-left: 50% } .col-push-5 { margin-left: 41.66666667% } .col-push-4 { margin-left: 33.33333333% } .col-push-3 { margin-left: 25% } .col-push-2 { margin-left: 16.66666667% } .col-push-1 { margin-left: 8.33333333% } .col-push-0 { margin-left: 0 } .rotate-l-5 { transform: rotate(-5deg) } .rotate-l-10 { transform: rotate(-10deg) } .rotate-l-15 { transform: rotate(-15deg) } .rotate-l-20 { transform: rotate(-20deg) } .rotate-l-25 { transform: rotate(-25deg) } .rotate-l-30 { transform: rotate(-30deg) } .rotate-l-35 { transform: rotate(-35deg) } .rotate-l-40 { transform: rotate(-40deg) } .rotate-l-45 { transform: rotate(-45deg) } .rotate-l-50 { transform: rotate(-50deg) } .rotate-l-55 { transform: rotate(-55deg) } .rotate-l-60 { transform: rotate(-60deg) } .rotate-l-65 { transform: rotate(-65deg) } .rotate-l-70 { transform: rotate(-70deg) } .rotate-l-75 { transform: rotate(-75deg) } .rotate-l-80 { transform: rotate(-80deg) } .rotate-l-85 { transform: rotate(-85deg) } .rotate-l-90 { transform: rotate(-90deg) } .rotate-r-5 { transform: rotate(5deg) } .rotate-r-10 { transform: rotate(10deg) } .rotate-r-15 { transform: rotate(15deg) } .rotate-r-20 { transform: rotate(20deg) } .rotate-r-25 { transform: rotate(25deg) } .rotate-r-30 { transform: rotate(30deg) } .rotate-r-35 { transform: rotate(35deg) } .rotate-r-40 { transform: rotate(40deg) } .rotate-r-45 { transform: rotate(45deg) } .rotate-r-50 { transform: rotate(50deg) } .rotate-r-55 { transform: rotate(55deg) } .rotate-r-60 { transform: rotate(60deg) } .rotate-r-65 { transform: rotate(65deg) } .rotate-r-70 { transform: rotate(70deg) } .rotate-r-75 { transform: rotate(75deg) } .rotate-r-80 { transform: rotate(80deg) } .rotate-r-85 { transform: rotate(85deg) } .rotate-r-90 { transform: rotate(90deg) } @media(min-width:576px) { .col-sm-pull-12 { margin-left: -100% } .col-sm-pull-11 { margin-left: -91.66666667% } .col-sm-pull-10 { margin-left: -83.33333333% } .col-sm-pull-9 { margin-left: -75% } .col-sm-pull-8 { margin-left: -66.66666667% } .col-sm-pull-7 { margin-left: -58.33333333% } .col-sm-pull-6 { margin-left: -50% } .col-sm-pull-5 { margin-left: -41.66666667% } .col-sm-pull-4 { margin-left: -33.33333333% } .col-sm-pull-3 { margin-left: -25% } .col-sm-pull-2 { margin-left: -16.66666667% } .col-sm-pull-1 { margin-left: -8.33333333% } .col-sm-pull-0 { margin-left: 0 } .col-sm-push-12 { margin-left: 100% } .col-sm-push-11 { margin-left: 91.66666667% } .col-sm-push-10 { margin-left: 83.33333333% } .col-sm-push-9 { margin-left: 75% } .col-sm-push-8 { margin-left: 66.66666667% } .col-sm-push-7 { margin-left: 58.33333333% } .col-sm-push-6 { margin-left: 50% } .col-sm-push-5 { margin-left: 41.66666667% } .col-sm-push-4 { margin-left: 33.33333333% } .col-sm-push-3 { margin-left: 25% } .col-sm-push-2 { margin-left: 16.66666667% } .col-sm-push-1 { margin-left: 8.33333333% } .col-sm-push-0 { margin-left: 0 } .rotate-sm-l-5 { transform: rotate(-5deg) } .rotate-sm-l-10 { transform: rotate(-10deg) } .rotate-sm-l-15 { transform: rotate(-15deg) } .rotate-sm-l-20 { transform: rotate(-20deg) } .rotate-sm-l-25 { transform: rotate(-25deg) } .rotate-sm-l-30 { transform: rotate(-30deg) } .rotate-sm-l-35 { transform: rotate(-35deg) } .rotate-sm-l-40 { transform: rotate(-40deg) } .rotate-sm-l-45 { transform: rotate(-45deg) } .rotate-sm-l-50 { transform: rotate(-50deg) } .rotate-sm-l-55 { transform: rotate(-55deg) } .rotate-sm-l-60 { transform: rotate(-60deg) } .rotate-sm-l-65 { transform: rotate(-65deg) } .rotate-sm-l-70 { transform: rotate(-70deg) } .rotate-sm-l-75 { transform: rotate(-75deg) } .rotate-sm-l-80 { transform: rotate(-80deg) } .rotate-sm-l-85 { transform: rotate(-85deg) } .rotate-sm-l-90 { transform: rotate(-90deg) } .rotate-sm-r-5 { transform: rotate(5deg) } .rotate-sm-r-10 { transform: rotate(10deg) } .rotate-sm-r-15 { transform: rotate(15deg) } .rotate-sm-r-20 { transform: rotate(20deg) } .rotate-sm-r-25 { transform: rotate(25deg) } .rotate-sm-r-30 { transform: rotate(30deg) } .rotate-sm-r-35 { transform: rotate(35deg) } .rotate-sm-r-40 { transform: rotate(40deg) } .rotate-sm-r-45 { transform: rotate(45deg) } .rotate-sm-r-50 { transform: rotate(50deg) } .rotate-sm-r-55 { transform: rotate(55deg) } .rotate-sm-r-60 { transform: rotate(60deg) } .rotate-sm-r-65 { transform: rotate(65deg) } .rotate-sm-r-70 { transform: rotate(70deg) } .rotate-sm-r-75 { transform: rotate(75deg) } .rotate-sm-r-80 { transform: rotate(80deg) } .rotate-sm-r-85 { transform: rotate(85deg) } .rotate-sm-r-90 { transform: rotate(90deg) } } @media(min-width:768px) { .col-md-pull-12 { margin-left: -100% } .col-md-pull-11 { margin-left: -91.66666667% } .col-md-pull-10 { margin-left: -83.33333333% } .col-md-pull-9 { margin-left: -75% } .col-md-pull-8 { margin-left: -66.66666667% } .col-md-pull-7 { margin-left: -58.33333333% } .col-md-pull-6 { margin-left: -50% } .col-md-pull-5 { margin-left: -41.66666667% } .col-md-pull-4 { margin-left: -33.33333333% } .col-md-pull-3 { margin-left: -25% } .col-md-pull-2 { margin-left: -16.66666667% } .col-md-pull-1 { margin-left: -8.33333333% } .col-md-pull-0 { margin-left: 0 } .col-md-push-12 { margin-left: 100% } .col-md-push-11 { margin-left: 91.66666667% } .col-md-push-10 { margin-left: 83.33333333% } .col-md-push-9 { margin-left: 75% } .col-md-push-8 { margin-left: 66.66666667% } .col-md-push-7 { margin-left: 58.33333333% } .col-md-push-6 { margin-left: 50% } .col-md-push-5 { margin-left: 41.66666667% } .col-md-push-4 { margin-left: 33.33333333% } .col-md-push-3 { margin-left: 25% } .col-md-push-2 { margin-left: 16.66666667% } .col-md-push-1 { margin-left: 8.33333333% } .col-md-push-0 { margin-left: 0 } .rotate-md-l-5 { transform: rotate(-5deg) } .rotate-md-l-10 { transform: rotate(-10deg) } .rotate-md-l-15 { transform: rotate(-15deg) } .rotate-md-l-20 { transform: rotate(-20deg) } .rotate-md-l-25 { transform: rotate(-25deg) } .rotate-md-l-30 { transform: rotate(-30deg) } .rotate-md-l-35 { transform: rotate(-35deg) } .rotate-md-l-40 { transform: rotate(-40deg) } .rotate-md-l-45 { transform: rotate(-45deg) } .rotate-md-l-50 { transform: rotate(-50deg) } .rotate-md-l-55 { transform: rotate(-55deg) } .rotate-md-l-60 { transform: rotate(-60deg) } .rotate-md-l-65 { transform: rotate(-65deg) } .rotate-md-l-70 { transform: rotate(-70deg) } .rotate-md-l-75 { transform: rotate(-75deg) } .rotate-md-l-80 { transform: rotate(-80deg) } .rotate-md-l-85 { transform: rotate(-85deg) } .rotate-md-l-90 { transform: rotate(-90deg) } .rotate-md-r-5 { transform: rotate(5deg) } .rotate-md-r-10 { transform: rotate(10deg) } .rotate-md-r-15 { transform: rotate(15deg) } .rotate-md-r-20 { transform: rotate(20deg) } .rotate-md-r-25 { transform: rotate(25deg) } .rotate-md-r-30 { transform: rotate(30deg) } .rotate-md-r-35 { transform: rotate(35deg) } .rotate-md-r-40 { transform: rotate(40deg) } .rotate-md-r-45 { transform: rotate(45deg) } .rotate-md-r-50 { transform: rotate(50deg) } .rotate-md-r-55 { transform: rotate(55deg) } .rotate-md-r-60 { transform: rotate(60deg) } .rotate-md-r-65 { transform: rotate(65deg) } .rotate-md-r-70 { transform: rotate(70deg) } .rotate-md-r-75 { transform: rotate(75deg) } .rotate-md-r-80 { transform: rotate(80deg) } .rotate-md-r-85 { transform: rotate(85deg) } .rotate-md-r-90 { transform: rotate(90deg) } } @media(min-width:992px) { .col-lg-pull-12 { margin-left: -100% } .col-lg-pull-11 { margin-left: -91.66666667% } .col-lg-pull-10 { margin-left: -83.33333333% } .col-lg-pull-9 { margin-left: -75% } .col-lg-pull-8 { margin-left: -66.66666667% } .col-lg-pull-7 { margin-left: -58.33333333% } .col-lg-pull-6 { margin-left: -50% } .col-lg-pull-5 { margin-left: -41.66666667% } .col-lg-pull-4 { margin-left: -33.33333333% } .col-lg-pull-3 { margin-left: -25% } .col-lg-pull-2 { margin-left: -16.66666667% } .col-lg-pull-1 { margin-left: -8.33333333% } .col-lg-pull-0 { margin-right: 0 } .col-lg-push-12 { margin-left: 100% } .col-lg-push-11 { margin-left: 91.66666667% } .col-lg-push-10 { margin-left: 83.33333333% } .col-lg-push-9 { margin-left: 75% } .col-lg-push-8 { margin-left: 66.66666667% } .col-lg-push-7 { margin-left: 58.33333333% } .col-lg-push-6 { margin-left: 50% } .col-lg-push-5 { margin-left: 41.66666667% } .col-lg-push-4 { margin-left: 33.33333333% } .col-lg-push-3 { margin-left: 25% } .col-lg-push-2 { margin-left: 16.66666667% } .col-lg-push-1 { margin-left: 8.33333333% } .col-lg-push-0 { margin-left: 0 } .rotate-lg-l-5 { transform: rotate(-5deg) } .rotate-lg-l-10 { transform: rotate(-10deg) } .rotate-lg-l-15 { transform: rotate(-15deg) } .rotate-lg-l-20 { transform: rotate(-20deg) } .rotate-lg-l-25 { transform: rotate(-25deg) } .rotate-lg-l-30 { transform: rotate(-30deg) } .rotate-lg-l-35 { transform: rotate(-35deg) } .rotate-lg-l-40 { transform: rotate(-40deg) } .rotate-lg-l-45 { transform: rotate(-45deg) } .rotate-lg-l-50 { transform: rotate(-50deg) } .rotate-lg-l-55 { transform: rotate(-55deg) } .rotate-lg-l-60 { transform: rotate(-60deg) } .rotate-lg-l-65 { transform: rotate(-65deg) } .rotate-lg-l-70 { transform: rotate(-70deg) } .rotate-lg-l-75 { transform: rotate(-75deg) } .rotate-lg-l-80 { transform: rotate(-80deg) } .rotate-lg-l-85 { transform: rotate(-85deg) } .rotate-lg-l-90 { transform: rotate(-90deg) } .rotate-lg-r-5 { transform: rotate(5deg) } .rotate-lg-r-10 { transform: rotate(10deg) } .rotate-lg-r-15 { transform: rotate(15deg) } .rotate-lg-r-20 { transform: rotate(20deg) } .rotate-lg-r-25 { transform: rotate(25deg) } .rotate-lg-r-30 { transform: rotate(30deg) } .rotate-lg-r-35 { transform: rotate(35deg) } .rotate-lg-r-40 { transform: rotate(40deg) } .rotate-lg-r-45 { transform: rotate(45deg) } .rotate-lg-r-50 { transform: rotate(50deg) } .rotate-lg-r-55 { transform: rotate(55deg) } .rotate-lg-r-60 { transform: rotate(60deg) } .rotate-lg-r-65 { transform: rotate(65deg) } .rotate-lg-r-70 { transform: rotate(70deg) } .rotate-lg-r-75 { transform: rotate(75deg) } .rotate-lg-r-80 { transform: rotate(80deg) } .rotate-lg-r-85 { transform: rotate(85deg) } .rotate-lg-r-90 { transform: rotate(90deg) } } @media(min-width:1200px) { .col-xl-pull-12 { margin-left: -100% } .col-xl-pull-11 { margin-left: -91.66666667% } .col-xl-pull-10 { margin-left: -83.33333333% } .col-xl-pull-9 { margin-left: -75% } .col-xl-pull-8 { margin-left: -66.66666667% } .col-xl-pull-7 { margin-left: -58.33333333% } .col-xl-pull-6 { margin-left: -50% } .col-xl-pull-5 { margin-left: -41.66666667% } .col-xl-pull-4 { margin-left: -33.33333333% } .col-xl-pull-3 { margin-left: -25% } .col-xl-pull-2 { margin-left: -16.66666667% } .col-xl-pull-1 { margin-left: -8.33333333% } .col-xl-pull-0 { margin-left: 0 } .col-xl-push-12 { margin-left: 100% } .col-xl-push-11 { margin-left: 91.66666667% } .col-xl-push-10 { margin-left: 83.33333333% } .col-xl-push-9 { margin-left: 75% } .col-xl-push-8 { margin-left: 66.66666667% } .col-xl-push-7 { margin-left: 58.33333333% } .col-xl-push-6 { margin-left: 50% } .col-xl-push-5 { margin-left: 41.66666667% } .col-xl-push-4 { margin-left: 33.33333333% } .col-xl-push-3 { margin-left: 25% } .col-xl-push-2 { margin-left: 16.66666667% } .col-xl-push-1 { margin-left: 8.33333333% } .col-xl-push-0 { margin-left: 0 } .rotate-xl-l-5 { transform: rotate(-5deg) } .rotate-xl-l-10 { transform: rotate(-10deg) } .rotate-xl-l-15 { transform: rotate(-15deg) } .rotate-xl-l-20 { transform: rotate(-20deg) } .rotate-xl-l-25 { transform: rotate(-25deg) } .rotate-xl-l-30 { transform: rotate(-30deg) } .rotate-xl-l-35 { transform: rotate(-35deg) } .rotate-xl-l-40 { transform: rotate(-40deg) } .rotate-xl-l-45 { transform: rotate(-45deg) } .rotate-xl-l-50 { transform: rotate(-50deg) } .rotate-xl-l-55 { transform: rotate(-55deg) } .rotate-xl-l-60 { transform: rotate(-60deg) } .rotate-xl-l-65 { transform: rotate(-65deg) } .rotate-xl-l-70 { transform: rotate(-70deg) } .rotate-xl-l-75 { transform: rotate(-75deg) } .rotate-xl-l-80 { transform: rotate(-80deg) } .rotate-xl-l-85 { transform: rotate(-85deg) } .rotate-xl-l-90 { transform: rotate(-90deg) } .rotate-xl-r-5 { transform: rotate(5deg) } .rotate-xl-r-10 { transform: rotate(10deg) } .rotate-xl-r-15 { transform: rotate(15deg) } .rotate-xl-r-20 { transform: rotate(20deg) } .rotate-xl-r-25 { transform: rotate(25deg) } .rotate-xl-r-30 { transform: rotate(30deg) } .rotate-xl-r-35 { transform: rotate(35deg) } .rotate-xl-r-40 { transform: rotate(40deg) } .rotate-xl-r-45 { transform: rotate(45deg) } .rotate-xl-r-50 { transform: rotate(50deg) } .rotate-xl-r-55 { transform: rotate(55deg) } .rotate-xl-r-60 { transform: rotate(60deg) } .rotate-xl-r-65 { transform: rotate(65deg) } .rotate-xl-r-70 { transform: rotate(70deg) } .rotate-xl-r-75 { transform: rotate(75deg) } .rotate-xl-r-80 { transform: rotate(80deg) } .rotate-xl-r-85 { transform: rotate(85deg) } .rotate-xl-r-90 { transform: rotate(90deg) } } @media(min-width:1400px) { .col-xxl-pull-12 { margin-left: -100% } .col-xxl-pull-11 { margin-left: -91.66666667% } .col-xxl-pull-10 { margin-left: -83.33333333% } .col-xxl-pull-9 { margin-left: -75% } .col-xxl-pull-8 { margin-left: -66.66666667% } .col-xxl-pull-7 { margin-left: -58.33333333% } .col-xxl-pull-6 { margin-left: -50% } .col-xxl-pull-5 { margin-left: -41.66666667% } .col-xxl-pull-4 { margin-left: -33.33333333% } .col-xxl-pull-3 { margin-left: -25% } .col-xxl-pull-2 { margin-left: -16.66666667% } .col-xxl-pull-1 { margin-left: -8.33333333% } .col-xxl-pull-0 { margin-left: 0 } .col-xxl-push-12 { margin-left: 100% } .col-xxl-push-11 { margin-left: 91.66666667% } .col-xxl-push-10 { margin-left: 83.33333333% } .col-xxl-push-9 { margin-left: 75% } .col-xxl-push-8 { margin-left: 66.66666667% } .col-xxl-push-7 { margin-left: 58.33333333% } .col-xxl-push-6 { margin-left: 50% } .col-xxl-push-5 { margin-left: 41.66666667% } .col-xxl-push-4 { margin-left: 33.33333333% } .col-xxl-push-3 { margin-left: 25% } .col-xxl-push-2 { margin-left: 16.66666667% } .col-xxl-push-1 { margin-left: 8.33333333% } .col-xxl-push-0 { margin-left: 0 } .rotate-xxl-l-5 { transform: rotate(-5deg) } .rotate-xxl-l-10 { transform: rotate(-10deg) } .rotate-xxl-l-15 { transform: rotate(-15deg) } .rotate-xxl-l-20 { transform: rotate(-20deg) } .rotate-xxl-l-25 { transform: rotate(-25deg) } .rotate-xxl-l-30 { transform: rotate(-30deg) } .rotate-xxl-l-35 { transform: rotate(-35deg) } .rotate-xxl-l-40 { transform: rotate(-40deg) } .rotate-xxl-l-45 { transform: rotate(-45deg) } .rotate-xxl-l-50 { transform: rotate(-50deg) } .rotate-xxl-l-55 { transform: rotate(-55deg) } .rotate-xxl-l-60 { transform: rotate(-60deg) } .rotate-xxl-l-65 { transform: rotate(-65deg) } .rotate-xxl-l-70 { transform: rotate(-70deg) } .rotate-xxl-l-75 { transform: rotate(-75deg) } .rotate-xxl-l-80 { transform: rotate(-80deg) } .rotate-xxl-l-85 { transform: rotate(-85deg) } .rotate-xxl-l-90 { transform: rotate(-90deg) } .rotate-xxl-r-5 { transform: rotate(5deg) } .rotate-xxl-r-10 { transform: rotate(10deg) } .rotate-xxl-r-15 { transform: rotate(15deg) } .rotate-xxl-r-20 { transform: rotate(20deg) } .rotate-xxl-r-25 { transform: rotate(25deg) } .rotate-xxl-r-30 { transform: rotate(30deg) } .rotate-xxl-r-35 { transform: rotate(35deg) } .rotate-xxl-r-40 { transform: rotate(40deg) } .rotate-xxl-r-45 { transform: rotate(45deg) } .rotate-xxl-r-50 { transform: rotate(50deg) } .rotate-xxl-r-55 { transform: rotate(55deg) } .rotate-xxl-r-60 { transform: rotate(60deg) } .rotate-xxl-r-65 { transform: rotate(65deg) } .rotate-xxl-r-70 { transform: rotate(70deg) } .rotate-xxl-r-75 { transform: rotate(75deg) } .rotate-xxl-r-80 { transform: rotate(80deg) } .rotate-xxl-r-85 { transform: rotate(85deg) } .rotate-xxl-r-90 { transform: rotate(90deg) } } #footer { background: #212529; border-top: 4px solid #212529; font-size: .9em; margin-top: 0px; padding: 0; position: relative; clear: both } #footer .footer-ribbon { background: #999; position: absolute; margin: -44px 0 0; padding: 10px 20px 6px } #footer .footer-ribbon:before { border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; right: 100%; position: absolute; top: 0; width: 7px } #footer .footer-ribbon span { color: #fff; font-size: 1.6em; font-family: shadows into light,cursive } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #fff } #footer a:not(.btn):not(.no-footer-css) { color: #777; transition: all .1s ease-in-out } #footer a:not(.btn):not(.no-footer-css):hover { text-decoration: none; color: #fff } #footer a:not(.btn):not(.no-footer-css):focus, #footer a:not(.btn):not(.no-footer-css):active { color: #ccc } #footer a:not(.btn):not(.no-footer-css).text-color-light { color: #fff !important } #footer a:not(.btn):not(.no-footer-css).text-color-light:hover { color: #e6e5e5 !important } #footer a:not(.btn):not(.no-footer-css).text-color-light:focus, #footer a:not(.btn):not(.no-footer-css).text-color-light:active { color: #ccc !important } #footer a:not(.btn):not(.no-footer-css).text-color-default { color: #777 !important } #footer a:not(.btn):not(.no-footer-css).text-color-default:hover { color: #919090 !important } #footer a:not(.btn):not(.no-footer-css).text-color-default:focus, #footer a:not(.btn):not(.no-footer-css).text-color-default:active { color: #5e5d5d !important } #footer a:not(.btn):not(.no-footer-css).link-hover-style-1 { position: relative; left: 0; transition: all .1s ease-in-out } #footer a:not(.btn):not(.no-footer-css).link-hover-style-1:hover { left: 3px } #footer ul.nav-list > li a { border-bottom: 1px solid rgba(255,255,255,.1); line-height: 20px; padding-bottom: 11px } #footer ul.nav-list > li:last-child a { border-bottom: 0 } #footer ul.nav-list > li a:hover { background-color: rgba(255,255,255,.05) } #footer ul.list.icons li { margin-bottom: 5px } #footer.footer-texts-more-lighten p, #footer.footer-texts-more-lighten span, #footer.footer-texts-more-lighten a:not(.btn):not(.no-footer-css), #footer.footer-texts-more-lighten li { color: #a8a8a8 } #footer.footer-texts-more-lighten a:not(.btn):not(.no-footer-css):hover { text-decoration: none; color: #fff } #footer .footer-nav nav { display: flex } #footer .footer-nav nav > ul { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } #footer .footer-nav nav > ul > li { position: relative; height: 100%; align-self: stretch } #footer .footer-nav nav > ul > li > a { position: relative; background: 0 0; padding: 0 14.4px; padding: 0 .9rem; margin: 0; height: 100%; display: inline-flex; align-items: center; white-space: normal; font-size: 12px; font-style: normal; font-weight: 700; letter-spacing: -.5px; text-transform: uppercase; color: #fff; text-decoration: none } #footer .footer-nav.footer-nav-links nav > ul > li:first-child > a { padding-left: 0 } #footer .footer-nav.footer-nav-links nav > ul > li:first-child > a:before { left: 0 } @media(min-width:768px) { #footer .footer-nav.footer-nav-bottom-line nav > ul > li > a:before { content: ""; position: absolute; width: auto; height: 3px; top: 50%; left: .85rem; right: .85rem; margin-top: 15px; transform: translate3d(0,-50%,0) } } @media(max-width:991px) { #footer .footer-nav { width: 100% } #footer .footer-nav nav { text-align: center } #footer .footer-nav nav > ul { width: 100% } #footer .footer-nav nav > ul > li > a { text-align: center; padding: 5px 12px } } @media(max-width:767px) { #footer .footer-nav { width: 100% } #footer .footer-nav nav { text-align: center } #footer .footer-nav nav > ul { width: 100% } #footer .footer-nav nav > ul > li { height: auto; width: 100% } #footer .footer-nav nav > ul > li > a { text-align: center; padding: 1em 0 } } #footer form { opacity: .85 } #footer form label.error { line-height: 16px; margin: 5px 0 -5px; display: block; clear: both } #footer form .alert { padding: 6px; text-align: center } #footer .logo img { position: relative; top: 2px; image-rendering: -webkit-optimize-contrast; transform: translateZ(0) } #footer .twitter [class*=fa-], #footer .twitter .icons { clear: both; font-size: 1.5em; position: relative; top: 3px; margin-right: -22px; left: -30px; color: #fff } #footer .twitter .meta { color: #999; display: block; font-size: .9em; padding-top: 3px; opacity: .5 } #footer .twitter ul { list-style: none; margin: 0; padding: 0 } #footer .twitter ul li { padding-bottom: 20px; padding-left: 30px } #footer .twitter ul li:last-child { padding-bottom: 0 } #footer .twitter.twitter-dark [class*=fa-], #footer .twitter.twitter-dark .icons { color: #333 } #footer .twitter.twitter-dark .meta a { color: #333 } #footer .twitter.twitter-light { color: #fff } #footer .twitter.twitter-light [class*=fa-], #footer .twitter.twitter-light .icons { color: #fff } #footer .twitter.twitter-light .meta a { color: #fff; opacity: .7 } #footer .twitter-account { color: #fff; display: block; font-size: .9em; margin: -15px 0 5px; opacity: .55 } #footer .twitter-account:hover { opacity: 1 } #footer .footer-bg-color-2 { background: #1c2023 } #footer .footer-copyright { background: #1c2023 } #footer .footer-copyright nav { font-size: .9em } #footer .footer-copyright nav ul { list-style: none; margin: 0; padding: 0 } #footer .footer-copyright nav ul li { display: inline-block; line-height: 12px; margin: 0; padding: 0 8px } #footer .footer-copyright nav ul li:first-child { border: medium; padding-left: 0 } #footer .footer-copyright nav ul li:last-child { padding-right: 0 } #footer .footer-copyright p { color: #555; margin: 0; padding: 0; font-size: .9em } #footer .footer-copyright.footer-copyright-style-2 { background: #212529; border-top: 1px solid rgba(255,255,255,.05) } #footer .footer-copyright.footer-copyright-border-grey { border-top: 1px solid #e5e5e5 } #footer .footer-copyright.footer-copyright-full-width-border-top { position: relative; border-top: 0 } #footer .footer-copyright.footer-copyright-full-width-border-top:before { content: ''; position: absolute; top: 0; left: 50%; width: 100vw; border-top: 1px solid rgba(255,255,255,.05); transform: translate3d(-50%,0,0) } #footer.footer-reveal { position: fixed; bottom: 0; left: 0; width: 100%; z-index: -10 } .footer-top-border { border-top: 1px solid rgba(0,0,0,.05) !important } .footer-bottom-border { border-bottom: 1px solid rgba(0,0,0,.05) !important } .footer-left-border { border-left: 1px solid rgba(0,0,0,.05) !important } .footer-right-border { border-right: 1px solid rgba(0,0,0,.05) !important } .footer-top-light-border { border-top: 1px solid rgba(255,255,255,.05) !important } .footer-bottom-light-border { border-bottom: 1px solid rgba(255,255,255,.05) !important } .footer-left-light-border { border-left: 1px solid rgba(255,255,255,.05) !important } .footer-right-light-border { border-right: 1px solid rgba(255,255,255,.05) !important } .map-above { min-height: 630px; position: relative } .map-above .map-above-map { position: absolute; top: 0; min-height: 630px; height: 100%; width: 100% } @media(max-width:767px) { .map-above .map-above-map { position: relative } } .map-above .map-above-content { background: 0 0 } html.dark body, html.dark .body { background-color: #212529 } html.dark.boxed .body { background-color: #212529 } html.dark #header .header-top { background: #2c3237; border-bottom-color: #333940 } html.dark #header .header-search .form-control { background: #262a2f } html.dark #header .header-body { background: #212529; border-top-color: #333940 } html.dark #header .header-nav-bar { background-color: #262a2f } html.dark #header .header-nav-top .nav > li > a:hover, html.dark #header .header-nav-top .nav > li > a a:focus { background-color: #262a2f } html.dark #header .header-nav-top .dropdown-menu { background: #262a2f; border-color: #262a2f } html.dark #header .header-nav-top .dropdown-menu a:hover, html.dark #header .header-nav-top .dropdown-menu a:focus { background: #2c3237 !important } html.dark #header .header-nav-features .header-nav-top-icon, html.dark #header .header-nav-features .header-nav-top-icon-img { color: #fff } html.dark #header .header-nav-features .header-nav-features-dropdown { background: #262a2f } html.dark #header .header-nav-features .header-nav-features-dropdown:before { border-bottom-color: #262a2f } html.dark.sticky-header-active #header .header-body { border-bottom-color: #333940; box-shadow: none } html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 { color: #fff } html.dark h1.card-title, html.dark h2.card-title, html.dark h3.card-title, html.dark h4.card-title, html.dark h5.card-title, html.dark h6.card-title { color: #fff } html.dark .alert h1, html.dark .alert h2, html.dark .alert h3, html.dark .alert h4, html.dark .alert h5, html.dark .alert h6 { color: #111 } html.dark blockquote { border-color: #2c3237 } html.dark section.featured { background-color: #1c2023; border-top-color: #333940 } html.dark section.section { background-color: #262a2f; border-top-color: #2c3237 } html.dark .dropdown-menu > li a { color: #fff } html.dark .dropdown-menu > li a:hover, html.dark .dropdown-menu > li a:focus { background-color: #333940 } html.dark .simple-search .input-group-append { border-color: #2c3237 } html.dark .home-intro { background-color: #262a2f } html.dark .tabs .nav-tabs li a, html.dark .tabs .nav-tabs li a:focus { border-top-color: #2c3237; border-left-color: #2c3237; border-right-color: #2c3237; background: #2c3237 } html.dark .tabs .nav-tabs li a:hover { border-top-color: #808697 } html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus { border-top-color: #808697 } html.dark .tabs .nav-tabs.nav-justified { border-left-width: 0; border-right-width: 0; border-left-color: transparent; border-right-color: transparent } html.dark .tabs .nav-tabs.nav-justified li a, html.dark .tabs .nav-tabs.nav-justified li a:hover, html.dark .tabs .nav-tabs.nav-justified li a:focus { border-bottom-color: #2c3237 } html.dark .tabs.tabs-left .nav-tabs > li a, html.dark .tabs.tabs-right .nav-tabs > li a { background: #2c3237; border-left-color: #2c3237; border-right-color: #2c3237 } html.dark .tabs.tabs-left .nav-tabs > li:last-child a, html.dark .tabs.tabs-right .nav-tabs > li:last-child a { border-bottom-color: #2c3237 } html.dark .tabs .nav-tabs { border-color: #2c3237 } html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus, html.dark .tabs .nav-tabs.nav-justified li.active a, html.dark .tabs .nav-tabs.nav-justified li.active a:hover, html.dark .tabs .nav-tabs.nav-justified li.active a:focus { background: #333940; border-left-color: #333940; border-right-color: #333940 } html.dark .tabs .nav-tabs.nav-justified li.active a { border-bottom-color: #333940 } html.dark .tabs.tabs-vertical { border-top-color: #333940 } html.dark .tabs.tabs-bottom .nav-tabs li a, html.dark .tabs.tabs-bottom .nav-tabs li a:focus { border-bottom-color: #2c3237; border-top-color: #333940 } html.dark .tabs.tabs-bottom .nav-tabs li a:hover { border-bottom-color: #808697; border-top-color: #333940 } html.dark .tabs.tabs-bottom .nav-tabs li.active a, html.dark .tabs.tabs-bottom .nav-tabs li.active a:hover, html.dark .tabs.tabs-bottom .nav-tabs li.active a:focus { border-bottom-color: #808697; border-top-color: #333940 } html.dark .tabs .tab-content { background: #333940; border-color: #333940 } html.dark .tabs-primary.tabs-bottom .nav-tabs li a, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:focus, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:focus { border-top-color: #333940 !important } html.dark .nav-tabs li.active a, html.dark .nav-tabs li.active a:hover, html.dark .nav-tabs li.active a:focus, html.dark .nav-tabs li a { color: #808697 } html.dark .tab-content { background: #333940; border-color: #212529 } html.dark .tabs-simple .tab-content, html.dark .tabs-simple .nav-tabs li a, html.dark .tabs-simple .nav-tabs li.active a { background: 0 0 !important } html.dark .nav > li > a:hover, html.dark .nav > li > a:focus { background-color: #333940 } html.dark .call-to-action.call-to-action-default { background: #2c3237 } html.dark .call-to-action.call-to-action-dark { background: #333940 } html.dark .call-to-action.with-borders { border-top-color: #333940; border-bottom-color: #333940; border-left-color: #2c3237; border-right-color: #2c3237 } html.dark .call-to-action.with-full-borders { border-color: #333940 } html.dark .call-to-action.featured { background: linear-gradient(to bottom,#2c3237 1%,#333940 98%) repeat scroll 0 0 transparent; border-bottom-color: #333940; border-left-color: #2c3237; border-right-color: #2c3237 } html.dark .call-to-action.call-to-action-in-footer:before { border-top-color: #212529 } html.dark .counters.with-borders .counter { border-top: 1px solid #333940; border-bottom: 1px solid #333940; border-left: 1px solid #2c3237; border-right: 1px solid #2c3237 } html.dark .counters.counters-text-dark .counter { color: #fff !important } html.dark .counters.counters-text-dark .counter [class*=fa-], html.dark .counters.counters-text-dark .counter .icons, html.dark .counters.counters-text-dark .counter strong, html.dark .counters.counters-text-dark .counter label { color: #fff !important } html.dark section.timeline:after { background: #505050; background: linear-gradient(to bottom,rgba(80,80,80,0) 0%,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%) } html.dark section.timeline .timeline-date { background-color: #2c3237; border-color: #2c3237; text-shadow: none } html.dark section.timeline .timeline-title { background: #2c3237 } html.dark section.timeline .timeline-box { border-color: #2c3237; background: #2c3237 } html.dark section.timeline .timeline-box.left:before { box-shadow: 0 0 0 3px #2c3237,0 0 0 6px #2c3237 } html.dark section.timeline .timeline-box.left:after { background: #2c3237; border-right-color: #2c3237; border-top-color: #2c3237 } html.dark section.timeline .timeline-box.right:before { box-shadow: 0 0 0 3px #2c3237,0 0 0 6px #2c3237 } html.dark section.timeline .timeline-box.right:after { background: #2c3237; border-left-color: #2c3237; border-bottom-color: #2c3237 } html.dark form:not(.form-style-4) .form-control { background-color: #2c3237; border-color: #2c3237 } html.dark form.form-style-4 .form-control { border-bottom-color: #3c3c3c } html.dark .btn-light { background-color: #2c3237; border-color: #2c3237; color: #fff } html.dark .btn.disabled, html.dark .btn.disabled:hover, html.dark .btn.disabled:active, html.dark .btn.disabled:focus, html.dark .btn[disabled], html.dark .btn[disabled]:hover, html.dark .btn[disabled]:active, html.dark .btn[disabled]:focus { border-color: #2c3237 !important } html.dark .pagination > li > a, html.dark .pagination > li > span { background-color: #2c3237; border-color: #282d31 } html.dark section.section-custom-map { background-color: #212529 } html.dark section.section-custom-map section.section { background: rgba(38,42,47,.8) } html.dark .home-concept { background-image: url(../img/home/home-concept-dark.png) } html.dark .home-concept .process-image { background-image: url(../img/home/home-concept-item-dark.png) } html.dark .home-concept .project-image { background-image: url(../img/home/home-concept-item-dark.png) } html.dark .home-concept .sun { background-image: url(../img/home/home-concept-icons-dark.png) } html.dark .home-concept .cloud { background-image: url(../img/home/home-concept-icons-dark.png) } html.dark .page-header { border-bottom-color: #1c2023 } html.dark .page-header-light { background-color: #333940 } html.dark .card { background-color: #1c2023 } html.dark .accordion .card { background-color: #2c3237 } html.dark .accordion .card-default { border-color: #2c3237 } html.dark .accordion .card-header { background-color: #333940 } html.dark .accordion .form-control { background-color: #262a2f; border-color: #262a2f } html.dark .accordion.accordion-modern .card .card-header { background-color: #262a2f } html.dark .accordion.accordion-modern .card:first-of-type, html.dark .accordion.accordion-modern .card:not(:first-of-type):not(:last-of-type), html.dark .accordion.accordion-modern .card:last-of-type { border-color: #262a2f } html.dark .toggle > label, html.dark .toggle > .toggle-title { background-color: #333940 } html.dark .toggle.toggle-simple .toggle > label, html.dark .toggle.toggle-simple .toggle > .toggle-title { color: #fff } html.dark .featured-box { background: #333940; border-left-color: #333940; border-right-color: #333940; border-bottom-color: #333940 } html.dark .featured-box.secondary h4 { color: #fff } html.dark .featured-boxes-flat .featured-box .box-content { background: #333940 } html.dark .featured-boxes-style-5 .featured-box .box-content h4, html.dark .featured-boxes-style-6 .featured-box .box-content h4, html.dark .featured-boxes-style-7 .featured-box .box-content h4 { color: #fff } html.dark .featured-boxes-style-2 .featured-box { background: 0 0 } html.dark .featured-boxes-style-3 .featured-box .icon-featured { background: #212529 } html.dark .featured-boxes-style-4 .featured-box { background: 0 0 } html.dark .featured-boxes-style-5 .featured-box { background: 0 0 } html.dark .featured-boxes-style-5 .featured-box .icon-featured { background: #2c3237; border-color: #333940 } html.dark .featured-boxes-style-6 .featured-box { background: 0 0 } html.dark .featured-boxes-style-6 .featured-box .icon-featured { background: #2c3237; border-color: #333940 } html.dark .featured-boxes-style-6 .featured-box .icon-featured:after { border-color: #333940 } html.dark .featured-boxes-style-7 .featured-box { background: 0 0 } html.dark .featured-boxes-style-7 .featured-box .icon-featured { background: #2c3237; border-color: #333940 } html.dark .featured-boxes-style-7 .featured-box .icon-featured:after { box-shadow: 3px 3px #1a1d21 } html.dark .featured-boxes-style-8 .featured-box .icon-featured { background: #333940 } html.dark .featured-box-effect-1 .icon-featured:after { box-shadow: 0 0 0 3px #333940 } html.dark .feature-box.feature-box-style-2 h4, html.dark .feature-box.feature-box-style-3 h4, html.dark .feature-box.feature-box-style-4 h4 { color: #fff } html.dark .feature-box.feature-box-style-6 .feature-box-icon { border-color: #333940 } html.dark .feature-box.feature-box-style-6 .feature-box-icon:after { border-color: #333940 } html.dark .owl-dots button.owl-dot span { background: #333940 } html.dark .owl-carousel.top-border { border-top-color: #3f4247 } html.dark .progress { background: #333940 } html.dark .arrow { background-image: url(../img/arrows-dark.png) } html.dark .thumbnail, html.dark .img-thumbnail, html.dark .thumb-info { background-color: #2c3237; border-color: #2c3237 } html.dark .thumb-info .thumb-info-wrapper:after { background-color: rgba(33,37,41,.9) } html.dark .thumb-info-social-icons { border-top-color: #3c444b } html.dark ul.nav-list > li a { border-bottom-color: #2c3237 } html.dark ul.nav-list > li a:hover { background-color: #2c3237 } html.dark .content-grid .content-grid-item:before { border-left-color: #333940 } html.dark .content-grid .content-grid-item:after { border-bottom-color: #333940 } html.dark .content-grid.content-grid-dashed .content-grid-item:before { border-left-color: #333940 } html.dark .content-grid.content-grid-dashed .content-grid-item:after { border-bottom-color: #333940 } html.dark .testimonial .testimonial-author strong { color: #fff } html.dark .testimonial.testimonial-style-3 blockquote { background: #333940 !important } html.dark .testimonial.testimonial-style-3 .testimonial-arrow-down { border-top-color: #333940 !important } html.dark .testimonial.testimonial-style-4 { border-color: #333940 !important } html.dark .testimonial.testimonial-style-5 .testimonial-author { border-top-color: #333940 !important } html.dark .popover { background-color: #333940; border: 1px solid #2c3237 } html.dark .popover.top > .arrow { border-top-color: #2c3237 } html.dark .popover.top > .arrow:after { border-top-color: #333940 } html.dark .popover.right > .arrow { border-right-color: #2c3237 } html.dark .popover.right > .arrow:after { border-right-color: #333940 } html.dark .popover.bottom > .arrow { border-bottom-color: #2c3237 } html.dark .popover.bottom > .arrow:after { border-bottom-color: #333940 } html.dark .popover.left > .arrow { border-left-color: #2c3237 } html.dark .popover.left > .arrow:after { border-left-color: #333940 } html.dark .popover-title { background-color: #2c3237; border-bottom: #333940 } html.dark .page-header { border-bottom-color: #2c3237 } html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td, html.dark .table-bordered { border-color: #2c3237 } html.dark .table-striped > tbody > tr:nth-child(2n+1) > td, html.dark .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #333940 } html.dark pre { background-color: #2c3237; border-color: #2c3237; color: #777 } html.dark .show-grid [class*=col-lg-] .show-grid-block { background-color: #2c3237; border-color: #2c3237 } html.dark .google-map-borders, html.dark .ratio-borders { border-color: #333940 } html.dark .alert.alert-default { border-color: #333940; background-color: #2c3237 } html.dark hr { background-image: linear-gradient(to left,#212529,#3F4247,#212529) } html.dark hr.light { background-image: linear-gradient(to left,#212529,#3F4247,#212529) } html.dark hr.solid { background: #3f4247 } html.dark .divider { background-image: linear-gradient(to left,transparent,#3F4247,transparent) } html.dark .divider [class*=fa-], html.dark .divider .icons { background: #212529 } html.dark .divider.divider-solid { background: #3f4247 } html.dark .divider.divider-style-2 [class*=fa-], html.dark .divider.divider-style-2 .icons { background: #262a2f } html.dark .divider.divider-style-3 [class*=fa-], html.dark .divider.divider-style-3 .icons { border-color: #3f4247 } html.dark .divider.divider-style-4 [class*=fa-], html.dark .divider.divider-style-4 .icons { border-color: #3f4247 } html.dark .divider.divider-style-4 [class*=fa-]:after, html.dark .divider.divider-style-4 .icons:after { border-color: #262a2f } html.dark .divider.divider-small { background: 0 0 } html.dark .divider.divider-small hr { background: #3f4247 } html.dark .divider.divider-small.divider-light hr { background: #3f4247 } html.dark hr.dashed:after, html.dark .divider.dashed:after { border-color: #3f4247 } html.dark .heading.heading-bottom-border h1 { border-bottom-color: #3f4247 } html.dark .heading.heading-bottom-border h2, html.dark .heading.heading-bottom-border h3 { border-bottom-color: #3f4247 } html.dark .heading.heading-bottom-border h4, html.dark .heading.heading-bottom-border h5, html.dark .heading.heading-bottom-border h6 { border-bottom-color: #3f4247 } html.dark .heading.heading-bottom-double-border h1, html.dark .heading.heading-bottom-double-border h2, html.dark .heading.heading-bottom-double-border h3 { border-bottom-color: #3f4247 } html.dark .heading.heading-bottom-double-border h4, html.dark .heading.heading-bottom-double-border h5, html.dark .heading.heading-bottom-double-border h6 { border-bottom-color: #3f4247 } html.dark .heading.heading-middle-border:before { border-top-color: #3f4247 } html.dark .heading.heading-middle-border h1, html.dark .heading.heading-middle-border h2, html.dark .heading.heading-middle-border h3, html.dark .heading.heading-middle-border h4, html.dark .heading.heading-middle-border h5, html.dark .heading.heading-middle-border h6 { background: #212529 } html.dark .recent-posts .date .day, html.dark section.section .recent-posts .date .day { background-color: #333940 } html.dark .blog-posts article { border-color: #2c3237 } html.dark section.featured .recent-posts .date .day, html.dark article.post .post-date .day { background-color: #2c3237 } html.dark article .post-video, html.dark article .post-video iframe, html.dark article .post-audio, html.dark article .post-audio iframe { background-color: #2c3237; border-color: #2c3237 } html.dark ul.simple-post-list li { border-bottom-color: #262a2f } html.dark .post-block { border-top-color: #1c2023 } html.dark ul.comments .comment-block { background-color: #2c3237 } html.dark ul.comments .comment-arrow { border-right-color: #2c3237 } html.dark .pricing-table li { border-top-color: #262a2f } html.dark .pricing-table h3 { background-color: #262a2f; text-shadow: none } html.dark .pricing-table h3 span { background: #2c3237; border-color: #282d31; box-shadow: 0 5px 20px #282d31 inset,0 3px 0 #2c3237 inset; color: #777 } html.dark .pricing-table .most-popular { border-color: #2c3237 } html.dark .pricing-table .most-popular h3 { background-color: #2c3237; color: #fff; text-shadow: none } html.dark .pricing-table .plan-ribbon { background-color: #2c3237 } html.dark .pricing-table .plan { background: #2c3237; border: 1px solid #2c3237; color: #777; text-shadow: none } html.dark .product-thumb-info { background-color: #2c3237; border-color: transparent } html.dark .shop .quantity .qty { background-color: #2c3237; border-color: transparent } html.dark .shop .quantity .minus, html.dark .shop .quantity .plus { background-color: #262a2f; border-color: transparent } html.dark .shop table.cart td, html.dark .shop .cart-totals th, html.dark .shop .cart-totals td { border-color: #2c3237 } html.dark .dialog { background-color: #212529 } html.dark .modal-content { background-color: #212529 } html.dark .modal-header { border-bottom-color: #2c3237 } html.dark .modal-header h1, html.dark .modal-header h2, html.dark .modal-header h3, html.dark .modal-header h4, html.dark .modal-header h5, html.dark .modal-header h6 { color: #777 } html.dark .modal-header .close { text-shadow: none; color: #fff } html.dark .modal-footer { border-top-color: #2c3237 } html.dark .popup-inline-content, html.dark .mfp-content .ajax-container { background: #212529 !important } html.dark .loading-overlay { background: #212529 } html.dark .sort-destination-loader:after { background-color: #212529 } html.dark #footer .newsletter form .btn-light { background-color: #262a2f; border-color: #262a2f; color: #777 } html.dark #footer .newsletter form .form-control { border: 0 } @media(min-width:992px) { html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu { background: #262a2f } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:hover > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:focus > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li.active > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:active > a { background: #333940 } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a { border-bottom-color: #333940 } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a:hover, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a:focus, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a.active, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a:active { background: #333940 } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown-mega:not(.dropdown-full-color) .dropdown-mega-sub-title { color: #999 } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown-mega:not(.dropdown-full-color) .dropdown-mega-sub-nav > li:hover > a { background: #333940 } html.dark #header .header-nav-main:not(.header-nav-main-light) a > .thumb-info-preview .thumb-info-wrapper { background: #333940 } html.dark #header .header-nav.header-nav-stripe nav > ul > li > a { color: #ccc } html.dark #header .header-nav.header-nav-stripe nav > ul > li:hover > a { color: #fff } html.dark #header .header-nav.header-nav-links nav > ul > li > a, html.dark #header .header-nav.header-nav-links nav > ul > li:hover > a, html.dark #header .header-nav.header-nav-line nav > ul > li > a, html.dark #header .header-nav.header-nav-line nav > ul > li:hover > a { color: #ccc } html.dark #header .header-nav.header-nav-dropdowns-dark nav > ul > li > a, html.dark #header .header-nav.header-nav-dropdowns-dark nav > ul > li:hover > a { color: #ccc } html.dark .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu { background-color: #212529 } } @media(max-width:991px) { html.dark #header .header-nav-main:before { background-color: #212529 } html.dark #header .header-nav-main nav::-webkit-scrollbar-thumb { border-color: transparent; background: #39404c } html.dark #header .header-nav-main nav > ul li { border-bottom-color: #333940 } html.dark #header .header-nav-main nav > ul > li.dropdown-mega:not(.dropdown-full-color) .dropdown-mega-sub-title { color: #fff } html.dark #header .header-nav-main nav ul li a:active { background-color: #1e1e1e; color: #fff } html.dark .home-concept { background-image: none } } html.boxed body { background-color: transparent; background-position: 0 0; background-repeat: repeat } html.boxed .body { position: relative; background-color: transparent; border-radius: 5px; border-top: 5px solid #ccc; box-shadow: 0 0 4px rgba(0,0,0,.15); margin: 25px auto; max-width: 1200px; height: auto } html.boxed #header .header-body { border-top-color: transparent; border-top: 0 } html.boxed #header.header-effect-shrink .header-body { max-width: 1200px } html.boxed .main { background-color: #fff; overflow: hidden } html.boxed section.section.section-footer { padding-bottom: 100px } html.boxed #footer { margin-top: 0; border-bottom: 4px solid #1a1c1e; border-radius: 0 0 5px 5px } html.boxed .footer-reveal { max-width: 1200px; left: auto !important } @media(min-width:1200px) { html.boxed.sticky-header-active #header .header-body { width: 100%; max-width: 1200px } html.boxed .footer-reveal { bottom: 25px !important } } @media(max-width:1199px) { html.boxed .footer-reveal { border-bottom: none !important } } @media(min-width:992px) { html.boxed #header .header-top.header-top-colored { margin-top: -18px; border-radius: 4px 4px 0 0 } html.boxed.sticky-header-active #header:not(.header-effect-shrink) .header-body { position: fixed !important; padding-left: 15px; padding-right: 15px } html.boxed.sticky-header-active #header:not(.header-effect-shrink) .header-nav-bar { margin: 0 -15px -9px } } @media(max-width:991px) { html.boxed .body { margin: 0 auto; border-radius: 0 } } @media(max-width:767px) { html.boxed { background: 0 0 !important } } html.gap-outside .body { margin-top: 25px; margin-bottom: 25px } html.gap-outside .main, html.gap-outside #footer { margin-right: 25px; margin-left: 25px } html.gap-outside .slider-container { width: 100% !important; left: auto !important } html.gap-outside #header:not(.side-header) { margin-top: -25px } html.gap-outside #header:not(.side-header) .header-body { left: 0; padding-right: 25px; padding-left: 25px } html.gap-outside #header:not(.side-header) .header-container:after { content: none } @media(max-width:991px) { html.gap-outside #header:not(.side-header) .header-nav-main:before { width: calc(100vw - 50px) } } html.gap-outside .sticky-wrapper { left: 25px !important; width: calc(100vw - 67px) !important } html.gap-outside .pin-wrapper .sticky-wrapper { left: 25px !important; width: calc(100vw - 67px) !important } html.gap-outside .pin-wrapper .sticky-wrapper .sticky-body { width: calc(100vw - 67px) !important } html.gap-outside .pin-wrapper .sticky-wrapper.sticky-effect-active { top: -25px !important; left: 0 !important; width: 100% !important } html.gap-outside .pin-wrapper .sticky-wrapper.sticky-effect-active .sticky-body { width: 100% !important } html.gap-outside .pin-wrapper .sticky-wrapper.sticky-effect-active .sticky-body .container-fluid { padding-left: 25px; padding-right: 25px } .hiring-badge { position: absolute; background: #0052cc; border-radius: 3px; color: #fff; font-size: .73rem; padding: 0 0; border: 0; -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); top: -26px; left: 164px; width: 82px; height: 23px; text-align: center; } a { color: #0052cc; } .about-service { min-height: 315px; } iframe { float: left; width: 100%; height: 550px; border: none } .far { color: #ffff; } .blog-posts:not(.blog-posts-no-margins) article { border-bottom: 1px solid rgba(0,0,0,.06); margin-bottom: 50px; padding-bottom: 20px } .blog-posts:not(.blog-posts-no-margins) .pagination { margin: -10px 0 20px } .blog-posts.blog-posts-no-margins .pagination { margin-top: 28.8px; margin-top: 1.8rem } article.post h2 a { text-decoration: none } article.post .post-meta { font-size: .9em; margin-bottom: 7px } article.post .post-meta > span { display: inline-block; padding-right: 8px } article.post .post-meta i { margin-right: 3px } article.post .post-date { float: left; margin-right: 10px; text-align: center } article.post .post-date .month { display: block; background: #ccc; border-radius: 0 0 2px 2px; color: #fff; font-size: .8em; line-height: 1.8; padding: 1px 10px; text-transform: uppercase } article.post .post-date .day { background: #f7f7f7; border-radius: 2px 2px 0 0; color: #ccc; display: block; font-size: 18px; font-weight: 900; padding: 10px } article.post .post-image .owl-carousel { width: 100.1% } article .post-video { transition: all .2s ease-in-out; padding: 0; background-color: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 8px; display: block; height: auto; position: relative; margin: 0 0 30px; padding-bottom: 61% } article .post-video iframe { bottom: 0; height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; padding: 4px; position: absolute; right: 0; top: 0; width: auto } article .post-audio { transition: all .2s ease-in-out; padding: 0; background-color: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 8px; display: block; height: auto; position: relative; margin: 0 0 30px; padding-bottom: 35%; min-height: 160px } article .post-audio iframe { bottom: 0; height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; padding: 4px; position: absolute; right: 0; top: 0; width: auto } article.post-medium .post-image .owl-carousel { width: 100.2% } article.post-large { margin-left: 60px } article.post-large h2 { margin-bottom: 5px } article.post-large .post-image, article.post-large .post-date { margin-left: -60px } article.post-large .post-image { margin-bottom: 25px } article.post-large .post-image.single { margin-bottom: 30px } article.post-large .post-video { margin-left: -60px } article.post-large .post-audio { margin-left: -60px } .single-post article { border-bottom: 0; margin-bottom: 0 } article.blog-single-post .post-meta { margin-bottom: 20px } .post-block h3 { font-size: 1.8em; font-weight: 200; margin: 0 0 20px; text-transform: none } .post-block h3 i { margin-right: 7px } .post-author img { max-height: 80px; max-width: 80px } .post-author p { font-size: .9em; line-height: 22px; margin: 0; padding: 0 } .post-author p .name { font-size: 1.1em } .post-author .img-thumbnail { display: inline-block; float: left; margin-right: 20px } ul.comments { list-style: none; margin: 0; padding: 0 } ul.comments li { clear: both; padding: 10px 0 0 70px } ul.comments li img.avatar { height: 48px; width: 48px } ul.comments li ul.reply { margin: 0 } ul.comments li a { text-decoration: none } ul.comments li .img-thumbnail { margin-left: -70px; position: absolute } ul.comments li .comment { margin-bottom: 10px } ul.comments .comment-arrow { border-bottom: 12px solid transparent; border-right: 12px solid #f7f7f7; border-top: 12px solid transparent; height: 0; left: -12px; position: absolute; top: 12px; width: 0 } ul.comments .comment-block { background: #f7f7f7; border-radius: 5px; padding: 20px 20px 30px; position: relative } ul.comments .comment-block p { font-size: .9em; line-height: 21px; margin: 0; padding: 0 } ul.comments .comment-block .comment-by { display: block; font-size: 1em; line-height: 21px; margin: 0; padding: 0 0 5px } ul.comments .comment-block .date { color: #999; font-size: .9em } .post-leave-comment h3 { margin: 0 0 40px } .recent-posts h4 { margin-bottom: 7px } .recent-posts article.recent-post h4 { margin: 0 0 3px } .recent-posts article.recent-post h4 a { display: block } .recent-posts .date { margin-right: 10px; text-align: center } .recent-posts .date .month { background: #ccc; color: #fff; font-size: .9em; padding: 3px 10px; position: relative; top: -2px } .recent-posts .date .day { background: #f7f7f7; color: #ccc; display: block; font-size: 18px; font-weight: 500; font-weight: 700; padding: 8px } section.section .recent-posts .date .day { background: #fff } ul.simple-post-list { list-style: none; margin: 0; padding: 0 } ul.simple-post-list li { border-bottom: 1px dotted #e2e2e2; padding: 15px 0 } ul.simple-post-list li::after { clear: both; content: ""; display: block } ul.simple-post-list li:last-child { border-bottom: 0 } ul.simple-post-list .post-image { float: left; margin-right: 12px } ul.simple-post-list .post-meta { color: #888; font-size: .8em } ul.simple-post-list .post-info { line-height: 20px } @media(max-width:575px) { ul.comments li { border-left: 8px solid rgba(0,0,0,.06); clear: both; padding: 0 0 0 10px } ul.comments li .img-thumbnail { display: none } ul.comments .comment-arrow { display: none } } ::-moz-selection { color: #fff; background: #0052cc } ::selection { color: #fff; background: #0052cc } :root { --primary: #0052CC; --secondary: #222529; --tertiary: #E1ECF9; --quaternary: #F4F9FD } a { color: #0052cc } a:hover { color: #005ce6 } a:focus { color: #005ce6 } a:active { color: #0048b3 } html .text-color-primary, html .text-primary { color: #0052cc !important } html .text-color-hover-primary:hover, html .text-hover-primary:hover { color: #0052cc !important } html .text-color-secondary, html .text-secondary { color: #222529 !important } html .text-color-hover-secondary:hover, html .text-hover-secondary:hover { color: #222529 !important } html .text-color-tertiary, html .text-tertiary { color: #e1ecf9 !important } html .text-color-hover-tertiary:hover, html .text-hover-tertiary:hover { color: #e1ecf9 !important } html .text-color-quaternary, html .text-quaternary { color: #f4f9fd !important } html .text-color-hover-quaternary:hover, html .text-hover-quaternary:hover { color: #f4f9fd !important } html .text-color-dark, html .text-dark { color: #212529 !important } html .text-color-hover-dark:hover, html .text-hover-dark:hover { color: #212529 !important } html .text-color-light, html .text-light { color: #fff !important } html .text-color-hover-light:hover, html .text-hover-light:hover { color: #fff !important } html .svg-fill-color-primary { fill: #0052cc !important } html .svg-fill-color-primary svg path, html .svg-fill-color-primary svg rect, html .svg-fill-color-primary svg line, html .svg-fill-color-primary svg polyline, html .svg-fill-color-primary svg polygon { fill: #0052cc !important } html .svg-fill-color-hover-primary:hover { fill: #0052cc !important } html .svg-fill-color-hover-primary svg:hover path, html .svg-fill-color-hover-primary svg:hover rect, html .svg-fill-color-hover-primary svg:hover line, html .svg-fill-color-hover-primary svg:hover polyline, html .svg-fill-color-hover-primary svg:hover polygon { fill: #0052cc !important } html .svg-stroke-color-primary { stroke: #0052cc !important } html .svg-stroke-color-primary svg path, html .svg-stroke-color-primary svg rect, html .svg-stroke-color-primary svg line, html .svg-stroke-color-primary svg polyline, html .svg-stroke-color-primary svg polygon { stroke: #0052cc !important } html .svg-stroke-color-hover-primary:hover { stroke: #0052cc !important } html .svg-stroke-color-hover-primary svg:hover path, html .svg-stroke-color-hover-primary svg:hover rect, html .svg-stroke-color-hover-primary svg:hover line, html .svg-stroke-color-hover-primary svg:hover polyline, html .svg-stroke-color-hover-primary svg:hover polygon { stroke: #0052cc !important } html .svg-fill-color-secondary { fill: #222529 !important } html .svg-fill-color-secondary svg path, html .svg-fill-color-secondary svg rect, html .svg-fill-color-secondary svg line, html .svg-fill-color-secondary svg polyline, html .svg-fill-color-secondary svg polygon { fill: #222529 !important } html .svg-fill-color-hover-secondary:hover { fill: #222529 !important } html .svg-fill-color-hover-secondary svg:hover path, html .svg-fill-color-hover-secondary svg:hover rect, html .svg-fill-color-hover-secondary svg:hover line, html .svg-fill-color-hover-secondary svg:hover polyline, html .svg-fill-color-hover-secondary svg:hover polygon { fill: #222529 !important } html .svg-stroke-color-secondary { stroke: #222529 !important } html .svg-stroke-color-secondary svg path, html .svg-stroke-color-secondary svg rect, html .svg-stroke-color-secondary svg line, html .svg-stroke-color-secondary svg polyline, html .svg-stroke-color-secondary svg polygon { stroke: #222529 !important } html .svg-stroke-color-hover-secondary:hover { stroke: #222529 !important } html .svg-stroke-color-hover-secondary svg:hover path, html .svg-stroke-color-hover-secondary svg:hover rect, html .svg-stroke-color-hover-secondary svg:hover line, html .svg-stroke-color-hover-secondary svg:hover polyline, html .svg-stroke-color-hover-secondary svg:hover polygon { stroke: #222529 !important } html .svg-fill-color-tertiary { fill: #e1ecf9 !important } html .svg-fill-color-tertiary svg path, html .svg-fill-color-tertiary svg rect, html .svg-fill-color-tertiary svg line, html .svg-fill-color-tertiary svg polyline, html .svg-fill-color-tertiary svg polygon { fill: #e1ecf9 !important } html .svg-fill-color-hover-tertiary:hover { fill: #e1ecf9 !important } html .svg-fill-color-hover-tertiary svg:hover path, html .svg-fill-color-hover-tertiary svg:hover rect, html .svg-fill-color-hover-tertiary svg:hover line, html .svg-fill-color-hover-tertiary svg:hover polyline, html .svg-fill-color-hover-tertiary svg:hover polygon { fill: #e1ecf9 !important } html .svg-stroke-color-tertiary { stroke: #e1ecf9 !important } html .svg-stroke-color-tertiary svg path, html .svg-stroke-color-tertiary svg rect, html .svg-stroke-color-tertiary svg line, html .svg-stroke-color-tertiary svg polyline, html .svg-stroke-color-tertiary svg polygon { stroke: #e1ecf9 !important } html .svg-stroke-color-hover-tertiary:hover { stroke: #e1ecf9 !important } html .svg-stroke-color-hover-tertiary svg:hover path, html .svg-stroke-color-hover-tertiary svg:hover rect, html .svg-stroke-color-hover-tertiary svg:hover line, html .svg-stroke-color-hover-tertiary svg:hover polyline, html .svg-stroke-color-hover-tertiary svg:hover polygon { stroke: #e1ecf9 !important } html .svg-fill-color-quaternary { fill: #f4f9fd !important } html .svg-fill-color-quaternary svg path, html .svg-fill-color-quaternary svg rect, html .svg-fill-color-quaternary svg line, html .svg-fill-color-quaternary svg polyline, html .svg-fill-color-quaternary svg polygon { fill: #f4f9fd !important } html .svg-fill-color-hover-quaternary:hover { fill: #f4f9fd !important } html .svg-fill-color-hover-quaternary svg:hover path, html .svg-fill-color-hover-quaternary svg:hover rect, html .svg-fill-color-hover-quaternary svg:hover line, html .svg-fill-color-hover-quaternary svg:hover polyline, html .svg-fill-color-hover-quaternary svg:hover polygon { fill: #f4f9fd !important } html .svg-stroke-color-quaternary { stroke: #f4f9fd !important } html .svg-stroke-color-quaternary svg path, html .svg-stroke-color-quaternary svg rect, html .svg-stroke-color-quaternary svg line, html .svg-stroke-color-quaternary svg polyline, html .svg-stroke-color-quaternary svg polygon { stroke: #f4f9fd !important } html .svg-stroke-color-hover-quaternary:hover { stroke: #f4f9fd !important } html .svg-stroke-color-hover-quaternary svg:hover path, html .svg-stroke-color-hover-quaternary svg:hover rect, html .svg-stroke-color-hover-quaternary svg:hover line, html .svg-stroke-color-hover-quaternary svg:hover polyline, html .svg-stroke-color-hover-quaternary svg:hover polygon { stroke: #f4f9fd !important } html .svg-fill-color-dark { fill: #212529 !important } html .svg-fill-color-dark svg path, html .svg-fill-color-dark svg rect, html .svg-fill-color-dark svg line, html .svg-fill-color-dark svg polyline, html .svg-fill-color-dark svg polygon { fill: #212529 !important } html .svg-fill-color-hover-dark:hover { fill: #212529 !important } html .svg-fill-color-hover-dark svg:hover path, html .svg-fill-color-hover-dark svg:hover rect, html .svg-fill-color-hover-dark svg:hover line, html .svg-fill-color-hover-dark svg:hover polyline, html .svg-fill-color-hover-dark svg:hover polygon { fill: #212529 !important } html .svg-stroke-color-dark { stroke: #212529 !important } html .svg-stroke-color-dark svg path, html .svg-stroke-color-dark svg rect, html .svg-stroke-color-dark svg line, html .svg-stroke-color-dark svg polyline, html .svg-stroke-color-dark svg polygon { stroke: #212529 !important } html .svg-stroke-color-hover-dark:hover { stroke: #212529 !important } html .svg-stroke-color-hover-dark svg:hover path, html .svg-stroke-color-hover-dark svg:hover rect, html .svg-stroke-color-hover-dark svg:hover line, html .svg-stroke-color-hover-dark svg:hover polyline, html .svg-stroke-color-hover-dark svg:hover polygon { stroke: #212529 !important } html .svg-fill-color-light { fill: #fff !important } html .svg-fill-color-light svg path, html .svg-fill-color-light svg rect, html .svg-fill-color-light svg line, html .svg-fill-color-light svg polyline, html .svg-fill-color-light svg polygon { fill: #fff !important } html .svg-fill-color-hover-light:hover { fill: #fff !important } html .svg-fill-color-hover-light svg:hover path, html .svg-fill-color-hover-light svg:hover rect, html .svg-fill-color-hover-light svg:hover line, html .svg-fill-color-hover-light svg:hover polyline, html .svg-fill-color-hover-light svg:hover polygon { fill: #fff !important } html .svg-stroke-color-light { stroke: #fff !important } html .svg-stroke-color-light svg path, html .svg-stroke-color-light svg rect, html .svg-stroke-color-light svg line, html .svg-stroke-color-light svg polyline, html .svg-stroke-color-light svg polygon { stroke: #fff !important } html .svg-stroke-color-hover-light:hover { stroke: #fff !important } html .svg-stroke-color-hover-light svg:hover path, html .svg-stroke-color-hover-light svg:hover rect, html .svg-stroke-color-hover-light svg:hover line, html .svg-stroke-color-hover-light svg:hover polyline, html .svg-stroke-color-hover-light svg:hover polygon { stroke: #fff !important } .svg-animation-effect-1-hover:hover svg path, .svg-animation-effect-1-hover:hover svg polygon, .svg-animation-effect-1-hover:hover svg polyline, .svg-animation-effect-1-hover:hover svg rect { stroke: #0052cc } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg rect { stroke: #0052cc } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg rect { stroke: #222529 } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg rect { stroke: #e1ecf9 } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg rect { stroke: #f4f9fd } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg rect { stroke: #212529 } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg rect { stroke: #fff } .gradient-text-color { color: #0052cc; background: linear-gradient(to bottom right,#0052CC,#222529); background-image: linear-gradient(to right,#0052CC,#222529) } html .bg-color-primary, html .bg-primary { background-color: #0052cc !important } html .bg-color-hover-primary:hover, html .bg-hover-primary:hover { background-color: #0052cc !important } html .bg-color-after-primary:after { background-color: #0052cc !important } html .bg-color-hover-after-primary:after:hover { background-color: #0052cc !important } html .bg-color-before-primary:before { background-color: #0052cc !important } html .bg-color-hover-before-primary:before:hover { background-color: #0052cc !important } html .bg-color-secondary, html .bg-secondary { background-color: #222529 !important } html .bg-color-hover-secondary:hover, html .bg-hover-secondary:hover { background-color: #222529 !important } html .bg-color-after-secondary:after { background-color: #222529 !important } html .bg-color-hover-after-secondary:after:hover { background-color: #222529 !important } html .bg-color-before-secondary:before { background-color: #222529 !important } html .bg-color-hover-before-secondary:before:hover { background-color: #222529 !important } html .bg-color-tertiary, html .bg-tertiary { background-color: #e1ecf9 !important } html .bg-color-hover-tertiary:hover, html .bg-hover-tertiary:hover { background-color: #e1ecf9 !important } html .bg-color-after-tertiary:after { background-color: #e1ecf9 !important } html .bg-color-hover-after-tertiary:after:hover { background-color: #e1ecf9 !important } html .bg-color-before-tertiary:before { background-color: #e1ecf9 !important } html .bg-color-hover-before-tertiary:before:hover { background-color: #e1ecf9 !important } html .bg-color-quaternary, html .bg-quaternary { background-color: #f4f9fd !important } html .bg-color-hover-quaternary:hover, html .bg-hover-quaternary:hover { background-color: #f4f9fd !important } html .bg-color-after-quaternary:after { background-color: #f4f9fd !important } html .bg-color-hover-after-quaternary:after:hover { background-color: #f4f9fd !important } html .bg-color-before-quaternary:before { background-color: #f4f9fd !important } html .bg-color-hover-before-quaternary:before:hover { background-color: #f4f9fd !important } html .bg-color-dark, html .bg-dark { background-color: #212529 !important } html .bg-color-hover-dark:hover, html .bg-hover-dark:hover { background-color: #212529 !important } html .bg-color-after-dark:after { background-color: #212529 !important } html .bg-color-hover-after-dark:after:hover { background-color: #212529 !important } html .bg-color-before-dark:before { background-color: #212529 !important } html .bg-color-hover-before-dark:before:hover { background-color: #212529 !important } html .bg-color-light, html .bg-light { background-color: #fff !important } html .bg-color-hover-light:hover, html .bg-hover-light:hover { background-color: #fff !important } html .bg-color-after-light:after { background-color: #fff !important } html .bg-color-hover-after-light:after:hover { background-color: #fff !important } html .bg-color-before-light:before { background-color: #fff !important } html .bg-color-hover-before-light:before:hover { background-color: #fff !important } .bg-gradient { background-color: #0052cc !important; background-image: linear-gradient(to right,#0052CC 0%,#222529 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0052CC',endColorstr='#222529',GradientType=1) } .bg-gradient-to-top { background-color: #0052cc !important; background-image: linear-gradient(to top,#0052CC 0%,#222529 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0052CC',endColorstr='#222529',GradientType=1) } .bg-gradient-to-bottom { background-color: #0052cc !important; background-image: linear-gradient(to bottom,#0052CC 0%,#222529 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0052CC',endColorstr='#222529',GradientType=1) } @-webkit-keyframes colorTransition { 0% { background-color: #0052cc } 33% { background-color: #222529 } 66% { background-color: #e1ecf9 } 100% { background-color: #f4f9fd } } @keyframes colorTransition { 0% { background-color: #0052cc } 33% { background-color: #222529 } 66% { background-color: #e1ecf9 } 100% { background-color: #f4f9fd } } html .border-color-primary { border-color: #0052cc !important } html .border-color-hover-primary:hover { border-color: #0052cc !important } html .border-color-secondary { border-color: #222529 !important } html .border-color-hover-secondary:hover { border-color: #222529 !important } html .border-color-tertiary { border-color: #e1ecf9 !important } html .border-color-hover-tertiary:hover { border-color: #e1ecf9 !important } html .border-color-quaternary { border-color: #f4f9fd !important } html .border-color-hover-quaternary:hover { border-color: #f4f9fd !important } html .border-color-dark { border-color: #212529 !important } html .border-color-hover-dark:hover { border-color: #212529 !important } html .border-color-light { border-color: #fff !important } html .border-color-hover-light:hover { border-color: #fff !important } .alternative-font { color: #0052cc } html .box-shadow-1-primary:before { box-shadow: 0 30px 90px #0052cc !important } html .box-shadow-1-secondary:before { box-shadow: 0 30px 90px #222529 !important } html .box-shadow-1-tertiary:before { box-shadow: 0 30px 90px #e1ecf9 !important } html .box-shadow-1-quaternary:before { box-shadow: 0 30px 90px #f4f9fd !important } html .box-shadow-1-dark:before { box-shadow: 0 30px 90px #212529 !important } html .box-shadow-1-light:before { box-shadow: 0 30px 90px #fff !important } html .blockquote-primary { border-color: #0052cc !important } html .blockquote-secondary { border-color: #222529 !important } html .blockquote-tertiary { border-color: #e1ecf9 !important } html .blockquote-quaternary { border-color: #f4f9fd !important } html .blockquote-dark { border-color: #212529 !important } html .blockquote-light { border-color: #fff !important } p.drop-caps:first-letter { color: #0052cc } p.drop-caps.drop-caps-style-2:first-letter { background-color: #0052cc } html .nav-color-primary nav > ul > li > a { color: #0052cc !important } html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #0052cc !important } html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #0052cc !important } html .nav-color-secondary nav > ul > li > a { color: #222529 !important } html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #222529 !important } html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #222529 !important } html .nav-color-tertiary nav > ul > li > a { color: #e1ecf9 !important } html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #e1ecf9 !important } html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #e1ecf9 !important } html .nav-color-quaternary nav > ul > li > a { color: #f4f9fd !important } html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #f4f9fd !important } html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #f4f9fd !important } html .nav-color-dark nav > ul > li > a { color: #212529 !important } html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #212529 !important } html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #212529 !important } html .nav-color-light nav > ul > li > a { color: #fff !important } html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #fff !important } html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #fff !important } .nav-pills > li.active > a, .nav-pills .nav-link.active { background-color: #0052cc } .nav-pills > li.active > a:hover, .nav-pills .nav-link.active:hover, .nav-pills > li.active > a:focus, .nav-pills .nav-link.active:focus { background-color: #0052cc } .nav-active-style-1 > li > a:hover, .nav-active-style-1 > li > a:focus, .nav-active-style-1 > li > a.active { border-bottom-color: #0052cc } html .nav-pills-primary a { color: #0052cc } html .nav-pills-primary a:hover { color: #005ce6 } html .nav-pills-primary a:focus { color: #005ce6 } html .nav-pills-primary a:active { color: #0048b3 } html .nav-pills-primary .nav-link.active, html .nav-pills-primary > li.active > a { background-color: #0052cc } html .nav-pills-primary .nav-link.active:hover, html .nav-pills-primary > li.active > a:hover, html .nav-pills-primary .nav-link.active:focus, html .nav-pills-primary > li.active > a:focus { background-color: #0052cc } html .nav-pills-secondary a { color: #222529 } html .nav-pills-secondary a:hover { color: #2e3237 } html .nav-pills-secondary a:focus { color: #2e3237 } html .nav-pills-secondary a:active { color: #16181b } html .nav-pills-secondary .nav-link.active, html .nav-pills-secondary > li.active > a { background-color: #222529 } html .nav-pills-secondary .nav-link.active:hover, html .nav-pills-secondary > li.active > a:hover, html .nav-pills-secondary .nav-link.active:focus, html .nav-pills-secondary > li.active > a:focus { background-color: #222529 } html .nav-pills-tertiary a { color: #e1ecf9 } html .nav-pills-tertiary a:hover { color: #f6f9fd } html .nav-pills-tertiary a:focus { color: #f6f9fd } html .nav-pills-tertiary a:active { color: #ccdff5 } html .nav-pills-tertiary .nav-link.active, html .nav-pills-tertiary > li.active > a { background-color: #e1ecf9 } html .nav-pills-tertiary .nav-link.active:hover, html .nav-pills-tertiary > li.active > a:hover, html .nav-pills-tertiary .nav-link.active:focus, html .nav-pills-tertiary > li.active > a:focus { background-color: #e1ecf9 } html .nav-pills-quaternary a { color: #f4f9fd } html .nav-pills-quaternary a:hover { color: #fff } html .nav-pills-quaternary a:focus { color: #fff } html .nav-pills-quaternary a:active { color: #deedf9 } html .nav-pills-quaternary .nav-link.active, html .nav-pills-quaternary > li.active > a { background-color: #f4f9fd } html .nav-pills-quaternary .nav-link.active:hover, html .nav-pills-quaternary > li.active > a:hover, html .nav-pills-quaternary .nav-link.active:focus, html .nav-pills-quaternary > li.active > a:focus { background-color: #f4f9fd } html .nav-pills-dark a { color: #212529 } html .nav-pills-dark a:hover { color: #2c3237 } html .nav-pills-dark a:focus { color: #2c3237 } html .nav-pills-dark a:active { color: #16181b } html .nav-pills-dark .nav-link.active, html .nav-pills-dark > li.active > a { background-color: #212529 } html .nav-pills-dark .nav-link.active:hover, html .nav-pills-dark > li.active > a:hover, html .nav-pills-dark .nav-link.active:focus, html .nav-pills-dark > li.active > a:focus { background-color: #212529 } html .nav-pills-light a { color: #fff } html .nav-pills-light a:hover { color: #fff } html .nav-pills-light a:focus { color: #fff } html .nav-pills-light a:active { color: #f2f2f2 } html .nav-pills-light .nav-link.active, html .nav-pills-light > li.active > a { background-color: #fff } html .nav-pills-light .nav-link.active:hover, html .nav-pills-light > li.active > a:hover, html .nav-pills-light .nav-link.active:focus, html .nav-pills-light > li.active > a:focus { background-color: #fff } .nav-link { color: #0052cc } .nav-link:hover { color: #005ce6 } .nav-link:focus { color: #005ce6 } .nav-link:active { color: #0048b3 } .section-scroll-dots-navigation-colored > ul > li.active > a:before { background: #0052cc } .sort-source-wrapper .nav > li.active > a { color: #0052cc } .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus { color: #0052cc } .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #0052cc } .sort-source.sort-source-style-3 > li.active > a { border-bottom-color: #0052cc !important; color: #0052cc !important } html .badge-primary { background-color: #0052cc } html .badge-secondary { background-color: #222529 } html .badge-tertiary { background-color: #e1ecf9 } html .badge-quaternary { background-color: #f4f9fd } html .badge-dark { background-color: #212529 } html .badge-light { background-color: #fff } html .overlay-color-primary:not(.no-skin):before { background-color: #0052cc !important } html .overlay-color-secondary:not(.no-skin):before { background-color: #222529 !important } html .overlay-color-tertiary:not(.no-skin):before { background-color: #e1ecf9 !important } html .overlay-color-quaternary:not(.no-skin):before { background-color: #f4f9fd !important } html .overlay-color-dark:not(.no-skin):before { background-color: #212529 !important } html .overlay-color-light:not(.no-skin):before { background-color: #fff !important } .overlay-gradient:before { background-color: #e1ecf9 !important; background-image: linear-gradient(to right,#E1ECF9 0%,#F4F9FD 100%) !important } .btn-link { color: #0052cc } .btn-link:hover { color: #005ce6 } .btn-link:active { color: #0048b3 } html .btn-primary { background-color: #0052cc; border-color: #0052cc #0052cc #003d99; color: #fff; --color: #0052CC; --hover: #0061f2; --disabled: #0052CC; --active: #0043a6 } html .btn-primary:hover, html .btn-primary.hover { border-color: #06f #06f #0052cc; color: #fff } html .btn-primary:hover:not(.bg-transparent), html .btn-primary.hover:not(.bg-transparent) { background-color: #0061f2 } html .btn-primary:focus, html .btn-primary.focus { border-color: #003d99 #003d99 #002966; color: #fff; box-shadow: 0 0 0 3px rgba(0,82,204,.5) } html .btn-primary:focus:not(.bg-transparent), html .btn-primary.focus:not(.bg-transparent) { background-color: #0043a6 } html .btn-primary.disabled, html .btn-primary:disabled { border-color: #0052cc #0052cc #003d99 } html .btn-primary.disabled:not(.bg-transparent), html .btn-primary:disabled:not(.bg-transparent) { background-color: #0052cc } html .btn-primary:active, html .btn-primary.active { border-color: #003d99 #003d99 #002966 !important } html .btn-primary:active:not(.bg-transparent), html .btn-primary.active:not(.bg-transparent) { background-color: #0043a6 !important; background-image: none !important } html .btn-primary-scale-2 { background-color: #003d99; border-color: #003d99 #003d99 #002966; color: #fff } html .btn-primary-scale-2:hover, html .btn-primary-scale-2.hover { border-color: #0052cc #0052cc #003d99; color: #fff } html .btn-primary-scale-2:hover:not(.bg-transparent), html .btn-primary-scale-2.hover:not(.bg-transparent) { background-color: #004dbf } html .btn-primary-scale-2:focus, html .btn-primary-scale-2.focus { border-color: #002966 #002966 #001533; color: #fff; box-shadow: 0 0 0 3px rgba(0,61,153,.5) } html .btn-primary-scale-2:focus:not(.bg-transparent), html .btn-primary-scale-2.focus:not(.bg-transparent) { background-color: #002e73 } html .btn-primary-scale-2.disabled, html .btn-primary-scale-2:disabled { border-color: #003d99 #003d99 #002966 } html .btn-primary-scale-2.disabled:not(.bg-transparent), html .btn-primary-scale-2:disabled:not(.bg-transparent) { background-color: #003d99 } html .btn-primary-scale-2:active, html .btn-primary-scale-2.active { border-color: #002966 #002966 #001533 !important } html .btn-primary-scale-2:active:not(.bg-transparent), html .btn-primary-scale-2.active:not(.bg-transparent) { background-color: #002e73 !important; background-image: none !important } html .show > .btn-primary.dropdown-toggle, html .show > .btn-primary-scale-2.dropdown-toggle { background-color: #0043a6 !important; background-image: none !important; border-color: #003d99 #003d99 #002966 !important } html .btn-check:active + .btn-primary, html .btn-check:checked + .btn-primary, html .btn-check:focus + .btn-primary { background-color: #0048b3; border-color: #0052cc #0052cc #0048b3; color: #fff } html .btn-secondary { background-color: #222529; border-color: #222529 #222529 #0b0c0d; color: #fff; --color: #222529; --hover: #33383e; --disabled: #222529; --active: #111214 } html .btn-secondary:hover, html .btn-secondary.hover { border-color: #393e45 #393e45 #222529; color: #fff } html .btn-secondary:hover:not(.bg-transparent), html .btn-secondary.hover:not(.bg-transparent) { background-color: #33383e } html .btn-secondary:focus, html .btn-secondary.focus { border-color: #0b0c0d #0b0c0d #000; color: #fff; box-shadow: 0 0 0 3px rgba(34,37,41,.5) } html .btn-secondary:focus:not(.bg-transparent), html .btn-secondary.focus:not(.bg-transparent) { background-color: #111214 } html .btn-secondary.disabled, html .btn-secondary:disabled { border-color: #222529 #222529 #0b0c0d } html .btn-secondary.disabled:not(.bg-transparent), html .btn-secondary:disabled:not(.bg-transparent) { background-color: #222529 } html .btn-secondary:active, html .btn-secondary.active { border-color: #0b0c0d #0b0c0d #000 !important } html .btn-secondary:active:not(.bg-transparent), html .btn-secondary.active:not(.bg-transparent) { background-color: #111214 !important; background-image: none !important } html .btn-secondary-scale-2 { background-color: #0b0c0d; border-color: #0b0c0d #0b0c0d #000; color: #fff } html .btn-secondary-scale-2:hover, html .btn-secondary-scale-2.hover { border-color: #222529 #222529 #0b0c0d; color: #fff } html .btn-secondary-scale-2:hover:not(.bg-transparent), html .btn-secondary-scale-2.hover:not(.bg-transparent) { background-color: #1c1f22 } html .btn-secondary-scale-2:focus, html .btn-secondary-scale-2.focus { border-color: #000 #000 #000; color: #fff; box-shadow: 0 0 0 3px rgba(11,12,13,.5) } html .btn-secondary-scale-2:focus:not(.bg-transparent), html .btn-secondary-scale-2.focus:not(.bg-transparent) { background-color: #000 } html .btn-secondary-scale-2.disabled, html .btn-secondary-scale-2:disabled { border-color: #0b0c0d #0b0c0d #000 } html .btn-secondary-scale-2.disabled:not(.bg-transparent), html .btn-secondary-scale-2:disabled:not(.bg-transparent) { background-color: #0b0c0d } html .btn-secondary-scale-2:active, html .btn-secondary-scale-2.active { border-color: #000 #000 #000 !important } html .btn-secondary-scale-2:active:not(.bg-transparent), html .btn-secondary-scale-2.active:not(.bg-transparent) { background-color: #000 !important; background-image: none !important } html .show > .btn-secondary.dropdown-toggle, html .show > .btn-secondary-scale-2.dropdown-toggle { background-color: #111214 !important; background-image: none !important; border-color: #0b0c0d #0b0c0d #000 !important } html .btn-check:active + .btn-secondary, html .btn-check:checked + .btn-secondary, html .btn-check:focus + .btn-secondary { background-color: #16181b; border-color: #222529 #222529 #16181b; color: #fff } html .btn-tertiary { background-color: #e1ecf9; border-color: #e1ecf9 #e1ecf9 #b6d1f1; color: #777; --color: #E1ECF9; --hover: #ffffff; --disabled: #E1ECF9; --active: #c1d8f3 } html .btn-tertiary:hover, html .btn-tertiary.hover { border-color: #fff #fff #e1ecf9; color: #777 } html .btn-tertiary:hover:not(.bg-transparent), html .btn-tertiary.hover:not(.bg-transparent) { background-color: #fff } html .btn-tertiary:focus, html .btn-tertiary.focus { border-color: #b6d1f1 #b6d1f1 #8cb6e8; color: #777; box-shadow: 0 0 0 3px rgba(225,236,249,.5) } html .btn-tertiary:focus:not(.bg-transparent), html .btn-tertiary.focus:not(.bg-transparent) { background-color: #c1d8f3 } html .btn-tertiary.disabled, html .btn-tertiary:disabled { border-color: #e1ecf9 #e1ecf9 #b6d1f1 } html .btn-tertiary.disabled:not(.bg-transparent), html .btn-tertiary:disabled:not(.bg-transparent) { background-color: #e1ecf9 } html .btn-tertiary:active, html .btn-tertiary.active { border-color: #b6d1f1 #b6d1f1 #8cb6e8 !important } html .btn-tertiary:active:not(.bg-transparent), html .btn-tertiary.active:not(.bg-transparent) { background-color: #c1d8f3 !important; background-image: none !important } html .btn-tertiary-scale-2 { background-color: #b6d1f1; border-color: #b6d1f1 #b6d1f1 #8cb6e8; color: #777 } html .btn-tertiary-scale-2:hover, html .btn-tertiary-scale-2.hover { border-color: #e1ecf9 #e1ecf9 #b6d1f1; color: #777 } html .btn-tertiary-scale-2:hover:not(.bg-transparent), html .btn-tertiary-scale-2.hover:not(.bg-transparent) { background-color: #d6e5f7 } html .btn-tertiary-scale-2:focus, html .btn-tertiary-scale-2.focus { border-color: #8cb6e8 #8cb6e8 #619be0; color: #777; box-shadow: 0 0 0 3px rgba(182,209,241,.5) } html .btn-tertiary-scale-2:focus:not(.bg-transparent), html .btn-tertiary-scale-2.focus:not(.bg-transparent) { background-color: #97bdea } html .btn-tertiary-scale-2.disabled, html .btn-tertiary-scale-2:disabled { border-color: #b6d1f1 #b6d1f1 #8cb6e8 } html .btn-tertiary-scale-2.disabled:not(.bg-transparent), html .btn-tertiary-scale-2:disabled:not(.bg-transparent) { background-color: #b6d1f1 } html .btn-tertiary-scale-2:active, html .btn-tertiary-scale-2.active { border-color: #8cb6e8 #8cb6e8 #619be0 !important } html .btn-tertiary-scale-2:active:not(.bg-transparent), html .btn-tertiary-scale-2.active:not(.bg-transparent) { background-color: #97bdea !important; background-image: none !important } html .show > .btn-tertiary.dropdown-toggle, html .show > .btn-tertiary-scale-2.dropdown-toggle { background-color: #c1d8f3 !important; background-image: none !important; border-color: #b6d1f1 #b6d1f1 #8cb6e8 !important } html .btn-check:active + .btn-tertiary, html .btn-check:checked + .btn-tertiary, html .btn-check:focus + .btn-tertiary { background-color: #ccdff5; border-color: #e1ecf9 #e1ecf9 #ccdff5; color: #777 } html .btn-quaternary { background-color: #f4f9fd; border-color: #f4f9fd #f4f9fd #c9e1f5; color: #777; --color: #F4F9FD; --hover: #ffffff; --disabled: #F4F9FD; --active: #d4e7f7 } html .btn-quaternary:hover, html .btn-quaternary.hover { border-color: #fff #fff #f4f9fd; color: #777 } html .btn-quaternary:hover:not(.bg-transparent), html .btn-quaternary.hover:not(.bg-transparent) { background-color: #fff } html .btn-quaternary:focus, html .btn-quaternary.focus { border-color: #c9e1f5 #c9e1f5 #9ecaed; color: #777; box-shadow: 0 0 0 3px rgba(244,249,253,.5) } html .btn-quaternary:focus:not(.bg-transparent), html .btn-quaternary.focus:not(.bg-transparent) { background-color: #d4e7f7 } html .btn-quaternary.disabled, html .btn-quaternary:disabled { border-color: #f4f9fd #f4f9fd #c9e1f5 } html .btn-quaternary.disabled:not(.bg-transparent), html .btn-quaternary:disabled:not(.bg-transparent) { background-color: #f4f9fd } html .btn-quaternary:active, html .btn-quaternary.active { border-color: #c9e1f5 #c9e1f5 #9ecaed !important } html .btn-quaternary:active:not(.bg-transparent), html .btn-quaternary.active:not(.bg-transparent) { background-color: #d4e7f7 !important; background-image: none !important } html .btn-quaternary-scale-2 { background-color: #c9e1f5; border-color: #c9e1f5 #c9e1f5 #9ecaed; color: #777 } html .btn-quaternary-scale-2:hover, html .btn-quaternary-scale-2.hover { border-color: #f4f9fd #f4f9fd #c9e1f5; color: #777 } html .btn-quaternary-scale-2:hover:not(.bg-transparent), html .btn-quaternary-scale-2.hover:not(.bg-transparent) { background-color: #e9f3fb } html .btn-quaternary-scale-2:focus, html .btn-quaternary-scale-2.focus { border-color: #9ecaed #9ecaed #73b2e5; color: #777; box-shadow: 0 0 0 3px rgba(201,225,245,.5) } html .btn-quaternary-scale-2:focus:not(.bg-transparent), html .btn-quaternary-scale-2.focus:not(.bg-transparent) { background-color: #a8d0ef } html .btn-quaternary-scale-2.disabled, html .btn-quaternary-scale-2:disabled { border-color: #c9e1f5 #c9e1f5 #9ecaed } html .btn-quaternary-scale-2.disabled:not(.bg-transparent), html .btn-quaternary-scale-2:disabled:not(.bg-transparent) { background-color: #c9e1f5 } html .btn-quaternary-scale-2:active, html .btn-quaternary-scale-2.active { border-color: #9ecaed #9ecaed #73b2e5 !important } html .btn-quaternary-scale-2:active:not(.bg-transparent), html .btn-quaternary-scale-2.active:not(.bg-transparent) { background-color: #a8d0ef !important; background-image: none !important } html .show > .btn-quaternary.dropdown-toggle, html .show > .btn-quaternary-scale-2.dropdown-toggle { background-color: #d4e7f7 !important; background-image: none !important; border-color: #c9e1f5 #c9e1f5 #9ecaed !important } html .btn-check:active + .btn-quaternary, html .btn-check:checked + .btn-quaternary, html .btn-check:focus + .btn-quaternary { background-color: #deedf9; border-color: #f4f9fd #f4f9fd #deedf9; color: #777 } html .btn-dark { background-color: #212529; border-color: #212529 #212529 #0a0c0d; color: #fff; --color: #212529; --hover: #32383e; --disabled: #212529; --active: #101214 } html .btn-dark:hover, html .btn-dark.hover { border-color: #383f45 #383f45 #212529; color: #fff } html .btn-dark:hover:not(.bg-transparent), html .btn-dark.hover:not(.bg-transparent) { background-color: #32383e } html .btn-dark:focus, html .btn-dark.focus { border-color: #0a0c0d #0a0c0d #000; color: #fff; box-shadow: 0 0 0 3px rgba(33,37,41,.5) } html .btn-dark:focus:not(.bg-transparent), html .btn-dark.focus:not(.bg-transparent) { background-color: #101214 } html .btn-dark.disabled, html .btn-dark:disabled { border-color: #212529 #212529 #0a0c0d } html .btn-dark.disabled:not(.bg-transparent), html .btn-dark:disabled:not(.bg-transparent) { background-color: #212529 } html .btn-dark:active, html .btn-dark.active { border-color: #0a0c0d #0a0c0d #000 !important } html .btn-dark:active:not(.bg-transparent), html .btn-dark.active:not(.bg-transparent) { background-color: #101214 !important; background-image: none !important } html .btn-dark-scale-2 { background-color: #0a0c0d; border-color: #0a0c0d #0a0c0d #000; color: #fff } html .btn-dark-scale-2:hover, html .btn-dark-scale-2.hover { border-color: #212529 #212529 #0a0c0d; color: #fff } html .btn-dark-scale-2:hover:not(.bg-transparent), html .btn-dark-scale-2.hover:not(.bg-transparent) { background-color: #1b1f22 } html .btn-dark-scale-2:focus, html .btn-dark-scale-2.focus { border-color: #000 #000 #000; color: #fff; box-shadow: 0 0 0 3px rgba(10,11,13,.5) } html .btn-dark-scale-2:focus:not(.bg-transparent), html .btn-dark-scale-2.focus:not(.bg-transparent) { background-color: #000 } html .btn-dark-scale-2.disabled, html .btn-dark-scale-2:disabled { border-color: #0a0c0d #0a0c0d #000 } html .btn-dark-scale-2.disabled:not(.bg-transparent), html .btn-dark-scale-2:disabled:not(.bg-transparent) { background-color: #0a0c0d } html .btn-dark-scale-2:active, html .btn-dark-scale-2.active { border-color: #000 #000 #000 !important } html .btn-dark-scale-2:active:not(.bg-transparent), html .btn-dark-scale-2.active:not(.bg-transparent) { background-color: #000 !important; background-image: none !important } html .show > .btn-dark.dropdown-toggle, html .show > .btn-dark-scale-2.dropdown-toggle { background-color: #101214 !important; background-image: none !important; border-color: #0a0c0d #0a0c0d #000 !important } html .btn-check:active + .btn-dark, html .btn-check:checked + .btn-dark, html .btn-check:focus + .btn-dark { background-color: #16181b; border-color: #212529 #212529 #16181b; color: #fff } html .btn-light { background-color: #fff; border-color: #fff #fff #e6e6e6; color: #777; --color: #FFF; --hover: #ffffff; --disabled: #FFF; --active: #ececec } html .btn-light:hover, html .btn-light.hover { border-color: #fff #fff #fff; color: #777 } html .btn-light:hover:not(.bg-transparent), html .btn-light.hover:not(.bg-transparent) { background-color: #fff } html .btn-light:focus, html .btn-light.focus { border-color: #e6e6e6 #e6e6e6 #ccc; color: #777; box-shadow: 0 0 0 3px rgba(255,255,255,.5) } html .btn-light:focus:not(.bg-transparent), html .btn-light.focus:not(.bg-transparent) { background-color: #ececec } html .btn-light.disabled, html .btn-light:disabled { border-color: #fff #fff #e6e6e6 } html .btn-light.disabled:not(.bg-transparent), html .btn-light:disabled:not(.bg-transparent) { background-color: #fff } html .btn-light:active, html .btn-light.active { border-color: #e6e6e6 #e6e6e6 #ccc !important } html .btn-light:active:not(.bg-transparent), html .btn-light.active:not(.bg-transparent) { background-color: #ececec !important; background-image: none !important } html .btn-light-scale-2 { background-color: #e6e6e6; border-color: #e6e6e6 #e6e6e6 #ccc; color: #777 } html .btn-light-scale-2:hover, html .btn-light-scale-2.hover { border-color: #fff #fff #e6e6e6; color: #777 } html .btn-light-scale-2:hover:not(.bg-transparent), html .btn-light-scale-2.hover:not(.bg-transparent) { background-color: #f9f9f9 } html .btn-light-scale-2:focus, html .btn-light-scale-2.focus { border-color: #ccc #ccc #b3b3b3; color: #777; box-shadow: 0 0 0 3px rgba(230,230,230,.5) } html .btn-light-scale-2:focus:not(.bg-transparent), html .btn-light-scale-2.focus:not(.bg-transparent) { background-color: #d2d2d2 } html .btn-light-scale-2.disabled, html .btn-light-scale-2:disabled { border-color: #e6e6e6 #e6e6e6 #ccc } html .btn-light-scale-2.disabled:not(.bg-transparent), html .btn-light-scale-2:disabled:not(.bg-transparent) { background-color: #e6e6e6 } html .btn-light-scale-2:active, html .btn-light-scale-2.active { border-color: #ccc #ccc #b3b3b3 !important } html .btn-light-scale-2:active:not(.bg-transparent), html .btn-light-scale-2.active:not(.bg-transparent) { background-color: #d2d2d2 !important; background-image: none !important } html .show > .btn-light.dropdown-toggle, html .show > .btn-light-scale-2.dropdown-toggle { background-color: #ececec !important; background-image: none !important; border-color: #e6e6e6 #e6e6e6 #ccc !important } html .btn-check:active + .btn-light, html .btn-check:checked + .btn-light, html .btn-check:focus + .btn-light { background-color: #f2f2f2; border-color: #fff #fff #f2f2f2; color: #777 } html .btn-outline.btn-primary { color: #0052cc; background-color: transparent; background-image: none; border-color: #0052cc } html .btn-outline.btn-primary:hover, html .btn-outline.btn-primary.hover { color: #fff; background-color: #0052cc; border-color: #0052cc } html .btn-outline.btn-primary:focus, html .btn-outline.btn-primary.focus { box-shadow: 0 0 0 3px rgba(0,82,204,.5) } html .btn-outline.btn-primary.disabled, html .btn-outline.btn-primary:disabled { color: #0052cc; background-color: transparent } html .btn-outline.btn-primary:active, html .btn-outline.btn-primary.active { color: #fff !important; background-color: #0052cc !important; border-color: #0052cc !important } html .show > .btn-outline.btn-primary.dropdown-toggle { color: #fff !important; background-color: #0052cc !important; border-color: #0052cc !important } html .btn-outline.btn-secondary { color: #222529; background-color: transparent; background-image: none; border-color: #222529 } html .btn-outline.btn-secondary:hover, html .btn-outline.btn-secondary.hover { color: #fff; background-color: #222529; border-color: #222529 } html .btn-outline.btn-secondary:focus, html .btn-outline.btn-secondary.focus { box-shadow: 0 0 0 3px rgba(34,37,41,.5) } html .btn-outline.btn-secondary.disabled, html .btn-outline.btn-secondary:disabled { color: #222529; background-color: transparent } html .btn-outline.btn-secondary:active, html .btn-outline.btn-secondary.active { color: #fff !important; background-color: #222529 !important; border-color: #222529 !important } html .show > .btn-outline.btn-secondary.dropdown-toggle { color: #fff !important; background-color: #222529 !important; border-color: #222529 !important } html .btn-outline.btn-tertiary { color: #e1ecf9; background-color: transparent; background-image: none; border-color: #e1ecf9 } html .btn-outline.btn-tertiary:hover, html .btn-outline.btn-tertiary.hover { color: #777; background-color: #e1ecf9; border-color: #e1ecf9 } html .btn-outline.btn-tertiary:focus, html .btn-outline.btn-tertiary.focus { box-shadow: 0 0 0 3px rgba(225,236,249,.5) } html .btn-outline.btn-tertiary.disabled, html .btn-outline.btn-tertiary:disabled { color: #e1ecf9; background-color: transparent } html .btn-outline.btn-tertiary:active, html .btn-outline.btn-tertiary.active { color: #777 !important; background-color: #e1ecf9 !important; border-color: #e1ecf9 !important } html .show > .btn-outline.btn-tertiary.dropdown-toggle { color: #777 !important; background-color: #e1ecf9 !important; border-color: #e1ecf9 !important } html .btn-outline.btn-quaternary { color: #f4f9fd; background-color: transparent; background-image: none; border-color: #f4f9fd } html .btn-outline.btn-quaternary:hover, html .btn-outline.btn-quaternary.hover { color: #777; background-color: #f4f9fd; border-color: #f4f9fd } html .btn-outline.btn-quaternary:focus, html .btn-outline.btn-quaternary.focus { box-shadow: 0 0 0 3px rgba(244,249,253,.5) } html .btn-outline.btn-quaternary.disabled, html .btn-outline.btn-quaternary:disabled { color: #f4f9fd; background-color: transparent } html .btn-outline.btn-quaternary:active, html .btn-outline.btn-quaternary.active { color: #777 !important; background-color: #f4f9fd !important; border-color: #f4f9fd !important } html .show > .btn-outline.btn-quaternary.dropdown-toggle { color: #777 !important; background-color: #f4f9fd !important; border-color: #f4f9fd !important } html .btn-outline.btn-dark { color: #212529; background-color: transparent; background-image: none; border-color: #212529 } html .btn-outline.btn-dark:hover, html .btn-outline.btn-dark.hover { color: #fff; background-color: #212529; border-color: #212529 } html .btn-outline.btn-dark:focus, html .btn-outline.btn-dark.focus { box-shadow: 0 0 0 3px rgba(33,37,41,.5) } html .btn-outline.btn-dark.disabled, html .btn-outline.btn-dark:disabled { color: #212529; background-color: transparent } html .btn-outline.btn-dark:active, html .btn-outline.btn-dark.active { color: #fff !important; background-color: #212529 !important; border-color: #212529 !important } html .show > .btn-outline.btn-dark.dropdown-toggle { color: #fff !important; background-color: #212529 !important; border-color: #212529 !important } html .btn-outline.btn-light { color: #fff; background-color: transparent; background-image: none; border-color: #fff } html .btn-outline.btn-light:hover, html .btn-outline.btn-light.hover { color: #777; background-color: #fff; border-color: #fff } html .btn-outline.btn-light:focus, html .btn-outline.btn-light.focus { box-shadow: 0 0 0 3px rgba(255,255,255,.5) } html .btn-outline.btn-light.disabled, html .btn-outline.btn-light:disabled { color: #fff; background-color: transparent } html .btn-outline.btn-light:active, html .btn-outline.btn-light.active { color: #777 !important; background-color: #fff !important; border-color: #fff !important } html .show > .btn-outline.btn-light.dropdown-toggle { color: #777 !important; background-color: #fff !important; border-color: #fff !important } html .btn-with-arrow.btn-primary { background-color: transparent; border-color: transparent; color: #0052cc } html .btn-with-arrow.btn-primary:active { background-color: transparent !important; border-color: transparent !important; color: #0052cc !important } html .btn-with-arrow.btn-primary span { background-color: #0052cc; box-shadow: 2px 3px 18px -3px #0052cc } html .btn-with-arrow.btn-primary.btn-outline { border-color: #0052cc !important } html .btn-with-arrow.btn-primary.btn-outline:hover span { background-color: #005ce6 !important; box-shadow: none } html .btn-with-arrow-solid.btn-primary span { background-color: #0048b3 } html .btn-with-arrow.btn-secondary { background-color: transparent; border-color: transparent; color: #222529 } html .btn-with-arrow.btn-secondary:active { background-color: transparent !important; border-color: transparent !important; color: #222529 !important } html .btn-with-arrow.btn-secondary span { background-color: #222529; box-shadow: 2px 3px 18px -3px #222529 } html .btn-with-arrow.btn-secondary.btn-outline { border-color: #222529 !important } html .btn-with-arrow.btn-secondary.btn-outline:hover span { background-color: #2e3237 !important; box-shadow: none } html .btn-with-arrow-solid.btn-secondary span { background-color: #16181b } html .btn-with-arrow.btn-tertiary { background-color: transparent; border-color: transparent; color: #e1ecf9 } html .btn-with-arrow.btn-tertiary:active { background-color: transparent !important; border-color: transparent !important; color: #e1ecf9 !important } html .btn-with-arrow.btn-tertiary span { background-color: #e1ecf9; box-shadow: 2px 3px 18px -3px #e1ecf9 } html .btn-with-arrow.btn-tertiary.btn-outline { border-color: #e1ecf9 !important } html .btn-with-arrow.btn-tertiary.btn-outline:hover span { background-color: #f6f9fd !important; box-shadow: none } html .btn-with-arrow-solid.btn-tertiary span { background-color: #ccdff5 } html .btn-with-arrow.btn-quaternary { background-color: transparent; border-color: transparent; color: #f4f9fd } html .btn-with-arrow.btn-quaternary:active { background-color: transparent !important; border-color: transparent !important; color: #f4f9fd !important } html .btn-with-arrow.btn-quaternary span { background-color: #f4f9fd; box-shadow: 2px 3px 18px -3px #f4f9fd } html .btn-with-arrow.btn-quaternary.btn-outline { border-color: #f4f9fd !important } html .btn-with-arrow.btn-quaternary.btn-outline:hover span { background-color: #fff !important; box-shadow: none } html .btn-with-arrow-solid.btn-quaternary span { background-color: #deedf9 } html .btn-with-arrow.btn-dark { background-color: transparent; border-color: transparent; color: #212529 } html .btn-with-arrow.btn-dark:active { background-color: transparent !important; border-color: transparent !important; color: #212529 !important } html .btn-with-arrow.btn-dark span { background-color: #212529; box-shadow: 2px 3px 18px -3px #212529 } html .btn-with-arrow.btn-dark.btn-outline { border-color: #212529 !important } html .btn-with-arrow.btn-dark.btn-outline:hover span { background-color: #2c3237 !important; box-shadow: none } html .btn-with-arrow-solid.btn-dark span { background-color: #16181b } html .btn-with-arrow.btn-light { background-color: transparent; border-color: transparent; color: #fff } html .btn-with-arrow.btn-light:active { background-color: transparent !important; border-color: transparent !important; color: #fff !important } html .btn-with-arrow.btn-light span { background-color: #fff; box-shadow: 2px 3px 18px -3px #fff } html .btn-with-arrow.btn-light.btn-outline { border-color: #fff !important } html .btn-with-arrow.btn-light.btn-outline:hover span { background-color: #fff !important; box-shadow: none } html .btn-with-arrow-solid.btn-light span { background-color: #f2f2f2 } .btn-gradient:not(.btn-outline) { background: linear-gradient(135deg,#0052CC 0%,#222529 80%) !important; color: #fff } .btn-gradient:not(.btn-outline):hover, .btn-gradient:not(.btn-outline).hover { background: linear-gradient(135deg,#0061f2 0%,#33383e 80%) !important; color: #fff } .btn-gradient:not(.btn-outline):focus, .btn-gradient:not(.btn-outline).focus { box-shadow: 0 0 0 3px rgba(0,82,204,.5) } .btn-gradient:not(.btn-outline).disabled, .btn-gradient:not(.btn-outline):disabled { background: linear-gradient(135deg,#0052CC 0%,#222529 80%) !important } .btn-gradient:not(.btn-outline):active, .btn-gradient:not(.btn-outline).active { background: linear-gradient(135deg,#0043a6 0%,#111214 80%) !important; color: #fff !important } .btn-gradient.btn-outline { -o-border-image: linear-gradient(135deg,#0052CC 0%,#222529 80%); border-image: linear-gradient(135deg,#0052CC 0%,#222529 80%); color: #0052cc } .btn-gradient.btn-outline:hover, .btn-gradient.btn-outline.hover { -o-border-image: linear-gradient(135deg,#0061f2 0%,#33383e 80%); border-image: linear-gradient(135deg,#0061f2 0%,#33383e 80%); color: #0061f2 } .btn-gradient.btn-outline:focus, .btn-gradient.btn-outline.focus { box-shadow: 0 0 0 3px rgba(0,82,204,.5) } .btn-gradient.btn-outline.disabled, .btn-gradient.btn-outline:disabled { -o-border-image: linear-gradient(135deg,#0052CC 0%,#222529 80%); border-image: linear-gradient(135deg,#0052CC 0%,#222529 80%) } .btn-gradient.btn-outline:active, .btn-gradient.btn-outline.active { -o-border-image: linear-gradient(135deg,#0043a6 0%,#111214 80%); border-image: linear-gradient(135deg,#0043a6 0%,#111214 80%); color: #0043a6 } .btn-gradient-primary:not(.btn-outline) { background: linear-gradient(135deg,#005ae0 0%,#004ec2 80%) !important; color: #fff } .btn-gradient-primary:not(.btn-outline):hover, .btn-gradient-primary:not(.btn-outline).hover { background: linear-gradient(135deg,#0058db 0%,#0061f2 80%) !important; color: #fff } .btn-gradient-primary:not(.btn-outline):focus, .btn-gradient-primary:not(.btn-outline).focus { box-shadow: 0 0 0 3px rgba(0,82,204,.5) } .btn-gradient-primary:not(.btn-outline).disabled, .btn-gradient-primary:not(.btn-outline):disabled { background: linear-gradient(135deg,#005ae0 80%,#004ec2 0%) !important } .btn-gradient-primary:not(.btn-outline):active, .btn-gradient-primary:not(.btn-outline).active { background: linear-gradient(135deg,#0058db 0%,#0061f2 80%) !important; color: #fff !important } .btn-gradient-primary.btn-outline { -o-border-image: linear-gradient(135deg,#0052CC 0%,#0062f5 80%); border-image: linear-gradient(135deg,#0052CC 0%,#0062f5 80%); color: #0052cc } .btn-gradient-primary.btn-outline:hover, .btn-gradient-primary.btn-outline.hover { -o-border-image: linear-gradient(135deg,#0061f2 0%,#0061f2 80%); border-image: linear-gradient(135deg,#0061f2 0%,#0061f2 80%); color: #0061f2 } .btn-gradient-primary.btn-outline:focus, .btn-gradient-primary.btn-outline.focus { box-shadow: 0 0 0 3px rgba(0,82,204,.5) } .btn-gradient-primary.btn-outline.disabled, .btn-gradient-primary.btn-outline:disabled { -o-border-image: linear-gradient(135deg,#0052CC 0%,#0062f5 80%); border-image: linear-gradient(135deg,#0052CC 0%,#0062f5 80%) } .btn-gradient-primary.btn-outline:active, .btn-gradient-primary.btn-outline.active { -o-border-image: linear-gradient(135deg,#0061f2 0%,#0061f2 80%); border-image: linear-gradient(135deg,#0061f2 0%,#0061f2 80%); color: #0061f2 } .pagination > a, .pagination > a:hover, .pagination > a:focus, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #0052cc } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link { background-color: #0052cc !important; border-color: #0052cc } body.dark .pagination > li > a, body.dark .pagination > li > span, body.dark .pagination > li > a:hover, body.dark .pagination > li > span:hover, body.dark .pagination > li > a:focus, body.dark .pagination > li > span:focus { color: #0052cc } body.dark .pagination > .active > a, body.dark .pagination > .active > span, body.dark .pagination > .active > a:hover, body.dark .pagination > .active > span:hover, body.dark .pagination > .active > a:focus, body.dark .pagination > .active > span:focus { background-color: #0052cc; border-color: #0052cc } .pagination > .active > a, body.dark .pagination > .active > a { background-color: #0052cc; border-color: #0052cc #0052cc #003d99; color: #fff } .pagination > .active > a:hover, body.dark .pagination > .active > a:hover, .pagination > .active > a.hover, body.dark .pagination > .active > a.hover { border-color: #06f #06f #0052cc; color: #fff } .pagination > .active > a:hover:not(.bg-transparent), body.dark .pagination > .active > a:hover:not(.bg-transparent), .pagination > .active > a.hover:not(.bg-transparent), body.dark .pagination > .active > a.hover:not(.bg-transparent) { background-color: #0061f2 } .pagination > .active > a:focus, body.dark .pagination > .active > a:focus, .pagination > .active > a.focus, body.dark .pagination > .active > a.focus { border-color: #003d99 #003d99 #002966; color: #fff; box-shadow: 0 0 0 3px rgba(0,82,204,.5) } .pagination > .active > a:focus:not(.bg-transparent), body.dark .pagination > .active > a:focus:not(.bg-transparent), .pagination > .active > a.focus:not(.bg-transparent), body.dark .pagination > .active > a.focus:not(.bg-transparent) { background-color: #0043a6 } .pagination > .active > a.disabled, body.dark .pagination > .active > a.disabled, .pagination > .active > a:disabled, body.dark .pagination > .active > a:disabled { border-color: #0052cc #0052cc #003d99 } .pagination > .active > a.disabled:not(.bg-transparent), body.dark .pagination > .active > a.disabled:not(.bg-transparent), .pagination > .active > a:disabled:not(.bg-transparent), body.dark .pagination > .active > a:disabled:not(.bg-transparent) { background-color: #0052cc } .pagination > .active > a:active, body.dark .pagination > .active > a:active, .pagination > .active > a.active, body.dark .pagination > .active > a.active { border-color: #003d99 #003d99 #002966 !important } .pagination > .active > a:active:not(.bg-transparent), body.dark .pagination > .active > a:active:not(.bg-transparent), .pagination > .active > a.active:not(.bg-transparent), body.dark .pagination > .active > a.active:not(.bg-transparent) { background-color: #0043a6 !important; background-image: none !important } .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #0052cc } .custom-checkbox-switch:checked { background-color: #0052cc; border-color: #0052cc } html .alert-primary { background-color: #0052cc; border-color: #004cbd; color: #fff } html .alert-primary .alert-link { color: #fff } html .alert-secondary { background-color: #222529; border-color: #1b1d21; color: #fff } html .alert-secondary .alert-link { color: #fff } html .alert-tertiary { background-color: #e1ecf9; border-color: #d4e4f6; color: #777 } html .alert-tertiary .alert-link { color: #777 } html .alert-quaternary { background-color: #f4f9fd; border-color: #e7f2fb; color: #777 } html .alert-quaternary .alert-link { color: #777 } html .alert-dark { background-color: #212529; border-color: #1a1d21; color: #fff } html .alert-dark .alert-link { color: #fff } html .alert-light { background-color: #fff; border-color: #f7f7f7; color: #777 } html .alert-light .alert-link { color: #777 } html .progress-bar-primary { background-color: #0052cc } html .progress-bar-secondary { background-color: #222529 } html .progress-bar-tertiary { background-color: #e1ecf9 } html .progress-bar-quaternary { background-color: #f4f9fd } html .progress-bar-dark { background-color: #212529 } html .progress-bar-light { background-color: #fff } html .word-rotator.loading-bar-primary .word-rotator-words::after { background-color: #0052cc } html .word-rotator.loading-bar-secondary .word-rotator-words::after { background-color: #222529 } html .word-rotator.loading-bar-tertiary .word-rotator-words::after { background-color: #e1ecf9 } html .word-rotator.loading-bar-quaternary .word-rotator-words::after { background-color: #f4f9fd } html .word-rotator.loading-bar-dark .word-rotator-words::after { background-color: #212529 } html .word-rotator.loading-bar-light .word-rotator-words::after { background-color: #fff } .process .process-step-circle { border-color: #0052cc } .process .process-step:hover .process-step-circle { background-color: #0052cc } .process .process-step:hover .process-step-circle .process-step-circle-content { color: #fff !important } .process.process-shapes .process-step-circle .process-step-circle-content, .process.process-shapes .process-step-circle:before, .process.process-shapes .process-step-circle:after { background-color: #0052cc } .process-connecting-line .connecting-line { background: #0052cc } html .rating-primary .filled-stars { color: #0052cc } html .rating-secondary .filled-stars { color: #222529 } html .rating-tertiary .filled-stars { color: #e1ecf9 } html .rating-quaternary .filled-stars { color: #f4f9fd } html .rating-dark .filled-stars { color: #212529 } html .rating-light .filled-stars { color: #fff } html section.section-primary { background-color: #0052cc !important; border-color: #0048b3 !important } html section.section-primary h1, html section.section-primary h2, html section.section-primary h3, html section.section-primary h4, html section.section-primary h5, html section.section-primary h6 { color: #fff } html section.section-primary p { color: #e6e6e6 } html section.section-primary-scale-2 { background-color: #003d99 !important; border-color: #003380 !important } html section.section-primary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #003d99 } html section.section-secondary { background-color: #222529 !important; border-color: #16181b !important } html section.section-secondary h1, html section.section-secondary h2, html section.section-secondary h3, html section.section-secondary h4, html section.section-secondary h5, html section.section-secondary h6 { color: #fff } html section.section-secondary p { color: #e6e6e6 } html section.section-secondary-scale-2 { background-color: #0b0c0d !important; border-color: #000 !important } html section.section-secondary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #0b0c0d } html section.section-tertiary { background-color: #e1ecf9 !important; border-color: #ccdff5 !important } html section.section-tertiary h1, html section.section-tertiary h2, html section.section-tertiary h3, html section.section-tertiary h4, html section.section-tertiary h5, html section.section-tertiary h6 { color: #777 } html section.section-tertiary p { color: #5e5e5e } html section.section-tertiary-scale-2 { background-color: #b6d1f1 !important; border-color: #a1c4ec !important } html section.section-tertiary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #b6d1f1 } html section.section-quaternary { background-color: #f4f9fd !important; border-color: #deedf9 !important } html section.section-quaternary h1, html section.section-quaternary h2, html section.section-quaternary h3, html section.section-quaternary h4, html section.section-quaternary h5, html section.section-quaternary h6 { color: #777 } html section.section-quaternary p { color: #5e5e5e } html section.section-quaternary-scale-2 { background-color: #c9e1f5 !important; border-color: #b3d6f1 !important } html section.section-quaternary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #c9e1f5 } html section.section-dark { background-color: #212529 !important; border-color: #16181b !important } html section.section-dark h1, html section.section-dark h2, html section.section-dark h3, html section.section-dark h4, html section.section-dark h5, html section.section-dark h6 { color: #fff } html section.section-dark p { color: #e6e6e6 } html section.section-dark-scale-2 { background-color: #0a0c0d !important; border-color: #000 !important } html section.section-dark-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #0a0c0d } html section.section-light { background-color: #fff !important; border-color: #f2f2f2 !important } html section.section-light h1, html section.section-light h2, html section.section-light h3, html section.section-light h4, html section.section-light h5, html section.section-light h6 { color: #777 } html section.section-light p { color: #5e5e5e } html section.section-light-scale-2 { background-color: #e6e6e6 !important; border-color: #d9d9d9 !important } html section.section-light-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #e6e6e6 } section.section.section-background-half-primary-half-secondary { background: linear-gradient(to right,#0052CC 50%,#222529 50%) } section.section.section-overlay-opacity-gradient:before { background: linear-gradient(135deg,#0052CC 0%,#222529 80%) } html .bg-color-light-scale-1 { background-color: #f7f7f7 !important } html .section.bg-color-light-scale-1, html .bg-color-light-scale-border-top-1 { border-top-color: #efefef !important } html .bg-color-light-scale-2 { background-color: #e8e8e8 !important } html .section.bg-color-light-scale-2, html .bg-color-light-scale-border-top-2 { border-top-color: #e0e0e0 !important } html .bg-color-light-scale-3 { background-color: #e0e0e0 !important } html .section.bg-color-light-scale-3, html .bg-color-light-scale-border-top-3 { border-top-color: #d8d8d8 !important } html .bg-color-light-scale-4 { background-color: #d8d8d8 !important } html .section.bg-color-light-scale-4, html .bg-color-light-scale-border-top-4 { border-top-color: #d1d1d1 !important } html .bg-color-light-scale-5 { background-color: #d1d1d1 !important } html .section.bg-color-light-scale-5, html .bg-color-light-scale-border-top-5 { border-top-color: #c9c9c9 !important } html .bg-color-light-scale-6 { background-color: #c9c9c9 !important } html .section.bg-color-light-scale-6, html .bg-color-light-scale-border-top-6 { border-top-color: #c1c1c1 !important } html .bg-color-light-scale-7 { background-color: #c1c1c1 !important } html .section.bg-color-light-scale-7, html .bg-color-light-scale-border-top-7 { border-top-color: #bababa !important } html .bg-color-light-scale-8 { background-color: #bababa !important } html .section.bg-color-light-scale-8, html .bg-color-light-scale-border-top-8 { border-top-color: #b2b2b2 !important } html .bg-color-light-scale-9 { background-color: #b2b2b2 !important } html .section.bg-color-light-scale-9, html .bg-color-light-scale-border-top-9 { border-top-color: #ababab !important } html .bg-color-dark-scale-1 { background-color: #212529 !important } html .section.bg-color-dark-scale-1, html .bg-color-dark-scale-border-top-1 { border-top-color: #1a1d21 !important } html .bg-color-dark-scale-2 { background-color: #1c2023 !important } html .section.bg-color-dark-scale-2, html .bg-color-dark-scale-border-top-2 { border-top-color: #16181b !important } html .bg-color-dark-scale-3 { background-color: #181b1e !important } html .section.bg-color-dark-scale-3, html .bg-color-dark-scale-border-top-3 { border-top-color: #111315 !important } html .bg-color-dark-scale-4 { background-color: #131618 !important } html .section.bg-color-dark-scale-4, html .bg-color-dark-scale-border-top-4 { border-top-color: #0d0e10 !important } html .bg-color-dark-scale-5 { background-color: #0f1112 !important } html .section.bg-color-dark-scale-5, html .bg-color-dark-scale-border-top-5 { border-top-color: #08090a !important } html .bg-color-dark-scale-6 { background-color: #0a0c0d !important } html .section.bg-color-dark-scale-6, html .bg-color-dark-scale-border-top-6 { border-top-color: #030404 !important } html .bg-color-dark-scale-7 { background-color: #060607 !important } html .section.bg-color-dark-scale-7, html .bg-color-dark-scale-border-top-7 { border-top-color: #000 !important } html .bg-color-dark-scale-8 { background-color: #010101 !important } html .section.bg-color-dark-scale-8, html .bg-color-dark-scale-border-top-8 { border-top-color: #000 !important } html .bg-color-dark-scale-9 { background-color: #000 !important } html .section.bg-color-dark-scale-9, html .bg-color-dark-scale-border-top-9 { border-top-color: #000 !important } section.page-header .page-header-title-border { background-color: #0052cc !important } section.page-header.custom-product { background-color: #0048b3; border-top-color: #004ec2 } html .page-header-color.page-header-primary { background-color: #0052cc; border-bottom-color: #0052cc; color: #fff } html .page-header-color.page-header-primary h1 { color: #fff } html .page-header-color.page-header-primary h1 span { color: #fff } html .page-header-color.page-header-primary a { color: #fff } html .page-header-color.page-header-primary .breadcrumb > .active { color: #fff } html .page-header-color.page-header-secondary { background-color: #222529; border-bottom-color: #222529; color: #fff } html .page-header-color.page-header-secondary h1 { color: #fff } html .page-header-color.page-header-secondary h1 span { color: #fff } html .page-header-color.page-header-secondary a { color: #fff } html .page-header-color.page-header-secondary .breadcrumb > .active { color: #fff } html .page-header-color.page-header-tertiary { background-color: #e1ecf9; border-bottom-color: #e1ecf9; color: #777 } html .page-header-color.page-header-tertiary h1 { color: #777 } html .page-header-color.page-header-tertiary h1 span { color: #777 } html .page-header-color.page-header-tertiary a { color: #777 } html .page-header-color.page-header-tertiary .breadcrumb > .active { color: #777 } html .page-header-color.page-header-quaternary { background-color: #f4f9fd; border-bottom-color: #f4f9fd; color: #777 } html .page-header-color.page-header-quaternary h1 { color: #777 } html .page-header-color.page-header-quaternary h1 span { color: #777 } html .page-header-color.page-header-quaternary a { color: #777 } html .page-header-color.page-header-quaternary .breadcrumb > .active { color: #777 } html .page-header-color.page-header-dark { background-color: #212529; border-bottom-color: #212529; color: #fff } html .page-header-color.page-header-dark h1 { color: #fff } html .page-header-color.page-header-dark h1 span { color: #fff } html .page-header-color.page-header-dark a { color: #fff } html .page-header-color.page-header-dark .breadcrumb > .active { color: #fff } html .page-header-color.page-header-light { background-color: #fff; border-bottom-color: #fff; color: #777 } html .page-header-color.page-header-light h1 { color: #777 } html .page-header-color.page-header-light h1 span { color: #777 } html .page-header-color.page-header-light a { color: #777 } html .page-header-color.page-header-light .breadcrumb > .active { color: #777 } html .toggle-primary .toggle label, html .toggle-primary .toggle .toggle-title { color: #0052cc; border-left-color: #0052cc; border-right-color: #0052cc } html .toggle-primary .toggle.active > label, html .toggle-primary .toggle.active > .toggle-title { background-color: #0052cc; border-color: #0052cc; color: #fff } html .toggle-primary.toggle-simple .toggle > label:after, html .toggle-primary.toggle-simple .toggle > .toggle-title:after { background-color: #0052cc } html .toggle-primary.toggle-minimal .toggle.active > label, html .toggle-primary.toggle-minimal .toggle.active > .toggle-title { color: #0052cc } html .toggle-secondary .toggle label, html .toggle-secondary .toggle .toggle-title { color: #222529; border-left-color: #222529; border-right-color: #222529 } html .toggle-secondary .toggle.active > label, html .toggle-secondary .toggle.active > .toggle-title { background-color: #222529; border-color: #222529; color: #fff } html .toggle-secondary.toggle-simple .toggle > label:after, html .toggle-secondary.toggle-simple .toggle > .toggle-title:after { background-color: #222529 } html .toggle-secondary.toggle-minimal .toggle.active > label, html .toggle-secondary.toggle-minimal .toggle.active > .toggle-title { color: #222529 } html .toggle-tertiary .toggle label, html .toggle-tertiary .toggle .toggle-title { color: #e1ecf9; border-left-color: #e1ecf9; border-right-color: #e1ecf9 } html .toggle-tertiary .toggle.active > label, html .toggle-tertiary .toggle.active > .toggle-title { background-color: #e1ecf9; border-color: #e1ecf9; color: #777 } html .toggle-tertiary.toggle-simple .toggle > label:after, html .toggle-tertiary.toggle-simple .toggle > .toggle-title:after { background-color: #e1ecf9 } html .toggle-tertiary.toggle-minimal .toggle.active > label, html .toggle-tertiary.toggle-minimal .toggle.active > .toggle-title { color: #e1ecf9 } html .toggle-quaternary .toggle label, html .toggle-quaternary .toggle .toggle-title { color: #f4f9fd; border-left-color: #f4f9fd; border-right-color: #f4f9fd } html .toggle-quaternary .toggle.active > label, html .toggle-quaternary .toggle.active > .toggle-title { background-color: #f4f9fd; border-color: #f4f9fd; color: #777 } html .toggle-quaternary.toggle-simple .toggle > label:after, html .toggle-quaternary.toggle-simple .toggle > .toggle-title:after { background-color: #f4f9fd } html .toggle-quaternary.toggle-minimal .toggle.active > label, html .toggle-quaternary.toggle-minimal .toggle.active > .toggle-title { color: #f4f9fd } html .toggle-dark .toggle label, html .toggle-dark .toggle .toggle-title { color: #212529; border-left-color: #212529; border-right-color: #212529 } html .toggle-dark .toggle.active > label, html .toggle-dark .toggle.active > .toggle-title { background-color: #212529; border-color: #212529; color: #fff } html .toggle-dark.toggle-simple .toggle > label:after, html .toggle-dark.toggle-simple .toggle > .toggle-title:after { background-color: #212529 } html .toggle-dark.toggle-minimal .toggle.active > label, html .toggle-dark.toggle-minimal .toggle.active > .toggle-title { color: #212529 } html .toggle-light .toggle label, html .toggle-light .toggle .toggle-title { color: #fff; border-left-color: #fff; border-right-color: #fff } html .toggle-light .toggle.active > label, html .toggle-light .toggle.active > .toggle-title { background-color: #fff; border-color: #fff; color: #777 } html .toggle-light.toggle-simple .toggle > label:after, html .toggle-light.toggle-simple .toggle > .toggle-title:after { background-color: #fff } html .toggle-light.toggle-minimal .toggle.active > label, html .toggle-light.toggle-minimal .toggle.active > .toggle-title { color: #fff } .thumb-info .thumb-info-type, .thumb-info .thumb-info-action-icon, .thumb-info-social-icons a, .thumbnail .zoom, .img-thumbnail .zoom, .thumb-info-ribbon { background-color: #0052cc } html .thumb-info .thumb-info-action-icon-primary { background-color: #0052cc } html .thumb-info .thumb-info-action-icon-primary i { color: #fff } html .thumb-info .thumb-info-action-icon-secondary { background-color: #222529 } html .thumb-info .thumb-info-action-icon-secondary i { color: #fff } html .thumb-info .thumb-info-action-icon-tertiary { background-color: #e1ecf9 } html .thumb-info .thumb-info-action-icon-tertiary i { color: #777 } html .thumb-info .thumb-info-action-icon-quaternary { background-color: #f4f9fd } html .thumb-info .thumb-info-action-icon-quaternary i { color: #777 } html .thumb-info .thumb-info-action-icon-dark { background-color: #212529 } html .thumb-info .thumb-info-action-icon-dark i { color: #fff } html .thumb-info .thumb-info-action-icon-light { background-color: #fff } html .thumb-info .thumb-info-action-icon-light i { color: #777 } .thumb-info-ribbon:before { border-right-color: #003380; border-left-color: #003380 } .thumb-info.thumb-info-block-primary .thumb-info-wrapper:before { background: rgba(0,82,204,.9) } .thumb-info-floating-caption-title .thumb-info-floating-caption-type { background-color: #0052cc } .inverted { background-color: #0052cc } html .inverted-primary { background-color: #0052cc } html .inverted-secondary { background-color: #222529 } html .inverted-tertiary { background-color: #e1ecf9 } html .inverted-quaternary { background-color: #f4f9fd } html .inverted-dark { background-color: #212529 } html .inverted-light { background-color: #fff } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background-color: #0046ad } .owl-carousel.show-nav-title .owl-nav button[class*=owl-], .owl-carousel.show-nav-title .owl-nav button[class*=owl-]:hover, .owl-carousel.show-nav-title .owl-nav button[class*=owl-].hover { color: #0052cc } .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-] { background-color: #0052cc; border-color: #0052cc #0052cc #003d99; color: #fff } .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-]:hover, .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-].hover { background-color: #0061f2; border-color: #06f #06f #0052cc } .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-]:active, .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-].active { background-color: #0043a6; background-image: none; border-color: #003d99 #003d99 #002966 } .owl-carousel.nav-with-transparency:not(.nav-style-1):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*=owl-] { background-color: rgba(0,82,204,.4) } .owl-carousel.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-style-1 .owl-nav .owl-prev { color: #0052cc !important } .owl-carousel.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-style-2 .owl-nav .owl-prev:before, .owl-carousel.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-style-2 .owl-nav .owl-prev:after { border-color: #0052cc } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon { fill: #0052cc; stroke: #0052cc } .owl-carousel.nav-arrows-1 .owl-nav .owl-prev, .owl-carousel.nav-arrows-1 .owl-nav .owl-next { color: #0052cc } .owl-carousel.carousel-center-active-item-2 .owl-item.active > div { background: #0052cc } .owl-carousel.carousel-bottom-inside-shadow .owl-stage-outer:after { background-image: linear-gradient(360deg,#0052CC 0%,transparent 100%) } html body .tabs .nav-tabs .nav-link, html.dark body .tabs .nav-tabs .nav-link, html body .tabs .nav-tabs .nav-link:hover, html.dark body .tabs .nav-tabs .nav-link:hover, html body .tabs .nav-tabs .nav-link.active, html.dark body .tabs .nav-tabs .nav-link.active { color: #0052cc } html body .tabs .nav-tabs .nav-link:hover, html.dark body .tabs .nav-tabs .nav-link:hover, html body .tabs .nav-tabs .nav-link:focus, html.dark body .tabs .nav-tabs .nav-link:focus, html body .tabs .nav-tabs .nav-link.active, html.dark body .tabs .nav-tabs .nav-link.active, html body .tabs .nav-tabs.nav-justified .nav-link.active, html.dark body .tabs .nav-tabs.nav-justified .nav-link.active, html body .tabs .nav-tabs.nav-justified .nav-link:hover, html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover, html body .tabs .nav-tabs.nav-justified .nav-link:focus, html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus { border-top-color: #0052cc } html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs.tabs-bottom .nav-tabs .nav-link.active, html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active, html body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover, html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover, html body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus, html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus { border-bottom-color: #0052cc } html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active, html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus { border-left-color: #0052cc } html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover, html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active, html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover, html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus { border-right-color: #0052cc } html body .tabs.tabs-simple .nav-tabs > li .nav-link.active, html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active, html body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus, html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus, html body .tabs.tabs-simple .nav-tabs > li .nav-link:hover, html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:hover, html body .tabs.tabs-simple .nav-tabs > li .nav-link.active:hover, html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active:hover { border-top-color: #0052cc; color: #0052cc } html body .tabs-primary .nav-tabs li .nav-link, html.dark body .tabs-primary .nav-tabs li .nav-link, html body .tabs-primary .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link, html body .tabs-primary .nav-tabs li .nav-link:hover, html.dark body .tabs-primary .nav-tabs li .nav-link:hover, html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover { color: #0052cc } html body .tabs-primary .nav-tabs li .nav-link:hover, html.dark body .tabs-primary .nav-tabs li .nav-link:hover, html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #0052cc } html body .tabs-primary .nav-tabs li .nav-link.active, html.dark body .tabs-primary .nav-tabs li .nav-link.active, html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active, html body .tabs-primary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-primary .nav-tabs li .nav-link.active:hover, html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-primary .nav-tabs li .nav-link.active:focus, html.dark body .tabs-primary .nav-tabs li .nav-link.active:focus, html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #0052cc; color: #0052cc } html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #0052cc } html body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #0052cc !important; border-bottom-color: #0052cc } html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #0052cc } html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #0052cc } html body .tabs-secondary .nav-tabs li .nav-link, html.dark body .tabs-secondary .nav-tabs li .nav-link, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link, html body .tabs-secondary .nav-tabs li .nav-link:hover, html.dark body .tabs-secondary .nav-tabs li .nav-link:hover, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover { color: #222529 } html body .tabs-secondary .nav-tabs li .nav-link:hover, html.dark body .tabs-secondary .nav-tabs li .nav-link:hover, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #222529 } html body .tabs-secondary .nav-tabs li .nav-link.active, html.dark body .tabs-secondary .nav-tabs li .nav-link.active, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active, html body .tabs-secondary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-secondary .nav-tabs li .nav-link.active:hover, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-secondary .nav-tabs li .nav-link.active:focus, html.dark body .tabs-secondary .nav-tabs li .nav-link.active:focus, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #222529; color: #222529 } html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #222529 } html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #222529 !important; border-bottom-color: #222529 } html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #222529 } html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #222529 } html body .tabs-tertiary .nav-tabs li .nav-link, html.dark body .tabs-tertiary .nav-tabs li .nav-link, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link, html body .tabs-tertiary .nav-tabs li .nav-link:hover, html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover { color: #e1ecf9 } html body .tabs-tertiary .nav-tabs li .nav-link:hover, html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #e1ecf9 } html body .tabs-tertiary .nav-tabs li .nav-link.active, html.dark body .tabs-tertiary .nav-tabs li .nav-link.active, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active, html body .tabs-tertiary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-tertiary .nav-tabs li .nav-link.active:hover, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-tertiary .nav-tabs li .nav-link.active:focus, html.dark body .tabs-tertiary .nav-tabs li .nav-link.active:focus, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #e1ecf9; color: #e1ecf9 } html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #e1ecf9 } html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #e1ecf9 !important; border-bottom-color: #e1ecf9 } html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #e1ecf9 } html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #e1ecf9 } html body .tabs-quaternary .nav-tabs li .nav-link, html.dark body .tabs-quaternary .nav-tabs li .nav-link, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link, html body .tabs-quaternary .nav-tabs li .nav-link:hover, html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover { color: #f4f9fd } html body .tabs-quaternary .nav-tabs li .nav-link:hover, html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #f4f9fd } html body .tabs-quaternary .nav-tabs li .nav-link.active, html.dark body .tabs-quaternary .nav-tabs li .nav-link.active, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active, html body .tabs-quaternary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-quaternary .nav-tabs li .nav-link.active:hover, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-quaternary .nav-tabs li .nav-link.active:focus, html.dark body .tabs-quaternary .nav-tabs li .nav-link.active:focus, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #f4f9fd; color: #f4f9fd } html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #f4f9fd } html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #f4f9fd !important; border-bottom-color: #f4f9fd } html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #f4f9fd } html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #f4f9fd } html body .tabs-dark .nav-tabs li .nav-link, html.dark body .tabs-dark .nav-tabs li .nav-link, html body .tabs-dark .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link, html body .tabs-dark .nav-tabs li .nav-link:hover, html.dark body .tabs-dark .nav-tabs li .nav-link:hover, html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover { color: #212529 } html body .tabs-dark .nav-tabs li .nav-link:hover, html.dark body .tabs-dark .nav-tabs li .nav-link:hover, html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #212529 } html body .tabs-dark .nav-tabs li .nav-link.active, html.dark body .tabs-dark .nav-tabs li .nav-link.active, html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active, html body .tabs-dark .nav-tabs li .nav-link.active:hover, html.dark body .tabs-dark .nav-tabs li .nav-link.active:hover, html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-dark .nav-tabs li .nav-link.active:focus, html.dark body .tabs-dark .nav-tabs li .nav-link.active:focus, html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #212529; color: #212529 } html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #212529 } html body .tabs-dark.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #212529 !important; border-bottom-color: #212529 } html body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #212529 } html body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #212529 } html body .tabs-light .nav-tabs li .nav-link, html.dark body .tabs-light .nav-tabs li .nav-link, html body .tabs-light .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link, html body .tabs-light .nav-tabs li .nav-link:hover, html.dark body .tabs-light .nav-tabs li .nav-link:hover, html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover { color: #fff } html body .tabs-light .nav-tabs li .nav-link:hover, html.dark body .tabs-light .nav-tabs li .nav-link:hover, html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #fff } html body .tabs-light .nav-tabs li .nav-link.active, html.dark body .tabs-light .nav-tabs li .nav-link.active, html body .tabs-light .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active, html body .tabs-light .nav-tabs li .nav-link.active:hover, html.dark body .tabs-light .nav-tabs li .nav-link.active:hover, html body .tabs-light .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-light .nav-tabs li .nav-link.active:focus, html.dark body .tabs-light .nav-tabs li .nav-link.active:focus, html body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #fff; color: #fff } html body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #fff } html body .tabs-light.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #fff !important; border-bottom-color: #fff } html body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #fff } html body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #fff } html[dir=rtl] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover html[dir=rtl] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active, html[dir=rtl] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:hover, html[dir=rtl] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:focus { border-right-color: #0052cc; border-left-color: transparent } html[dir=rtl] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover html[dir=rtl] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active, html[dir=rtl] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:hover, html[dir=rtl] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:focus { border-right-color: transparent; border-left-color: #0052cc } .list.list-icons li > [class*=fa-]:first-child, .list.list-icons li a:first-child > [class*=fa-]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child { color: #0052cc; border-color: #0052cc } .list.list-icons.list-icons-style-3 li > [class*=fa-]:first-child, .list.list-icons.list-icons-style-3 li a:first-child > [class*=fa-]:first-child, .list.list-icons.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #0052cc } .list.list-ordened li:before { color: #0052cc; border-color: #0052cc } .list.list-ordened.list-ordened-style-3 li:before { background-color: #0052cc } html .list-primary.list-icons li > [class*=fa-]:first-child, html .list-primary.list-icons li a:first-child > [class*=fa-]:first-child, html .list-primary.list-icons li > .icons:first-child, html .list-primary.list-icons li a:first-child > .icons:first-child { color: #0052cc; border-color: #0052cc } html .list-primary.list-icons.list-icons-style-3 li > [class*=fa-]:first-child, html .list-primary.list-icons.list-icons-style-3 li a:first-child > [class*=fa-]:first-child, html .list-primary.list-icons.list-icons-style-3 li > .icons:first-child, html .list-primary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #0052cc; color: #fff } html .list-primary.list-ordened li:before { color: #0052cc } html .list-primary.list-ordened.list-ordened-style-3 li:before { background-color: #0052cc; color: #fff } html .list-secondary.list-icons li > [class*=fa-]:first-child, html .list-secondary.list-icons li a:first-child > [class*=fa-]:first-child, html .list-secondary.list-icons li > .icons:first-child, html .list-secondary.list-icons li a:first-child > .icons:first-child { color: #222529; border-color: #222529 } html .list-secondary.list-icons.list-icons-style-3 li > [class*=fa-]:first-child, html .list-secondary.list-icons.list-icons-style-3 li a:first-child > [class*=fa-]:first-child, html .list-secondary.list-icons.list-icons-style-3 li > .icons:first-child, html .list-secondary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #222529; color: #fff } html .list-secondary.list-ordened li:before { color: #222529 } html .list-secondary.list-ordened.list-ordened-style-3 li:before { background-color: #222529; color: #fff } html .list-tertiary.list-icons li > [class*=fa-]:first-child, html .list-tertiary.list-icons li a:first-child > [class*=fa-]:first-child, html .list-tertiary.list-icons li > .icons:first-child, html .list-tertiary.list-icons li a:first-child > .icons:first-child { color: #e1ecf9; border-color: #e1ecf9 } html .list-tertiary.list-icons.list-icons-style-3 li > [class*=fa-]:first-child, html .list-tertiary.list-icons.list-icons-style-3 li a:first-child > [class*=fa-]:first-child, html .list-tertiary.list-icons.list-icons-style-3 li > .icons:first-child, html .list-tertiary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #e1ecf9; color: #777 } html .list-tertiary.list-ordened li:before { color: #e1ecf9 } html .list-tertiary.list-ordened.list-ordened-style-3 li:before { background-color: #e1ecf9; color: #777 } html .list-quaternary.list-icons li > [class*=fa-]:first-child, html .list-quaternary.list-icons li a:first-child > [class*=fa-]:first-child, html .list-quaternary.list-icons li > .icons:first-child, html .list-quaternary.list-icons li a:first-child > .icons:first-child { color: #f4f9fd; border-color: #f4f9fd } html .list-quaternary.list-icons.list-icons-style-3 li > [class*=fa-]:first-child, html .list-quaternary.list-icons.list-icons-style-3 li a:first-child > [class*=fa-]:first-child, html .list-quaternary.list-icons.list-icons-style-3 li > .icons:first-child, html .list-quaternary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #f4f9fd; color: #777 } html .list-quaternary.list-ordened li:before { color: #f4f9fd } html .list-quaternary.list-ordened.list-ordened-style-3 li:before { background-color: #f4f9fd; color: #777 } html .list-dark.list-icons li > [class*=fa-]:first-child, html .list-dark.list-icons li a:first-child > [class*=fa-]:first-child, html .list-dark.list-icons li > .icons:first-child, html .list-dark.list-icons li a:first-child > .icons:first-child { color: #212529; border-color: #212529 } html .list-dark.list-icons.list-icons-style-3 li > [class*=fa-]:first-child, html .list-dark.list-icons.list-icons-style-3 li a:first-child > [class*=fa-]:first-child, html .list-dark.list-icons.list-icons-style-3 li > .icons:first-child, html .list-dark.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #212529; color: #fff } html .list-dark.list-ordened li:before { color: #212529 } html .list-dark.list-ordened.list-ordened-style-3 li:before { background-color: #212529; color: #fff } html .list-light.list-icons li > [class*=fa-]:first-child, html .list-light.list-icons li a:first-child > [class*=fa-]:first-child, html .list-light.list-icons li > .icons:first-child, html .list-light.list-icons li a:first-child > .icons:first-child { color: #fff; border-color: #fff } html .list-light.list-icons.list-icons-style-3 li > [class*=fa-]:first-child, html .list-light.list-icons.list-icons-style-3 li a:first-child > [class*=fa-]:first-child, html .list-light.list-icons.list-icons-style-3 li > .icons:first-child, html .list-light.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #fff; color: #777 } html .list-light.list-ordened li:before { color: #fff } html .list-light.list-ordened.list-ordened-style-3 li:before { background-color: #fff; color: #777 } html .highlight-primary { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,#0052CC 0) } html .highlight-primary.highlight-bg-opacity { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(0,82,204,0.2) 0) } html .highlight-primary.highlight-change-text-color { color: #fff } html .highlight-secondary { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,#222529 0) } html .highlight-secondary.highlight-bg-opacity { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(34,37,41,0.2) 0) } html .highlight-secondary.highlight-change-text-color { color: #fff } html .highlight-tertiary { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,#E1ECF9 0) } html .highlight-tertiary.highlight-bg-opacity { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(225,236,249,0.2) 0) } html .highlight-tertiary.highlight-change-text-color { color: #777 } html .highlight-quaternary { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,#F4F9FD 0) } html .highlight-quaternary.highlight-bg-opacity { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(244,249,253,0.2) 0) } html .highlight-quaternary.highlight-change-text-color { color: #777 } html .highlight-dark { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,#212529 0) } html .highlight-dark.highlight-bg-opacity { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(33,37,41,0.2) 0) } html .highlight-dark.highlight-change-text-color { color: #fff } html .highlight-light { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,#FFF 0) } html .highlight-light.highlight-bg-opacity { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 0) } html .highlight-light.highlight-change-text-color { color: #777 } .parallax blockquote i.fa-quote-left { color: #0052cc } section.video blockquote i.fa-quote-left { color: #0052cc } .accordion .card-header a { color: #0052cc } html .accordion.accordion-primary .card-header { background-color: #0052cc !important } html .accordion.accordion-primary .card-header a { color: #fff } html .accordion-modern-status-primary.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #0052cc !important; color: #fff !important } html .accordion-modern-status-primary.accordion-modern-status > .card:hover .card-header a.collapsed { color: #0052cc !important } html .accordion.accordion-secondary .card-header { background-color: #222529 !important } html .accordion.accordion-secondary .card-header a { color: #fff } html .accordion-modern-status-secondary.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #222529 !important; color: #fff !important } html .accordion-modern-status-secondary.accordion-modern-status > .card:hover .card-header a.collapsed { color: #222529 !important } html .accordion.accordion-tertiary .card-header { background-color: #e1ecf9 !important } html .accordion.accordion-tertiary .card-header a { color: #777 } html .accordion-modern-status-tertiary.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #e1ecf9 !important; color: #777 !important } html .accordion-modern-status-tertiary.accordion-modern-status > .card:hover .card-header a.collapsed { color: #e1ecf9 !important } html .accordion.accordion-quaternary .card-header { background-color: #f4f9fd !important } html .accordion.accordion-quaternary .card-header a { color: #777 } html .accordion-modern-status-quaternary.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #f4f9fd !important; color: #777 !important } html .accordion-modern-status-quaternary.accordion-modern-status > .card:hover .card-header a.collapsed { color: #f4f9fd !important } html .accordion.accordion-dark .card-header { background-color: #212529 !important } html .accordion.accordion-dark .card-header a { color: #fff } html .accordion-modern-status-dark.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #212529 !important; color: #fff !important } html .accordion-modern-status-dark.accordion-modern-status > .card:hover .card-header a.collapsed { color: #212529 !important } html .accordion.accordion-light .card-header { background-color: #fff !important } html .accordion.accordion-light .card-header a { color: #777 } html .accordion-modern-status-light.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #fff !important; color: #777 !important } html .accordion-modern-status-light.accordion-modern-status > .card:hover .card-header a.collapsed { color: #fff !important } html .divider.divider-primary [class*=fa-], html .divider.divider-primary .icons { color: #0052cc } html .divider.divider-primary.divider-small hr { background: #0052cc } html .divider.divider-secondary [class*=fa-], html .divider.divider-secondary .icons { color: #222529 } html .divider.divider-secondary.divider-small hr { background: #222529 } html .divider.divider-tertiary [class*=fa-], html .divider.divider-tertiary .icons { color: #e1ecf9 } html .divider.divider-tertiary.divider-small hr { background: #e1ecf9 } html .divider.divider-quaternary [class*=fa-], html .divider.divider-quaternary .icons { color: #f4f9fd } html .divider.divider-quaternary.divider-small hr { background: #f4f9fd } html .divider.divider-dark [class*=fa-], html .divider.divider-dark .icons { color: #212529 } html .divider.divider-dark.divider-small hr { background: #212529 } html .divider.divider-light [class*=fa-], html .divider.divider-light .icons { color: #fff } html .divider.divider-light.divider-small hr { background: #fff } html .divider.divider-style-2.divider-primary [class*=fa-], html .divider.divider-style-2.divider-primary .icons { background: #0052cc; color: #fff } html .divider.divider-style-2.divider-secondary [class*=fa-], html .divider.divider-style-2.divider-secondary .icons { background: #222529; color: #fff } html .divider.divider-style-2.divider-tertiary [class*=fa-], html .divider.divider-style-2.divider-tertiary .icons { background: #e1ecf9; color: #777 } html .divider.divider-style-2.divider-quaternary [class*=fa-], html .divider.divider-style-2.divider-quaternary .icons { background: #f4f9fd; color: #777 } html .divider.divider-style-2.divider-dark [class*=fa-], html .divider.divider-style-2.divider-dark .icons { background: #212529; color: #fff } html .divider.divider-style-2.divider-light [class*=fa-], html .divider.divider-style-2.divider-light .icons { background: #fff; color: #777 } html .divider.divider-style-3.divider-primary [class*=fa-], html .divider.divider-style-3.divider-primary .icons { border-color: #0052cc } html .divider.divider-style-3.divider-secondary [class*=fa-], html .divider.divider-style-3.divider-secondary .icons { border-color: #222529 } html .divider.divider-style-3.divider-tertiary [class*=fa-], html .divider.divider-style-3.divider-tertiary .icons { border-color: #e1ecf9 } html .divider.divider-style-3.divider-quaternary [class*=fa-], html .divider.divider-style-3.divider-quaternary .icons { border-color: #f4f9fd } html .divider.divider-style-3.divider-dark [class*=fa-], html .divider.divider-style-3.divider-dark .icons { border-color: #212529 } html .divider.divider-style-3.divider-light [class*=fa-], html .divider.divider-style-3.divider-light .icons { border-color: #fff } #header .tip { background: #0052cc; color: #fff } #header .tip:before { border-right-color: #0052cc; border-left-color: transparent } html #header .tip-primary { background: #0052cc !important; color: #fff !important } html #header .tip-primary:before { border-right-color: #0052cc !important } html #header .tip-secondary { background: #222529 !important; color: #fff !important } html #header .tip-secondary:before { border-right-color: #222529 !important } html #header .tip-tertiary { background: #e1ecf9 !important; color: #777 !important } html #header .tip-tertiary:before { border-right-color: #e1ecf9 !important } html #header .tip-quaternary { background: #f4f9fd !important; color: #777 !important } html #header .tip-quaternary:before { border-right-color: #f4f9fd !important } html #header .tip-dark { background: #212529 !important; color: #fff !important } html #header .tip-dark:before { border-right-color: #212529 !important } html #header .tip-light { background: #fff !important; color: #777 !important } html #header .tip-light:before { border-right-color: #fff !important } html[dir=rtl] #header .tip:before { border-left-color: #0052cc } html[dir=rtl] #header .tip.skin:before { border-left-color: #0052cc } html[dir=rtl] #header .tip-primary:before { border-left-color: #0052cc !important; border-right-color: transparent !important } html[dir=rtl] #header .tip-secondary:before { border-left-color: #222529 !important; border-right-color: transparent !important } html[dir=rtl] #header .tip-tertiary:before { border-left-color: #e1ecf9 !important; border-right-color: transparent !important } html[dir=rtl] #header .tip-quaternary:before { border-left-color: #f4f9fd !important; border-right-color: transparent !important } html[dir=rtl] #header .tip-dark:before { border-left-color: #212529 !important; border-right-color: transparent !important } html[dir=rtl] #header .tip-light:before { border-left-color: #fff !important; border-right-color: transparent !important } #header .header-btn-collapse-nav { background: #0052cc } @media(min-width:992px) { #header .header-nav-main nav > ul > li > a { color: #0052cc } #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a { background: #0052cc } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { border-top-color: #0052cc } #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before { border-bottom-color: #0052cc } #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu { border-top-color: #0052cc } #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu li a { color: #0052cc } #header .header-nav-main nav > ul:not(:hover) > li > a.active { background-color: #0052cc; color: #fff } #header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li.open > a { background-color: #0052cc } #header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active { background-color: #0052cc } #header .header-nav.header-nav-stripe nav > ul:hover > li > a.active { color: #0052cc } #header .header-nav.header-nav-links nav > ul li:hover > a { color: #0052cc } #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active { color: #0052cc } #header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb { background: #0052cc !important } #header .header-nav.header-nav-line nav > ul li:hover > a { color: #0052cc } #header .header-nav.header-nav-line nav > ul li:hover > a:before { background: #0052cc } #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active { color: #0052cc } #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before { background: #0052cc } #header .header-nav-main.header-nav-main-slide nav > ul > li.open > span > a, #header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a { color: #0052cc } #header .header-nav-main.header-nav-main-slide nav > ul:not(:hover) > li > span > a.active { color: #0052cc } html.side-header #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu, html.side-header #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu { border-left-color: #0052cc } html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu, html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu { border-right-color: #0052cc } } @media(min-width:992px) { html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu { background-color: #0052cc } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a { color: #fff; border-bottom-color: #004cbd } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover > a { background: #0058db } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before { border-bottom-color: #0052cc; background: #0052cc } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-primary .dropdown-mega-sub-title { color: #fff; opacity: .7 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a { background: #0052cc; color: #fff } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a { color: #fff } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active { background: #0052cc; color: #fff } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover { color: #0052cc } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover:before { background-color: #0052cc } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a { color: #0052cc } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before { background: #0052cc } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active { color: #0052cc } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active:before { background-color: #0052cc } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a { color: #0052cc } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover { color: #0052cc } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a { color: #0052cc } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active { color: #0052cc } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu { background-color: #222529 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a { color: #fff; border-bottom-color: #1b1d21 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li:hover > a { background: #292d31 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a:before { border-bottom-color: #222529; background: #222529 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-secondary .dropdown-mega-sub-title { color: #fff; opacity: .7 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a { background: #222529; color: #fff } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a { color: #fff } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active { background: #222529; color: #fff } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover { color: #222529 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover:before { background-color: #222529 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a { color: #222529 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a:before { background: #222529 } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active { color: #222529 } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active:before { background-color: #222529 } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a { color: #222529 } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover { color: #222529 } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a { color: #222529 } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active { color: #222529 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu { background-color: #e1ecf9 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a { color: #777; border-bottom-color: #d4e4f6 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:hover > a { background: #eef4fc } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a:before { border-bottom-color: #e1ecf9; background: #e1ecf9 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-tertiary .dropdown-mega-sub-title { color: #777; opacity: .7 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a { background: #e1ecf9; color: #777 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a { color: #777 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active { background: #e1ecf9; color: #777 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover { color: #e1ecf9 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover:before { background-color: #e1ecf9 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a { color: #e1ecf9 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a:before { background: #e1ecf9 } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active { color: #e1ecf9 } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active:before { background-color: #e1ecf9 } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a { color: #e1ecf9 } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover { color: #e1ecf9 } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a { color: #e1ecf9 } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active { color: #e1ecf9 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu { background-color: #f4f9fd } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a { color: #777; border-bottom-color: #e7f2fb } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:hover > a { background: #fff } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a:before { border-bottom-color: #f4f9fd; background: #f4f9fd } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-quaternary .dropdown-mega-sub-title { color: #777; opacity: .7 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a { background: #f4f9fd; color: #777 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a { color: #777 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active { background: #f4f9fd; color: #777 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover { color: #f4f9fd } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover:before { background-color: #f4f9fd } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a { color: #f4f9fd } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a:before { background: #f4f9fd } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active { color: #f4f9fd } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active:before { background-color: #f4f9fd } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a { color: #f4f9fd } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover { color: #f4f9fd } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a { color: #f4f9fd } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active { color: #f4f9fd } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu { background-color: #212529 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a { color: #fff; border-bottom-color: #1a1d21 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li:hover > a { background: #282d31 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a:before { border-bottom-color: #212529; background: #212529 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-dark .dropdown-mega-sub-title { color: #fff; opacity: .7 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a { background: #212529; color: #fff } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a { color: #fff } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active { background: #212529; color: #fff } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover { color: #212529 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover:before { background-color: #212529 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a { color: #212529 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a:before { background: #212529 } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active { color: #212529 } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active:before { background-color: #212529 } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a { color: #212529 } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover { color: #212529 } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a { color: #212529 } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active { color: #212529 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu { background-color: #fff } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a { color: #777; border-bottom-color: #f7f7f7 } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li:hover > a { background: #fff } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a:before { border-bottom-color: #fff; background: #fff } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-light .dropdown-mega-sub-title { color: #777; opacity: .7 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a { background: #fff; color: #777 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a { color: #777 } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active { background: #fff; color: #777 } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover { color: #fff } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover:before { background-color: #fff } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a { color: #fff } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a:before { background: #fff } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active { color: #fff } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active:before { background-color: #fff } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a { color: #fff } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover { color: #fff } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a { color: #fff } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active { color: #fff } } @media(min-width:992px) { html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li:hover > a, html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a { color: #0052cc !important } html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li > a.active, html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active { color: #0052cc !important } } @media(max-width:991px) { #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a { color: #0052cc } #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:active { color: #0052cc } #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active { background: #0052cc } #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover { background: #0052cc } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { background: #0052cc } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:focus, #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:hover { background: #0052cc } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { color: #0052cc !important } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav::-webkit-scrollbar-thumb { background-color: #0052cc } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.active { color: #0052cc !important } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a { color: #0052cc !important } } @media(max-width:991px) { html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a { color: #0052cc } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a.active { background: #0052cc !important; color: #fff !important } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a { color: #222529 } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a.active { background: #222529 !important; color: #fff !important } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a { color: #e1ecf9 } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a.active { background: #e1ecf9 !important; color: #777 !important } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a { color: #f4f9fd } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a.active { background: #f4f9fd !important; color: #777 !important } } html #header .header-top.header-top-primary { background: #0052cc; border-top-color: #0048b3 } html #header .header-top.header-top-primary .header-nav-top ul > li.open > a { background: #005ce6 } html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus { background: #005ce6 } html #header .header-top.header-top-primary .dropdown-menu { background: #005ce6; border-color: #005ce6 } html #header .header-top.header-top-primary .dropdown-menu a:hover, html #header .header-top.header-top-primary .dropdown-menu a:focus { background: #06f !important } html #header .header-top.header-top-secondary { background: #222529; border-top-color: #16181b } html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a { background: #2e3237 } html #header .header-top.header-top-secondary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-secondary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:focus { background: #2e3237 } html #header .header-top.header-top-secondary .dropdown-menu { background: #2e3237; border-color: #2e3237 } html #header .header-top.header-top-secondary .dropdown-menu a:hover, html #header .header-top.header-top-secondary .dropdown-menu a:focus { background: #393e45 !important } html #header .header-top.header-top-tertiary { background: #e1ecf9; border-top-color: #ccdff5 } html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a { background: #f6f9fd } html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:focus { background: #f6f9fd } html #header .header-top.header-top-tertiary .dropdown-menu { background: #f6f9fd; border-color: #f6f9fd } html #header .header-top.header-top-tertiary .dropdown-menu a:hover, html #header .header-top.header-top-tertiary .dropdown-menu a:focus { background: #fff !important } html #header .header-top.header-top-quaternary { background: #f4f9fd; border-top-color: #deedf9 } html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a { background: #fff } html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:focus { background: #fff } html #header .header-top.header-top-quaternary .dropdown-menu { background: #fff; border-color: #fff } html #header .header-top.header-top-quaternary .dropdown-menu a:hover, html #header .header-top.header-top-quaternary .dropdown-menu a:focus { background: #fff !important } html #header .header-top.header-top-dark { background: #212529; border-top-color: #16181b } html #header .header-top.header-top-dark .header-nav-top ul > li.open > a { background: #2c3237 } html #header .header-top.header-top-dark .header-nav-top ul > li > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li > a:focus, html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:focus { background: #2c3237 } html #header .header-top.header-top-dark .dropdown-menu { background: #2c3237; border-color: #2c3237 } html #header .header-top.header-top-dark .dropdown-menu a:hover, html #header .header-top.header-top-dark .dropdown-menu a:focus { background: #383f45 !important } html #header .header-top.header-top-light { background: #fff; border-top-color: #f2f2f2 } html #header .header-top.header-top-light .header-nav-top ul > li.open > a { background: #fff } html #header .header-top.header-top-light .header-nav-top ul > li > a:hover, html #header .header-top.header-top-light .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-light .header-nav-top ul > li > a:focus, html #header .header-top.header-top-light .header-nav-top ul > li.open > a:focus { background: #fff } html #header .header-top.header-top-light .dropdown-menu { background: #fff; border-color: #fff } html #header .header-top.header-top-light .dropdown-menu a:hover, html #header .header-top.header-top-light .dropdown-menu a:focus { background: #fff !important } @media(min-width:992px) { html #header .header-nav-bar-primary { background: #0052cc !important; color: #fff !important } html #header .header-nav-bar-secondary { background: #222529 !important; color: #fff !important } html #header .header-nav-bar-tertiary { background: #e1ecf9 !important; color: #777 !important } html #header .header-nav-bar-quaternary { background: #f4f9fd !important; color: #777 !important } html #header .header-nav-bar-dark { background: #212529 !important; color: #fff !important } html #header .header-nav-bar-light { background: #fff !important; color: #777 !important } } @media(min-width:992px) { #header .header-nav-main.header-nav-main-light nav > ul > li.open > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a { color: #0052cc } #header .header-nav-main.header-nav-main-light nav > ul > li > a.active { color: #0052cc } } #header .header-nav-features .header-nav-features-search-reveal-big-search .form-control { border-bottom-color: #0052cc } .testimonial blockquote { background: #005ce6 } .testimonial .testimonial-arrow-down { border-top-color: #005ce6 } html .testimonial-primary blockquote { background: #005ce6 } html .testimonial-primary .testimonial-arrow-down { border-top-color: #005ce6 } html .testimonial-primary.testimonial-style-7 { background: #005ce6 } html .testimonial-quotes-primary blockquote:before, html .testimonial-quotes-primary blockquote:after { color: #0052cc !important } html .testimonial-secondary blockquote { background: #2e3237 } html .testimonial-secondary .testimonial-arrow-down { border-top-color: #2e3237 } html .testimonial-secondary.testimonial-style-7 { background: #2e3237 } html .testimonial-quotes-secondary blockquote:before, html .testimonial-quotes-secondary blockquote:after { color: #0052cc !important } html .testimonial-tertiary blockquote { background: #f6f9fd } html .testimonial-tertiary .testimonial-arrow-down { border-top-color: #f6f9fd } html .testimonial-tertiary.testimonial-style-7 { background: #f6f9fd } html .testimonial-quotes-tertiary blockquote:before, html .testimonial-quotes-tertiary blockquote:after { color: #0052cc !important } html .testimonial-quaternary blockquote { background: #fff } html .testimonial-quaternary .testimonial-arrow-down { border-top-color: #fff } html .testimonial-quaternary.testimonial-style-7 { background: #fff } html .testimonial-quotes-quaternary blockquote:before, html .testimonial-quotes-quaternary blockquote:after { color: #0052cc !important } html .testimonial-dark blockquote { background: #2c3237 } html .testimonial-dark .testimonial-arrow-down { border-top-color: #2c3237 } html .testimonial-dark.testimonial-style-7 { background: #2c3237 } html .testimonial-quotes-dark blockquote:before, html .testimonial-quotes-dark blockquote:after { color: #0052cc !important } html .testimonial-light blockquote { background: #fff } html .testimonial-light .testimonial-arrow-down { border-top-color: #fff } html .testimonial-light.testimonial-style-7 { background: #fff } html .testimonial-quotes-light blockquote:before, html .testimonial-quotes-light blockquote:after { color: #0052cc !important } .circular-bar.only-icon [class*=fa-], .circular-bar.only-icon .icons { color: #0052cc } .form-control.bg-primary, .form-control.bg-color-primary { color: #fff; border-color: #0052cc } .form-control.bg-primary::-webkit-input-placeholder, .form-control.bg-color-primary::-webkit-input-placeholder { color: #e6e6e6 } .form-control.bg-primary::-moz-placeholder, .form-control.bg-color-primary::-moz-placeholder { color: #e6e6e6 } .form-control.bg-primary:-ms-input-placeholder, .form-control.bg-color-primary:-ms-input-placeholder { color: #e6e6e6 } .form-control.bg-primary:-moz-placeholder, .form-control.bg-color-primary:-moz-placeholder { color: #e6e6e6 } .form-control .testimonial-primary blockquote { background: #005ce6 } .form-control .testimonial-primary .testimonial-arrow-down { border-top-color: #005ce6 } .form-control .testimonial-primary.testimonial-style-7 { background: #005ce6 } .form-control .testimonial-quotes-primary blockquote:before, .form-control .testimonial-quotes-primary blockquote:after { color: #0052cc !important } .form-control.bg-secondary, .form-control.bg-color-secondary { color: #fff; border-color: #222529 } .form-control.bg-secondary::-webkit-input-placeholder, .form-control.bg-color-secondary::-webkit-input-placeholder { color: #e6e6e6 } .form-control.bg-secondary::-moz-placeholder, .form-control.bg-color-secondary::-moz-placeholder { color: #e6e6e6 } .form-control.bg-secondary:-ms-input-placeholder, .form-control.bg-color-secondary:-ms-input-placeholder { color: #e6e6e6 } .form-control.bg-secondary:-moz-placeholder, .form-control.bg-color-secondary:-moz-placeholder { color: #e6e6e6 } .form-control .testimonial-secondary blockquote { background: #2e3237 } .form-control .testimonial-secondary .testimonial-arrow-down { border-top-color: #2e3237 } .form-control .testimonial-secondary.testimonial-style-7 { background: #2e3237 } .form-control .testimonial-quotes-secondary blockquote:before, .form-control .testimonial-quotes-secondary blockquote:after { color: #0052cc !important } .form-control.bg-tertiary, .form-control.bg-color-tertiary { color: #777; border-color: #e1ecf9 } .form-control.bg-tertiary::-webkit-input-placeholder, .form-control.bg-color-tertiary::-webkit-input-placeholder { color: #5e5e5e } .form-control.bg-tertiary::-moz-placeholder, .form-control.bg-color-tertiary::-moz-placeholder { color: #5e5e5e } .form-control.bg-tertiary:-ms-input-placeholder, .form-control.bg-color-tertiary:-ms-input-placeholder { color: #5e5e5e } .form-control.bg-tertiary:-moz-placeholder, .form-control.bg-color-tertiary:-moz-placeholder { color: #5e5e5e } .form-control .testimonial-tertiary blockquote { background: #f6f9fd } .form-control .testimonial-tertiary .testimonial-arrow-down { border-top-color: #f6f9fd } .form-control .testimonial-tertiary.testimonial-style-7 { background: #f6f9fd } .form-control .testimonial-quotes-tertiary blockquote:before, .form-control .testimonial-quotes-tertiary blockquote:after { color: #0052cc !important } .form-control.bg-quaternary, .form-control.bg-color-quaternary { color: #777; border-color: #f4f9fd } .form-control.bg-quaternary::-webkit-input-placeholder, .form-control.bg-color-quaternary::-webkit-input-placeholder { color: #5e5e5e } .form-control.bg-quaternary::-moz-placeholder, .form-control.bg-color-quaternary::-moz-placeholder { color: #5e5e5e } .form-control.bg-quaternary:-ms-input-placeholder, .form-control.bg-color-quaternary:-ms-input-placeholder { color: #5e5e5e } .form-control.bg-quaternary:-moz-placeholder, .form-control.bg-color-quaternary:-moz-placeholder { color: #5e5e5e } .form-control .testimonial-quaternary blockquote { background: #fff } .form-control .testimonial-quaternary .testimonial-arrow-down { border-top-color: #fff } .form-control .testimonial-quaternary.testimonial-style-7 { background: #fff } .form-control .testimonial-quotes-quaternary blockquote:before, .form-control .testimonial-quotes-quaternary blockquote:after { color: #0052cc !important } .form-control.bg-dark, .form-control.bg-color-dark { color: #fff; border-color: #212529 } .form-control.bg-dark::-webkit-input-placeholder, .form-control.bg-color-dark::-webkit-input-placeholder { color: #e6e6e6 } .form-control.bg-dark::-moz-placeholder, .form-control.bg-color-dark::-moz-placeholder { color: #e6e6e6 } .form-control.bg-dark:-ms-input-placeholder, .form-control.bg-color-dark:-ms-input-placeholder { color: #e6e6e6 } .form-control.bg-dark:-moz-placeholder, .form-control.bg-color-dark:-moz-placeholder { color: #e6e6e6 } .form-control .testimonial-dark blockquote { background: #2c3237 } .form-control .testimonial-dark .testimonial-arrow-down { border-top-color: #2c3237 } .form-control .testimonial-dark.testimonial-style-7 { background: #2c3237 } .form-control .testimonial-quotes-dark blockquote:before, .form-control .testimonial-quotes-dark blockquote:after { color: #0052cc !important } .form-control.bg-light, .form-control.bg-color-light { color: #777; border-color: #fff } .form-control.bg-light::-webkit-input-placeholder, .form-control.bg-color-light::-webkit-input-placeholder { color: #5e5e5e } .form-control.bg-light::-moz-placeholder, .form-control.bg-color-light::-moz-placeholder { color: #5e5e5e } .form-control.bg-light:-ms-input-placeholder, .form-control.bg-color-light:-ms-input-placeholder { color: #5e5e5e } .form-control.bg-light:-moz-placeholder, .form-control.bg-color-light:-moz-placeholder { color: #5e5e5e } .form-control .testimonial-light blockquote { background: #fff } .form-control .testimonial-light .testimonial-arrow-down { border-top-color: #fff } .form-control .testimonial-light.testimonial-style-7 { background: #fff } .form-control .testimonial-quotes-light blockquote:before, .form-control .testimonial-quotes-light blockquote:after { color: #0052cc !important } .form-range::-webkit-slider-thumb { background-color: #0052cc } .form-range::-webkit-slider-thumb:active { background-color: rgba(0,82,204,.25) } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(0,82,204,.25) } html .counters .counter-primary [class*=fa-], html .counters .counter-primary .icons, html .counters .counter-primary strong { color: #0052cc } html .counters .counter-secondary [class*=fa-], html .counters .counter-secondary .icons, html .counters .counter-secondary strong { color: #222529 } html .counters .counter-tertiary [class*=fa-], html .counters .counter-tertiary .icons, html .counters .counter-tertiary strong { color: #e1ecf9 } html .counters .counter-quaternary [class*=fa-], html .counters .counter-quaternary .icons, html .counters .counter-quaternary strong { color: #f4f9fd } html .counters .counter-dark [class*=fa-], html .counters .counter-dark .icons, html .counters .counter-dark strong { color: #212529 } html .counters .counter-light [class*=fa-], html .counters .counter-light .icons, html .counters .counter-light strong { color: #fff } html .countdown.countdown-primary > span > span { color: #0052cc } html .countdown.countdown-secondary > span > span { color: #222529 } html .countdown.countdown-tertiary > span > span { color: #e1ecf9 } html .countdown.countdown-quaternary > span > span { color: #f4f9fd } html .countdown.countdown-dark > span > span { color: #212529 } html .countdown.countdown-light > span > span { color: #fff } html .image-hotspot-primary strong { color: #fff !important } html .image-hotspot-primary .circle { background: #0052cc !important } html .image-hotspot-primary .ring { border-color: rgba(0,82,204,.9) } html .image-hotspot-secondary strong { color: #fff !important } html .image-hotspot-secondary .circle { background: #222529 !important } html .image-hotspot-secondary .ring { border-color: rgba(34,37,41,.9) } html .image-hotspot-tertiary strong { color: #777 !important } html .image-hotspot-tertiary .circle { background: #e1ecf9 !important } html .image-hotspot-tertiary .ring { border-color: rgba(225,236,249,.9) } html .image-hotspot-quaternary strong { color: #777 !important } html .image-hotspot-quaternary .circle { background: #f4f9fd !important } html .image-hotspot-quaternary .ring { border-color: rgba(244,249,253,.9) } html .image-hotspot-dark strong { color: #fff !important } html .image-hotspot-dark .circle { background: #212529 !important } html .image-hotspot-dark .ring { border-color: rgba(33,37,41,.9) } html .image-hotspot-light strong { color: #777 !important } html .image-hotspot-light .circle { background: #fff !important } html .image-hotspot-light .ring { border-color: rgba(255,255,255,.9) } .icon-featured { background-color: #0052cc } html .featured-box-primary .icon-featured { background-color: #0052cc } html .featured-box-primary h4 { color: #0052cc } html .featured-box-primary .box-content { border-top-color: #0052cc } html .featured-box-primary .box-content-border-bottom { border-bottom-color: #0052cc } html .featured-box-secondary .icon-featured { background-color: #222529 } html .featured-box-secondary h4 { color: #222529 } html .featured-box-secondary .box-content { border-top-color: #222529 } html .featured-box-secondary .box-content-border-bottom { border-bottom-color: #222529 } html .featured-box-tertiary .icon-featured { background-color: #e1ecf9 } html .featured-box-tertiary h4 { color: #e1ecf9 } html .featured-box-tertiary .box-content { border-top-color: #e1ecf9 } html .featured-box-tertiary .box-content-border-bottom { border-bottom-color: #e1ecf9 } html .featured-box-quaternary .icon-featured { background-color: #f4f9fd } html .featured-box-quaternary h4 { color: #f4f9fd } html .featured-box-quaternary .box-content { border-top-color: #f4f9fd } html .featured-box-quaternary .box-content-border-bottom { border-bottom-color: #f4f9fd } html .featured-box-dark .icon-featured { background-color: #212529 } html .featured-box-dark h4 { color: #212529 } html .featured-box-dark .box-content { border-top-color: #212529 } html .featured-box-dark .box-content-border-bottom { border-bottom-color: #212529 } html .featured-box-light .icon-featured { background-color: #fff } html .featured-box-light h4 { color: #fff } html .featured-box-light .box-content { border-top-color: #fff } html .featured-box-light .box-content-border-bottom { border-bottom-color: #fff } html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured { border-color: #0052cc; color: #0052cc } html .featured-boxes-style-3 .featured-box.featured-box-secondary .icon-featured { border-color: #222529; color: #222529 } html .featured-boxes-style-3 .featured-box.featured-box-tertiary .icon-featured { border-color: #e1ecf9; color: #e1ecf9 } html .featured-boxes-style-3 .featured-box.featured-box-quaternary .icon-featured { border-color: #f4f9fd; color: #f4f9fd } html .featured-boxes-style-3 .featured-box.featured-box-dark .icon-featured { border-color: #212529; color: #212529 } html .featured-boxes-style-3 .featured-box.featured-box-light .icon-featured { border-color: #fff; color: #fff } html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured { border-color: #0052cc; color: #0052cc } html .featured-boxes-style-4 .featured-box.featured-box-secondary .icon-featured { border-color: #222529; color: #222529 } html .featured-boxes-style-4 .featured-box.featured-box-tertiary .icon-featured { border-color: #e1ecf9; color: #e1ecf9 } html .featured-boxes-style-4 .featured-box.featured-box-quaternary .icon-featured { border-color: #f4f9fd; color: #f4f9fd } html .featured-boxes-style-4 .featured-box.featured-box-dark .icon-featured { border-color: #212529; color: #212529 } html .featured-boxes-style-4 .featured-box.featured-box-light .icon-featured { border-color: #fff; color: #fff } html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured { color: #0052cc } html .featured-boxes-style-5 .featured-box.featured-box-secondary .icon-featured { color: #222529 } html .featured-boxes-style-5 .featured-box.featured-box-tertiary .icon-featured { color: #e1ecf9 } html .featured-boxes-style-5 .featured-box.featured-box-quaternary .icon-featured { color: #f4f9fd } html .featured-boxes-style-5 .featured-box.featured-box-dark .icon-featured { color: #212529 } html .featured-boxes-style-5 .featured-box.featured-box-light .icon-featured { color: #fff } html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured { color: #0052cc } html .featured-boxes-style-6 .featured-box.featured-box-secondary .icon-featured { color: #222529 } html .featured-boxes-style-6 .featured-box.featured-box-tertiary .icon-featured { color: #e1ecf9 } html .featured-boxes-style-6 .featured-box.featured-box-quaternary .icon-featured { color: #f4f9fd } html .featured-boxes-style-6 .featured-box.featured-box-dark .icon-featured { color: #212529 } html .featured-boxes-style-6 .featured-box.featured-box-light .icon-featured { color: #fff } html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured { color: #0052cc } html .featured-boxes-style-8 .featured-box.featured-box-secondary .icon-featured { color: #222529 } html .featured-boxes-style-8 .featured-box.featured-box-tertiary .icon-featured { color: #e1ecf9 } html .featured-boxes-style-8 .featured-box.featured-box-quaternary .icon-featured { color: #f4f9fd } html .featured-boxes-style-8 .featured-box.featured-box-dark .icon-featured { color: #212529 } html .featured-boxes-style-8 .featured-box.featured-box-light .icon-featured { color: #fff } .featured-boxes-modern-style-primary .featured-box { background: #0052cc; background: linear-gradient(135deg,#0052CC 0%,#F4F9FD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0052CC',endColorstr='#F4F9FD',GradientType=1) } .featured-boxes-modern-style-secondary .featured-box { background: #222529; background: linear-gradient(135deg,#222529 0%,#F4F9FD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222529',endColorstr='#F4F9FD',GradientType=1) } .featured-boxes-modern-style-tertiary .featured-box { background: #e1ecf9; background: linear-gradient(135deg,#E1ECF9 0%,#F4F9FD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1ECF9',endColorstr='#F4F9FD',GradientType=1) } html .featured-box-effect-2.featured-box-primary .icon-featured:after { box-shadow: 0 0 0 3px #0052cc } html .featured-box-effect-2.featured-box-secondary .icon-featured:after { box-shadow: 0 0 0 3px #222529 } html .featured-box-effect-2.featured-box-tertiary .icon-featured:after { box-shadow: 0 0 0 3px #e1ecf9 } html .featured-box-effect-2.featured-box-quaternary .icon-featured:after { box-shadow: 0 0 0 3px #f4f9fd } html .featured-box-effect-2.featured-box-dark .icon-featured:after { box-shadow: 0 0 0 3px #212529 } html .featured-box-effect-2.featured-box-light .icon-featured:after { box-shadow: 0 0 0 3px #fff } html .featured-box-effect-3.featured-box-primary .icon-featured:after { box-shadow: 0 0 0 10px #0052cc } html .featured-box-effect-3.featured-box-primary:hover .icon-featured { background: #0052cc !important } html .featured-box-effect-3.featured-box-secondary .icon-featured:after { box-shadow: 0 0 0 10px #222529 } html .featured-box-effect-3.featured-box-secondary:hover .icon-featured { background: #222529 !important } html .featured-box-effect-3.featured-box-tertiary .icon-featured:after { box-shadow: 0 0 0 10px #e1ecf9 } html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured { background: #e1ecf9 !important } html .featured-box-effect-3.featured-box-quaternary .icon-featured:after { box-shadow: 0 0 0 10px #f4f9fd } html .featured-box-effect-3.featured-box-quaternary:hover .icon-featured { background: #f4f9fd !important } html .featured-box-effect-3.featured-box-dark .icon-featured:after { box-shadow: 0 0 0 10px #212529 } html .featured-box-effect-3.featured-box-dark:hover .icon-featured { background: #212529 !important } html .featured-box-effect-3.featured-box-light .icon-featured:after { box-shadow: 0 0 0 10px #fff } html .featured-box-effect-3.featured-box-light:hover .icon-featured { background: #fff !important } .feature-box .feature-box-icon { background-color: #0052cc } html .feature-box-primary .feature-box-icon { background-color: #0052cc } html .feature-box-secondary .feature-box-icon { background-color: #222529 } html .feature-box-tertiary .feature-box-icon { background-color: #e1ecf9 } html .feature-box-quaternary .feature-box-icon { background-color: #f4f9fd } html .feature-box-dark .feature-box-icon { background-color: #212529 } html .feature-box-light .feature-box-icon { background-color: #fff } .feature-box.feature-box-style-2 .feature-box-icon [class*=fa-], .feature-box.feature-box-style-2 .feature-box-icon .icons { color: #0052cc } html .feature-box-primary.feature-box-style-2 .feature-box-icon [class*=fa-], html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons { color: #0052cc } html .feature-box-secondary.feature-box-style-2 .feature-box-icon [class*=fa-], html .feature-box-secondary.feature-box-style-2 .feature-box-icon .icons { color: #222529 } html .feature-box-tertiary.feature-box-style-2 .feature-box-icon [class*=fa-], html .feature-box-tertiary.feature-box-style-2 .feature-box-icon .icons { color: #e1ecf9 } html .feature-box-quaternary.feature-box-style-2 .feature-box-icon [class*=fa-], html .feature-box-quaternary.feature-box-style-2 .feature-box-icon .icons { color: #f4f9fd } html .feature-box-dark.feature-box-style-2 .feature-box-icon [class*=fa-], html .feature-box-dark.feature-box-style-2 .feature-box-icon .icons { color: #212529 } html .feature-box-light.feature-box-style-2 .feature-box-icon [class*=fa-], html .feature-box-light.feature-box-style-2 .feature-box-icon .icons { color: #fff } .feature-box.feature-box-style-3 .feature-box-icon { border-color: #0052cc } .feature-box.feature-box-style-3 .feature-box-icon [class*=fa-], .feature-box.feature-box-style-3 .feature-box-icon .icons { color: #0052cc } html .feature-box-primary.feature-box-style-3 .feature-box-icon { border-color: #0052cc } html .feature-box-primary.feature-box-style-3 .feature-box-icon [class*=fa-], html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons { color: #0052cc } html .feature-box-secondary.feature-box-style-3 .feature-box-icon { border-color: #222529 } html .feature-box-secondary.feature-box-style-3 .feature-box-icon [class*=fa-], html .feature-box-secondary.feature-box-style-3 .feature-box-icon .icons { color: #222529 } html .feature-box-tertiary.feature-box-style-3 .feature-box-icon { border-color: #e1ecf9 } html .feature-box-tertiary.feature-box-style-3 .feature-box-icon [class*=fa-], html .feature-box-tertiary.feature-box-style-3 .feature-box-icon .icons { color: #e1ecf9 } html .feature-box-quaternary.feature-box-style-3 .feature-box-icon { border-color: #f4f9fd } html .feature-box-quaternary.feature-box-style-3 .feature-box-icon [class*=fa-], html .feature-box-quaternary.feature-box-style-3 .feature-box-icon .icons { color: #f4f9fd } html .feature-box-dark.feature-box-style-3 .feature-box-icon { border-color: #212529 } html .feature-box-dark.feature-box-style-3 .feature-box-icon [class*=fa-], html .feature-box-dark.feature-box-style-3 .feature-box-icon .icons { color: #212529 } html .feature-box-light.feature-box-style-3 .feature-box-icon { border-color: #fff } html .feature-box-light.feature-box-style-3 .feature-box-icon [class*=fa-], html .feature-box-light.feature-box-style-3 .feature-box-icon .icons { color: #fff } .feature-box.feature-box-style-4 .feature-box-icon [class*=fa-], .feature-box.feature-box-style-4 .feature-box-icon .icons { color: #0052cc } html .feature-box-primary.feature-box-style-4 .feature-box-icon [class*=fa-], html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons { color: #0052cc } html .feature-box-secondary.feature-box-style-4 .feature-box-icon [class*=fa-], html .feature-box-secondary.feature-box-style-4 .feature-box-icon .icons { color: #222529 } html .feature-box-tertiary.feature-box-style-4 .feature-box-icon [class*=fa-], html .feature-box-tertiary.feature-box-style-4 .feature-box-icon .icons { color: #e1ecf9 } html .feature-box-quaternary.feature-box-style-4 .feature-box-icon [class*=fa-], html .feature-box-quaternary.feature-box-style-4 .feature-box-icon .icons { color: #f4f9fd } html .feature-box-dark.feature-box-style-4 .feature-box-icon [class*=fa-], html .feature-box-dark.feature-box-style-4 .feature-box-icon .icons { color: #212529 } html .feature-box-light.feature-box-style-4 .feature-box-icon [class*=fa-], html .feature-box-light.feature-box-style-4 .feature-box-icon .icons { color: #fff } .feature-box.feature-box-style-5 .feature-box-icon [class*=fa-], .feature-box.feature-box-style-5 .feature-box-icon .icons { color: #0052cc } html .feature-box-primary.feature-box-style-5 .feature-box-icon [class*=fa-], html .feature-box-primary.feature-box-style-5 .feature-box-icon .icons { color: #0052cc } html .feature-box-secondary.feature-box-style-5 .feature-box-icon [class*=fa-], html .feature-box-secondary.feature-box-style-5 .feature-box-icon .icons { color: #222529 } html .feature-box-tertiary.feature-box-style-5 .feature-box-icon [class*=fa-], html .feature-box-tertiary.feature-box-style-5 .feature-box-icon .icons { color: #e1ecf9 } html .feature-box-quaternary.feature-box-style-5 .feature-box-icon [class*=fa-], html .feature-box-quaternary.feature-box-style-5 .feature-box-icon .icons { color: #f4f9fd } html .feature-box-dark.feature-box-style-5 .feature-box-icon [class*=fa-], html .feature-box-dark.feature-box-style-5 .feature-box-icon .icons { color: #212529 } html .feature-box-light.feature-box-style-5 .feature-box-icon [class*=fa-], html .feature-box-light.feature-box-style-5 .feature-box-icon .icons { color: #fff } html .feature-box-primary.feature-box-style-6 .feature-box-icon [class*=fa-], html .feature-box-primary.feature-box-style-6 .feature-box-icon .icons { color: #0052cc } html .feature-box-secondary.feature-box-style-6 .feature-box-icon [class*=fa-], html .feature-box-secondary.feature-box-style-6 .feature-box-icon .icons { color: #222529 } html .feature-box-tertiary.feature-box-style-6 .feature-box-icon [class*=fa-], html .feature-box-tertiary.feature-box-style-6 .feature-box-icon .icons { color: #e1ecf9 } html .feature-box-quaternary.feature-box-style-6 .feature-box-icon [class*=fa-], html .feature-box-quaternary.feature-box-style-6 .feature-box-icon .icons { color: #f4f9fd } html .feature-box-dark.feature-box-style-6 .feature-box-icon [class*=fa-], html .feature-box-dark.feature-box-style-6 .feature-box-icon .icons { color: #212529 } html .feature-box-light.feature-box-style-6 .feature-box-icon [class*=fa-], html .feature-box-light.feature-box-style-6 .feature-box-icon .icons { color: #fff } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1) { background-color: #003d99 } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2) { background-color: #0048b3 } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3) { background-color: #0052cc } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) { background-color: #005ce6 } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(5) { background-color: #06f } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(6) { background-color: #1a76ff } html .featured-boxes-full .featured-box-full-primary { background-color: #0052cc; color: #fff } html .featured-boxes-full .featured-box-full-secondary { background-color: #222529; color: #fff } html .featured-boxes-full .featured-box-full-tertiary { background-color: #e1ecf9; color: #777 } html .featured-boxes-full .featured-box-full-quaternary { background-color: #f4f9fd; color: #777 } html .featured-boxes-full .featured-box-full-dark { background-color: #212529; color: #fff } html .featured-boxes-full .featured-box-full-light { background-color: #fff; color: #777 } .pricing-table .most-popular { border-color: #0052cc } .pricing-table .most-popular h3 { background-color: #0052cc } .pricing-table.princig-table-flat .plan h3 { background-color: #0052cc } .pricing-table.princig-table-flat .plan h3 span { background: #0052cc } html .call-to-action.featured.featured-primary { border-top-color: #0052cc } html .call-to-action.call-to-action-primary { background: #0052cc } html .call-to-action.with-full-borders-primary { border-color: #0052cc } html .call-to-action.call-to-action-primary { background: #0052cc } html .call-to-action.call-to-action-primary h3, html .call-to-action.call-to-action-primary p { color: #fff } html .call-to-action.featured.featured-secondary { border-top-color: #222529 } html .call-to-action.call-to-action-secondary { background: #222529 } html .call-to-action.with-full-borders-secondary { border-color: #222529 } html .call-to-action.call-to-action-secondary { background: #222529 } html .call-to-action.call-to-action-secondary h3, html .call-to-action.call-to-action-secondary p { color: #fff } html .call-to-action.featured.featured-tertiary { border-top-color: #e1ecf9 } html .call-to-action.call-to-action-tertiary { background: #e1ecf9 } html .call-to-action.with-full-borders-tertiary { border-color: #e1ecf9 } html .call-to-action.call-to-action-tertiary { background: #e1ecf9 } html .call-to-action.call-to-action-tertiary h3, html .call-to-action.call-to-action-tertiary p { color: #777 } html .call-to-action.featured.featured-quaternary { border-top-color: #f4f9fd } html .call-to-action.call-to-action-quaternary { background: #f4f9fd } html .call-to-action.with-full-borders-quaternary { border-color: #f4f9fd } html .call-to-action.call-to-action-quaternary { background: #f4f9fd } html .call-to-action.call-to-action-quaternary h3, html .call-to-action.call-to-action-quaternary p { color: #777 } html .call-to-action.featured.featured-dark { border-top-color: #212529 } html .call-to-action.call-to-action-dark { background: #212529 } html .call-to-action.with-full-borders-dark { border-color: #212529 } html .call-to-action.call-to-action-dark { background: #212529 } html .call-to-action.call-to-action-dark h3, html .call-to-action.call-to-action-dark p { color: #fff } html .call-to-action.featured.featured-light { border-top-color: #fff } html .call-to-action.call-to-action-light { background: #fff } html .call-to-action.with-full-borders-light { border-color: #fff } html .call-to-action.call-to-action-light { background: #fff } html .call-to-action.call-to-action-light h3, html .call-to-action.call-to-action-light p { color: #777 } section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before { background: #0052cc; box-shadow: 0 0 0 3px #fff,0 0 0 6px #0052cc } ul.history li .featured-box .box-content { border-top-color: #0052cc } .portfolio-list .portfolio-item.portfolio-item-new:after { background: linear-gradient(135deg,#0052CC 0%,#222529 80%) } .recent-posts .date .month, article.post .post-date .month { background-color: #0052cc } .recent-posts .date .day, article.post .post-date .day { color: #0052cc } .slider .tp-bannertimer { background-color: #0052cc } .home-concept strong { color: #0052cc } html .home-intro-primary { background: #0052cc } html .home-intro-secondary { background: #222529 } html .home-intro-tertiary { background: #e1ecf9 } html .home-intro-quaternary { background: #f4f9fd } html .home-intro-dark { background: #212529 } html .home-intro-light { background: #fff } html .slide-overlay-primary .slotholder:after { background-color: #0052cc !important } html .slider-container .tp-caption-overlay-primary { background: #0052cc } html .slider-container .tp-caption-overlay-opacity-primary { background: rgba(0,82,204,.4) } html .tp-bullets.bullets-color-primary .tp-bullet:hover, html .tp-bullets.bullets-color-primary .tp-bullet.selected { background: #0052cc } html .slide-overlay-secondary .slotholder:after { background-color: #222529 !important } html .slider-container .tp-caption-overlay-secondary { background: #222529 } html .slider-container .tp-caption-overlay-opacity-secondary { background: rgba(34,37,41,.4) } html .tp-bullets.bullets-color-secondary .tp-bullet:hover, html .tp-bullets.bullets-color-secondary .tp-bullet.selected { background: #222529 } html .slide-overlay-tertiary .slotholder:after { background-color: #e1ecf9 !important } html .slider-container .tp-caption-overlay-tertiary { background: #e1ecf9 } html .slider-container .tp-caption-overlay-opacity-tertiary { background: rgba(225,236,249,.4) } html .tp-bullets.bullets-color-tertiary .tp-bullet:hover, html .tp-bullets.bullets-color-tertiary .tp-bullet.selected { background: #e1ecf9 } html .slide-overlay-quaternary .slotholder:after { background-color: #f4f9fd !important } html .slider-container .tp-caption-overlay-quaternary { background: #f4f9fd } html .slider-container .tp-caption-overlay-opacity-quaternary { background: rgba(244,249,253,.4) } html .tp-bullets.bullets-color-quaternary .tp-bullet:hover, html .tp-bullets.bullets-color-quaternary .tp-bullet.selected { background: #f4f9fd } html .slide-overlay-dark .slotholder:after { background-color: #212529 !important } html .slider-container .tp-caption-overlay-dark { background: #212529 } html .slider-container .tp-caption-overlay-opacity-dark { background: rgba(33,37,41,.4) } html .tp-bullets.bullets-color-dark .tp-bullet:hover, html .tp-bullets.bullets-color-dark .tp-bullet.selected { background: #212529 } html .slide-overlay-light .slotholder:after { background-color: #fff !important } html .slider-container .tp-caption-overlay-light { background: #fff } html .slider-container .tp-caption-overlay-opacity-light { background: rgba(255,255,255,.4) } html .tp-bullets.bullets-color-light .tp-bullet:hover, html .tp-bullets.bullets-color-light .tp-bullet.selected { background: #fff } html .slide-overlay.slide-overlay-gradient .slotholder:after { background-color: #e1ecf9 !important; background-image: linear-gradient(to right,#E1ECF9 0%,#F4F9FD 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1ECF9',endColorstr='#F4F9FD',GradientType=1) } .cd-product-viewer-handle .handle { background: #0052cc } .tparrows.tparrows-carousel.tp-leftarrow, .tparrows.tparrows-carousel.tp-rightarrow { background-color: #0052cc; border-color: #0052cc #0052cc #003d99; color: #fff } .tparrows.tparrows-carousel.tp-leftarrow:hover, .tparrows.tparrows-carousel.tp-rightarrow:hover, .tparrows.tparrows-carousel.tp-leftarrow.hover, .tparrows.tparrows-carousel.tp-rightarrow.hover { border-color: #06f #06f #0052cc; color: #fff } .tparrows.tparrows-carousel.tp-leftarrow:hover:not(.bg-transparent), .tparrows.tparrows-carousel.tp-rightarrow:hover:not(.bg-transparent), .tparrows.tparrows-carousel.tp-leftarrow.hover:not(.bg-transparent), .tparrows.tparrows-carousel.tp-rightarrow.hover:not(.bg-transparent) { background-color: #0061f2 } .tparrows.tparrows-carousel.tp-leftarrow:focus, .tparrows.tparrows-carousel.tp-rightarrow:focus, .tparrows.tparrows-carousel.tp-leftarrow.focus, .tparrows.tparrows-carousel.tp-rightarrow.focus { border-color: #003d99 #003d99 #002966; color: #fff; box-shadow: 0 0 0 3px rgba(0,82,204,.5) } .tparrows.tparrows-carousel.tp-leftarrow:focus:not(.bg-transparent), .tparrows.tparrows-carousel.tp-rightarrow:focus:not(.bg-transparent), .tparrows.tparrows-carousel.tp-leftarrow.focus:not(.bg-transparent), .tparrows.tparrows-carousel.tp-rightarrow.focus:not(.bg-transparent) { background-color: #0043a6 } .tparrows.tparrows-carousel.tp-leftarrow.disabled, .tparrows.tparrows-carousel.tp-rightarrow.disabled, .tparrows.tparrows-carousel.tp-leftarrow:disabled, .tparrows.tparrows-carousel.tp-rightarrow:disabled { border-color: #0052cc #0052cc #003d99 } .tparrows.tparrows-carousel.tp-leftarrow.disabled:not(.bg-transparent), .tparrows.tparrows-carousel.tp-rightarrow.disabled:not(.bg-transparent), .tparrows.tparrows-carousel.tp-leftarrow:disabled:not(.bg-transparent), .tparrows.tparrows-carousel.tp-rightarrow:disabled:not(.bg-transparent) { background-color: #0052cc } .tparrows.tparrows-carousel.tp-leftarrow:active, .tparrows.tparrows-carousel.tp-rightarrow:active, .tparrows.tparrows-carousel.tp-leftarrow.active, .tparrows.tparrows-carousel.tp-rightarrow.active { border-color: #003d99 #003d99 #002966 !important } .tparrows.tparrows-carousel.tp-leftarrow:active:not(.bg-transparent), .tparrows.tparrows-carousel.tp-rightarrow:active:not(.bg-transparent), .tparrows.tparrows-carousel.tp-leftarrow.active:not(.bg-transparent), .tparrows.tparrows-carousel.tp-rightarrow.active:not(.bg-transparent) { background-color: #0043a6 !important; background-image: none !important } .tparrows.arrows-primary:before { color: #0052cc } .shop .products .product .onsale { background-color: #0052cc; border-bottom-color: #0042a3 } .shop .cart-totals tr.total .amount { color: #0052cc } .shop .products .product .quick-view { background: rgba(0,82,204,.7) } .shop .products .product:hover .quick-view:hover { background: #0052cc } .product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover { color: #fff; background: #0052cc } .product .product-thumb-info .countdown-offer-wrapper { background: #0052cc } .dropdown-menu.dropdown-menu-arrow-centered a:focus, .dropdown-menu.dropdown-menu-arrow-centered a:active { background-color: #0052cc } #footer .footer-ribbon { background: #0052cc } #footer .footer-ribbon:before { border-right-color: #003380; border-left-color: #003380 } #footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active { color: #0052cc !important } #footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active:before { background: #0052cc !important } #footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a { color: #0052cc !important } #footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a:before { background: #0052cc !important } .scrollable.colored-slider .scrollable-slider { background: #0052cc } .sample-icon-list .sample-icon a:hover { background-color: #0052cc } .cursor-inner { background-color: #0052cc } .cursor-inner.cursor-inner-plus:before { color: #0052cc } .cursor-outer { border-color: #0052cc } .cssload-thecube .cssload-cube:before { background-color: #0052cc } .cssload-cube-progress { border-color: #0052cc } .cssload-cube-progress-inner { background-color: #0052cc } .cssload-float-rings-inner.cssload-one { border-bottom-color: #0052cc } .cssload-float-rings-inner.cssload-two { border-right-color: #0052cc } .cssload-float-rings-inner.cssload-three { border-top-color: #0052cc } .cssload-float-bars-loading, .cssload-float-bars-loading:after, .cssload-float-bars-loading:before { background: #0052cc } .cssload-speeding-wheel { border-top-color: #0052cc; border-bottom-color: #0052cc } .cssload-zenith { box-shadow: 3px 3px 1px #0052cc } .cssload-spinning-square-loading { background: #0052cc } .cssload-spinning-square-loading:before { background: #222529 } .cssload-spinning-square-loading:after { background: #fff } .cssload-pulse-loader { background: #0052cc } .map-rounded-pin { background: #0052cc } html.boxed .body { border-top-color: #0052cc } .custom-hero-row { min-height: calc(100vh - 100px) } .custom-element-wrapper { position: absolute } .custom-element-wrapper.custom-element-1 { top: 25%; left: 45%; width: 300px; height: 300px } .custom-element-wrapper.custom-element-1 .custom-element { background: 0 0; border: 3px solid var(--primary); opacity: .05; width: 100%; height: 100%; border-radius: 25px } .custom-element-wrapper.custom-element-2 { top: 45%; left: 62%; width: 150px; height: 150px } .custom-element-wrapper.custom-element-2 .custom-element { background: var(--primary); opacity: .05; width: 100%; height: 100%; border-radius: 25px } .custom-element-wrapper.custom-element-3 { top: 57%; left: 70%; width: 100px; height: 100px } .custom-element-wrapper.custom-element-3 .custom-element { background: 0 0; border: 3px solid var(--primary); opacity: .05; width: 100%; height: 100%; border-radius: 25px } .custom-element-wrapper.custom-element-4 { top: 57%; left: 44%; width: 100px; height: 100px } .custom-element-wrapper.custom-element-4 .custom-element { background: var(--primary); opacity: .03; width: 100%; height: 100%; border-radius: 25px } .custom-element-wrapper.custom-element-5 { top: 18%; left: 7%; width: 450px; height: 450px } .custom-element-wrapper.custom-element-5 .custom-element { background: var(--secondary); width: 100%; height: 100%; border-radius: 25px } @media(min-width:768px) { .custom-element-wrapper.custom-element-5 { top: 18%; left: 15% } } @media(min-width:992px) { .custom-element-wrapper.custom-element-5 { top: 27%; left: 22% } } @media(min-width:1200px) { .custom-element-wrapper.custom-element-5 { top: 22%; left: 22% } } @media(min-width:1400px) { .custom-element-wrapper.custom-element-5 { top: 27%; left: 78% } } .custom-element-wrapper.custom-element-6 { width: 160px; height: 160px; top: 22.2%; right: -8% } .custom-element-wrapper.custom-element-7 { width: 160px; height: 160px; top: 58.2%; right: -38% } .custom-element-wrapper.custom-element-8 { top: -5%; left: -6%; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,77.2% 100%,0 54%); clip-path: polygon(0 0,100% 0,100% 100%,77.2% 100%,0 54%) } @media(min-width:768px) { .custom-element-wrapper.custom-element-8 { top: -5%; left: 5% } } @media(min-width:992px) { .custom-element-wrapper.custom-element-8 { top: 5%; left: 5% } } @media(min-width:1200px) { .custom-element-wrapper.custom-element-8 { top: 0%; left: 10% } } @media(min-width:1400px) { .custom-element-wrapper.custom-element-8 { top: 5%; left: 63% } } .custom-element-wrapper.custom-element-9 { width: 160px; height: 160px; top: 5%; left: 7% } .custom-element-wrapper.custom-element-10 { width: 160px; height: 160px; top: 65%; right: 10% } .custom-element-wrapper.custom-element-11 { display: inline-block } .custom-element-wrapper.custom-element-11 img { border-radius: 25px } .custom-element-wrapper.custom-element-11:before { display: block; content: ""; position: absolute; top: 30px; left: -30px; background: var(--primary); border-radius: 25px; width: 100%; height: 100%; z-index: -1 } .page-header { padding-top: 153px; padding-bottom: 0 } .page-header .container:before { content: ""; left: 0; width: 100%; height: 1px; background: rgba(0,0,0,.06); position: absolute } .breadcrumb li { font-weight: 600; letter-spacing: 1px } .breadcrumb > li + li:before { padding: 0 7px } @charset "UTF-8"; .accordion .card { margin-top: 5px } .accordion .card:first-child { margin-top: 0 } .accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:last-of-type { border: 1px solid rgba(0,0,0,.125); border-radius: .25rem } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: .25rem } .accordion .card-title { font-size: 16px } .accordion .card-header { padding: 0; border-radius: .25rem; border-bottom: 0; margin: -1px } .accordion .card-header a { cursor: pointer; display: block; padding: 10px 20px } .accordion .card-header a:hover, .accordion .card-header a:focus { text-decoration: none } .accordion .card-header a [class^=icon-] { margin-right: 4px; position: relative; top: 1px } .accordion .card-header a [class*=fa-], .accordion .card-header a .icons { display: inline-block; margin-right: 5px; position: relative; top: -1px } .accordion .card-header a .icons { top: 1px } .accordion.accordion-sm .card-header a { padding: 5px 15px; font-size: .85em } .accordion.accordion-sm .card-body { font-size: .9em } .accordion.accordion-lg .card-header a { padding: 15px; font-size: 1em; font-weight: 600 } .accordion.without-bg .card-default { background: 0 0 !important } .accordion.without-bg .card-default > .card-header { background: 0 0 !important } .accordion.without-bg .card-body { padding-top: 0 } .accordion.without-borders .card { border: 0 !important; box-shadow: none; border-radius: 0 } .accordion.without-borders .card-header a { padding-left: 0; padding-right: 0 } .accordion.without-borders .card-body { padding: 0 } .accordion.accordion-modern .card:first-of-type, .accordion.accordion-modern .card:not(:first-of-type):not(:last-of-type), .accordion.accordion-modern .card:last-of-type { border: 4px solid #f7f7f7 } .accordion.accordion-modern .card .card-header { background-color: #f7f7f7; border-radius: 0 } .accordion.accordion-modern-2 > .card { border: 1px solid transparent !important; transition: ease border-color 300ms } .accordion.accordion-modern-2 > .card .card-header a { position: relative; padding: 23px 30px; background-color: #f4f4f4; transition: ease background-color 300ms,ease color 300ms; border-radius: 4px } .accordion.accordion-modern-2 > .card .card-header a:after { content: '+'; position: absolute; top: 50%; right: 25px; font-size: inherit; font-weight: inherit; transform: translate3d(0,-50%,0) rotate(45deg); transform-origin: 50% 50%; transition: ease transform 300ms } .accordion.accordion-modern-2 > .card .card-header a.collapsed:after { transform: translate3d(0,-50%,0) rotate(0deg) } .accordion.accordion-modern-2 > .card .card-header + .collapse.show, .accordion.accordion-modern-2 > .card .card-header + .collapsing { border: 1px solid transparent; border-top: 0 } .accordion.accordion-modern-2 > .card + .card { margin-top: 17px } .accordion.accordion-modern-status > .card { border: 1px solid transparent !important; transition: ease border-color 300ms } .accordion.accordion-modern-status > .card .card-header a { position: relative; padding: 23px 30px; background-color: #f4f4f4; transition: ease background-color 300ms,ease color 300ms } .accordion.accordion-modern-status > .card .card-header a:after { content: '+'; position: absolute; top: 50%; right: 25px; font-size: inherit; font-weight: inherit; transform: translate3d(0,-50%,0) rotate(45deg); transform-origin: 50% 50%; transition: ease transform 300ms } .accordion.accordion-modern-status > .card .card-header a.collapsed:after { transform: translate3d(0,-50%,0) rotate(0deg) } .accordion.accordion-modern-status > .card .card-header + .collapse.show, .accordion.accordion-modern-status > .card .card-header + .collapsing { border: 0 } .accordion.accordion-modern-status > .card + .card { margin-top: 17px } .accordion.accordion-modern-status.accordion-modern-status-borders > .card { border: 1px solid rgba(0,0,0,.085) !important } .accordion.accordion-modern-status.accordion-modern-status-borders > .card .card-header { background: 0 0 !important } .accordion.accordion-modern-status.accordion-modern-status-borders > .card .card-header a { background: 0 0 !important } .accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a:after { transform: translate3d(0,-50%,0) rotate(180deg); font-family: 'font awesome 6 free'; content: "\f107"; font-weight: 900 } .accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a.collapsed:after { transform: translate3d(0,-50%,0) rotate(0deg) } .accordion.accordion-modern-grey-scale-1 .card:first-of-type, .accordion.accordion-modern-grey-scale-1 .card:not(:first-of-type):not(:last-of-type), .accordion.accordion-modern-grey-scale-1 .card:last-of-type { border-color: #ededed } .accordion.accordion-modern-grey-scale-1 .card .card-header { background-color: #ededed } .appear-animation { opacity: 0 } .appear-animation-visible { opacity: 1 } .block-appear-animation { opacity: 1; overflow: hidden; position: relative } .block-appear-animation .block-appear-animation-wrapper { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 300ms; animation-delay: 300ms; opacity: 0 } .block-appear-animation.appear-animation-visible .block-appear-animation-wrapper { -webkit-animation-name: fadeIn; animation-name: fadeIn } .transition-2ms { transition: all .2s ease-in-out } .transition-3ms { transition: all .3s ease-in-out } .transition-4ms { transition: all .4s ease-in-out } .transition-magnetic { transition: transform .5s cubic-bezier(.25,1,.2,1) } .anim-hover-translate-top-0px:hover { transform: translateY(0px) !important } .anim-hover-translate-bottom-0px:hover { transform: translateY(0px) !important } .anim-hover-translate-left-0px:hover { transform: translateX(0px) !important } .anim-hover-translate-right-0px:hover { transform: translateX(0px) !important } .anim-hover-translate-top-5px:hover { transform: translateY(-5px) !important } .anim-hover-translate-bottom-5px:hover { transform: translateY(5px) !important } .anim-hover-translate-left-5px:hover { transform: translateX(-5px) !important } .anim-hover-translate-right-5px:hover { transform: translateX(5px) !important } .anim-hover-translate-top-10px:hover { transform: translateY(-10px) !important } .anim-hover-translate-bottom-10px:hover { transform: translateY(10px) !important } .anim-hover-translate-left-10px:hover { transform: translateX(-10px) !important } .anim-hover-translate-right-10px:hover { transform: translateX(10px) !important } .anim-hover-translate-top-20px:hover { transform: translateY(-20px) !important } .anim-hover-translate-bottom-20px:hover { transform: translateY(20px) !important } .anim-hover-translate-left-20px:hover { transform: translateX(-20px) !important } .anim-hover-translate-right-20px:hover { transform: translateX(20px) !important } .anim-hover-translate-top-30px:hover { transform: translateY(-30px) !important } .anim-hover-translate-bottom-30px:hover { transform: translateY(30px) !important } .anim-hover-translate-left-30px:hover { transform: translateX(-30px) !important } .anim-hover-translate-right-30px:hover { transform: translateX(30px) !important } .anim-hover-translate-top-40px:hover { transform: translateY(-40px) !important } .anim-hover-translate-bottom-40px:hover { transform: translateY(40px) !important } .anim-hover-translate-left-40px:hover { transform: translateX(-40px) !important } .anim-hover-translate-right-40px:hover { transform: translateX(40px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-0px { transform: translateY(0px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-0px { transform: translateY(0px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-0px { transform: translateX(0px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-0px { transform: translateX(0px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-5px { transform: translateY(-5px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-5px { transform: translateY(5px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-5px { transform: translateX(-5px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-5px { transform: translateX(5px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-10px { transform: translateY(-10px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-10px { transform: translateY(10px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-10px { transform: translateX(-10px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-10px { transform: translateX(10px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-20px { transform: translateY(-20px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-20px { transform: translateY(20px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-20px { transform: translateX(-20px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-20px { transform: translateX(20px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-30px { transform: translateY(-30px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-30px { transform: translateY(30px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-30px { transform: translateX(-30px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-30px { transform: translateX(30px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-40px { transform: translateY(-40px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-40px { transform: translateY(40px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-40px { transform: translateX(-40px) !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-40px { transform: translateX(40px) !important } .anim-hover-scale-1-1:hover { transform: scale(1.1) } .anim-hover-scale-1-2:hover { transform: scale(1.2) } .anim-hover-opacity-0:hover { opacity: 0 !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-opacity-0 { opacity: 0 !important } .anim-hover-opacity-10:hover { opacity: 1 !important } .anim-hover-inner-wrapper:hover .anim-hover-inner-opacity-10 { opacity: 1 !important } @-webkit-keyframes sideMenuArrow { 0% { left: 5px } 50% { left: 10px } 100% { left: 5px } } @keyframes sideMenuArrow { 0% { left: 5px } 50% { left: 10px } 100% { left: 5px } } @-webkit-keyframes sideMenuArrowBack { 0% { right: 5px } 50% { right: 10px } 100% { right: 5px } } @keyframes sideMenuArrowBack { 0% { right: 5px } 50% { right: 10px } 100% { right: 5px } } @-webkit-keyframes maskUp { from { transform: translate(0,100%) } to { transform: translate(0,0) } } @keyframes maskUp { from { transform: translate(0,100%) } to { transform: translate(0,0) } } @-webkit-keyframes maskRight { from { transform: translate(-100%,0) } to { transform: translate(0,0) } } @keyframes maskRight { from { transform: translate(-100%,0) } to { transform: translate(0,0) } } @-webkit-keyframes maskDown { from { transform: translate(0,-100%) } to { transform: translate(0,0) } } @keyframes maskDown { from { transform: translate(0,-100%) } to { transform: translate(0,0) } } @-webkit-keyframes maskLeft { from { transform: translate(100%,0) } to { transform: translate(0,0) } } @keyframes maskLeft { from { transform: translate(100%,0) } to { transform: translate(0,0) } } .maskUp { -webkit-animation-name: maskUp; animation-name: maskUp } .maskRight { -webkit-animation-name: maskRight; animation-name: maskRight } .maskDown { -webkit-animation-name: maskDown; animation-name: maskDown } .maskLeft { -webkit-animation-name: maskLeft; animation-name: maskLeft } @-webkit-keyframes headerReveal { from { top: -150px } to { top: 0 } } @keyframes headerReveal { from { top: -150px } to { top: 0 } } @-webkit-keyframes fadeInUpShorter { from { opacity: 0; transform: translate(0,50px) } to { opacity: 1; transform: none } } @keyframes fadeInUpShorter { from { opacity: 0; transform: translate(0,50px) } to { opacity: 1; transform: none } } .fadeInUpShorter { -webkit-animation-name: fadeInUpShorter; animation-name: fadeInUpShorter } @-webkit-keyframes fadeInUpShorterPlus { from { opacity: 0; transform: translate(0,15px) } to { opacity: 1; transform: none } } @keyframes fadeInUpShorterPlus { from { opacity: 0; transform: translate(0,15px) } to { opacity: 1; transform: none } } .fadeInUpShorterPlus { -webkit-animation-name: fadeInUpShorterPlus; animation-name: fadeInUpShorterPlus } @-webkit-keyframes fadeInLeftShorter { from { opacity: 0; transform: translate(50px,0) } to { opacity: 1; transform: none } } @keyframes fadeInLeftShorter { from { opacity: 0; transform: translate(50px,0) } to { opacity: 1; transform: none } } .fadeInLeftShorter { -webkit-animation-name: fadeInLeftShorter; animation-name: fadeInLeftShorter } @-webkit-keyframes fadeInLeftShorterPlus { from { opacity: 0; transform: translate(15px,0) } to { opacity: 1; transform: none } } @keyframes fadeInLeftShorterPlus { from { opacity: 0; transform: translate(15px,0) } to { opacity: 1; transform: none } } .fadeInLeftShorterPlus { -webkit-animation-name: fadeInLeftShorterPlus; animation-name: fadeInLeftShorterPlus } @-webkit-keyframes fadeInRightShorter { from { opacity: 0; transform: translate(-50px,0) } to { opacity: 1; transform: none } } @keyframes fadeInRightShorter { from { opacity: 0; transform: translate(-50px,0) } to { opacity: 1; transform: none } } .fadeInRightShorter { -webkit-animation-name: fadeInRightShorter; animation-name: fadeInRightShorter } @-webkit-keyframes fadeInRightShorterPlus { from { opacity: 0; transform: translate(-15px,0) } to { opacity: 1; transform: none } } @keyframes fadeInRightShorterPlus { from { opacity: 0; transform: translate(-15px,0) } to { opacity: 1; transform: none } } .fadeInRightShorterPlus { -webkit-animation-name: fadeInRightShorterPlus; animation-name: fadeInRightShorterPlus } @-webkit-keyframes fadeInRightShorterOpacity { from { opacity: 0; transform: translate(-50px,0) } to { opacity: .7; transform: none } } @keyframes fadeInRightShorterOpacity { from { opacity: 0; transform: translate(-50px,0) } to { opacity: .7; transform: none } } .fadeInRightShorterOpacity { -webkit-animation-name: fadeInRightShorterOpacity; animation-name: fadeInRightShorterOpacity } @-webkit-keyframes fadeInDownShorter { from { opacity: 0; transform: translate(0,-50px) } to { opacity: 1; transform: none } } @keyframes fadeInDownShorter { from { opacity: 0; transform: translate(0,-50px) } to { opacity: 1; transform: none } } .fadeInDownShorter { -webkit-animation-name: fadeInDownShorter; animation-name: fadeInDownShorter } @-webkit-keyframes fadeInDownShorterPlus { from { opacity: 0; transform: translate(0,-15px) } to { opacity: 1; transform: none } } @keyframes fadeInDownShorterPlus { from { opacity: 0; transform: translate(0,-15px) } to { opacity: 1; transform: none } } .fadeInDownShorterPlus { -webkit-animation-name: fadeInDownShorterPlus; animation-name: fadeInDownShorterPlus } @-webkit-keyframes fadeInRightDownShorter { from { opacity: 0; transform: translate(-50px,-50px) } to { opacity: 1; transform: none } } @keyframes fadeInRightDownShorter { from { opacity: 0; transform: translate(-50px,-50px) } to { opacity: 1; transform: none } } .fadeInRightDownShorter { -webkit-animation-name: fadeInRightDownShorter; animation-name: fadeInRightDownShorter } @-webkit-keyframes fadeInRightUpShorter { from { opacity: 0; transform: translate(-50px,50px) } to { opacity: 1; transform: none } } @keyframes fadeInRightUpShorter { from { opacity: 0; transform: translate(-50px,50px) } to { opacity: 1; transform: none } } .fadeInRightUpShorter { -webkit-animation-name: fadeInRightUpShorter; animation-name: fadeInRightUpShorter } @-webkit-keyframes fadeInLeftDownShorter { from { opacity: 0; transform: translate(50px,-50px) } to { opacity: 1; transform: none } } @keyframes fadeInLeftDownShorter { from { opacity: 0; transform: translate(50px,-50px) } to { opacity: 1; transform: none } } .fadeInLeftDownShorter { -webkit-animation-name: fadeInLeftDownShorter; animation-name: fadeInLeftDownShorter } @-webkit-keyframes fadeInLeftUpShorter { from { opacity: 0; transform: translate(50px,50px) } to { opacity: 1; transform: none } } @keyframes fadeInLeftUpShorter { from { opacity: 0; transform: translate(50px,50px) } to { opacity: 1; transform: none } } .fadeInLeftUpShorter { -webkit-animation-name: fadeInLeftUpShorter; animation-name: fadeInLeftUpShorter } @-webkit-keyframes expandIn { from { opacity: 0; transform: scale(.8) } to { opacity: 1; transform: scale(1) } } @keyframes expandIn { from { opacity: 0; transform: scale(.8) } to { opacity: 1; transform: scale(1) } } .expandIn { -webkit-animation-name: expandIn; animation-name: expandIn } @-webkit-keyframes gradientTransition { 0% { background-position: 0 50% } 50% { background-position: 100% 50% } 100% { background-position: 0 50% } } @keyframes gradientTransition { 0% { background-position: 0 50% } 50% { background-position: 100% 50% } 100% { background-position: 0 50% } } @-webkit-keyframes sliderScrollButton { 0% { opacity: 1; transform: translate3d(-50%,0,0) } 70% { opacity: 1; transform: translate3d(-50%,10px,0) } 100% { opacity: 0; transform: translate3d(-50%,10px,0) } } @keyframes sliderScrollButton { 0% { opacity: 1; transform: translate3d(-50%,0,0) } 70% { opacity: 1; transform: translate3d(-50%,10px,0) } 100% { opacity: 0; transform: translate3d(-50%,10px,0) } } @-webkit-keyframes arrowLeftRight { 0% { transform: translate3d(-1px,0,0) } 50% { transform: translate3d(1px,0,0) } 100% { transform: translate3d(-1px,0,0) } } @keyframes arrowLeftRight { 0% { transform: translate3d(-1px,0,0) } 50% { transform: translate3d(1px,0,0) } 100% { transform: translate3d(-1px,0,0) } } @-webkit-keyframes navItemArrow { 0% { position: relative; left: -1px } 50% { position: relative; left: 3px } 100% { position: relative; left: -1px } } @keyframes navItemArrow { 0% { position: relative; left: -1px } 50% { position: relative; left: 3px } 100% { position: relative; left: -1px } } .hover-in { transition: .1s ease-out !important } .hover-out { transition: .1s ease-in !important } .hover-3d { transition: none } @-webkit-keyframes hotspot-pulsate { 0% { transform: scale(1); opacity: .8 } 45% { transform: scale(1.75); opacity: 0 } } @keyframes hotspot-pulsate { 0% { transform: scale(1); opacity: .8 } 45% { transform: scale(1.75); opacity: 0 } } @-webkit-keyframes stop-hotspot-pulsate { from { opacity: .4 } to { transform: scale(2); opacity: 0 } } @keyframes stop-hotspot-pulsate { from { opacity: .4 } to { transform: scale(2); opacity: 0 } } @-webkit-keyframes dotPulse { from { opacity: 1; transform: scale(.2) } to { opacity: 0; transform: scale(1) } } @keyframes dotPulse { from { opacity: 1; transform: scale(.2) } to { opacity: 0; transform: scale(1) } } .dotPulse { -webkit-animation-name: dotPulse; animation-name: dotPulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 4s; animation-duration: 4s } @-webkit-keyframes blurIn { from { opacity: 0; filter: blur(20px); transform: scale(1.3) } to { opacity: 1; filter: blur(0.1px); transform: none } } @keyframes blurIn { from { opacity: 0; filter: blur(20px); transform: scale(1.3) } to { opacity: 1; filter: blur(0.1px); transform: none } } .blurIn { -webkit-animation-name: blurIn; animation-name: blurIn } @-webkit-keyframes kenBurnsToRight { from { transform: scale(1.2) } to { transform: scale(1) } } @keyframes kenBurnsToRight { from { transform: scale(1.2) } to { transform: scale(1) } } .kenBurnsToRight { -webkit-animation-name: kenBurnsToRight; animation-name: kenBurnsToRight; -webkit-animation-timing-function: linear; animation-timing-function: linear; transform-origin: right } .kenBurnsToRightTop { -webkit-animation-name: kenBurnsToRight; animation-name: kenBurnsToRight; -webkit-animation-timing-function: linear; animation-timing-function: linear; transform-origin: right top } @-webkit-keyframes kenBurnsToLeft { from { transform: scale(1.2) } to { transform: scale(1) } } @keyframes kenBurnsToLeft { from { transform: scale(1.2) } to { transform: scale(1) } } .kenBurnsToLeft { -webkit-animation-name: kenBurnsToLeft; animation-name: kenBurnsToLeft; -webkit-animation-timing-function: linear; animation-timing-function: linear; transform-origin: left } .kenBurnsToLeftTop { -webkit-animation-name: kenBurnsToLeft; animation-name: kenBurnsToLeft; -webkit-animation-timing-function: linear; animation-timing-function: linear; transform-origin: left top } @-webkit-keyframes bgPositionBottomToTop { from { background-position: bottom } to { background-position: top } } @keyframes bgPositionBottomToTop { from { background-position: bottom } to { background-position: top } } .bgPositionBottomToTop { -webkit-animation-name: bgPositionBottomToTop; animation-name: bgPositionBottomToTop; -webkit-animation-timing-function: linear; animation-timing-function: linear; transform-origin: right } @-webkit-keyframes pulseAnim { from { transform: scale(1); opacity: 1 } to { transform: scale(1.4); opacity: 0 } } @keyframes pulseAnim { from { transform: scale(1); opacity: 1 } to { transform: scale(1.4); opacity: 0 } } .pulseAnim:not(:hover):after { -webkit-animation-name: pulseAnim; animation-name: pulseAnim } .pulseAnim:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: inherit; border-radius: inherit; z-index: -1 } .pulseAnim.pulseAnimAnimated:after { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 1s; animation-delay: 1s } .pulseAnim:not(i):after { z-index: 0 } .pulseAnim:not(i) * { position: relative; z-index: 1 } @-webkit-keyframes basicRotation { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes basicRotation { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } .basicRotation { -webkit-animation-name: basicRotation; animation-name: basicRotation } @-webkit-keyframes blockSlideToRight { from { transform: translate(-110%,0) } to { transform: translate(110%,0) } } @keyframes blockSlideToRight { from { transform: translate(-110%,0) } to { transform: translate(110%,0) } } @-webkit-keyframes blockSlideToLeft { from { transform: translate(110%,0) } to { transform: translate(-110%,0) } } @keyframes blockSlideToLeft { from { transform: translate(110%,0) } to { transform: translate(-110%,0) } } @-webkit-keyframes blockSlideToTop { from { transform: translate(0,110%) } to { transform: translate(0,-110%) } } @keyframes blockSlideToTop { from { transform: translate(0,110%) } to { transform: translate(0,-110%) } } @-webkit-keyframes blockSlideToBottom { from { transform: translate(0,-110%) } to { transform: translate(0,110%) } } @keyframes blockSlideToBottom { from { transform: translate(0,-110%) } to { transform: translate(0,110%) } } .blockSlide:after { content: ""; width: 100%; height: 100%; top: 0; left: 0; background: #212529; position: absolute; z-index: 1000; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: blockSlideToRight; animation-name: blockSlideToRight } .blockSlideLight:after { background: #f7f7f7 } .blockSlideToLeft:after { -webkit-animation-name: blockSlideToLeft; animation-name: blockSlideToLeft } .blockSlideToTop:after { -webkit-animation-name: blockSlideToTop; animation-name: blockSlideToTop } .blockSlideToBottom:after { -webkit-animation-name: blockSlideToBottom; animation-name: blockSlideToBottom } @-webkit-keyframes svgAnimationEffect1 { from { stroke-dasharray: 1000; stroke-dashoffset: -500 } to { stroke-dasharray: 1000; stroke-dashoffset: 0 } } @keyframes svgAnimationEffect1 { from { stroke-dasharray: 1000; stroke-dashoffset: -500 } to { stroke-dasharray: 1000; stroke-dashoffset: 0 } } .svg-animation-effect-1-hover svg { transform: scale(1); transition: ease transform 300ms } .svg-animation-effect-1-hover svg path, .svg-animation-effect-1-hover svg polygon, .svg-animation-effect-1-hover svg polyline, .svg-animation-effect-1-hover svg rect { transition: ease fill-opacity 300ms } .svg-animation-effect-1-hover:hover svg { transform: scale(1.1) } .svg-animation-effect-1-hover:hover svg path, .svg-animation-effect-1-hover:hover svg polygon, .svg-animation-effect-1-hover:hover svg polyline, .svg-animation-effect-1-hover:hover svg rect { -webkit-animation-name: svgAnimationEffect1; animation-name: svgAnimationEffect1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; fill-opacity: 0; stroke-width: .4px } .arrow { background: transparent url(../img/arrows.png) no-repeat 0 0; width: 47px; height: 120px; display: inline-block; position: relative } .arrow.arrow-light { background-image: url(../img/arrows-dark.png) } .arrow.vtl { background-position: 0 0; width: 47px; height: 96px } .arrow.vtr { background-position: -101px 0; width: 47px; height: 96px } .arrow.vbl { background-position: 0 -144px; width: 47px; height: 96px } .arrow.vbr { background-position: -101px -144px; width: 47px; height: 96px } .arrow.hlt { background-position: -209px 0; width: 120px; height: 47px } .arrow.hlb { background-position: -209px -101px; width: 120px; height: 47px } .arrow.hrt { background-position: -353px 0; width: 120px; height: 47px } .arrow.hrb { background-position: -353px -101px; width: 120px; height: 47px } @media(max-width:575px) { .arrow { display: none } } .badge-primary { background-color: #ccc; color: #fff } .badge-success { background-color: #28a745; color: #fff } .badge-warning { background-color: #ffc107; color: #fff } .badge-danger { background-color: #dc3545; color: #fff } .badge-info { background-color: #17a2b8; color: #fff } .badge-dark { background-color: #212529; color: #fff } .badge.badge-xs { padding: .3em .5em } .badge.badge-sm { padding: .5em .8em } .badge.badge-md { padding: 1em 1.6em; font-size: 85% } .badge.badge-lg { padding: 1.5em 2em; font-size: 90% } .badge.badge-xl { padding: 2em 2.5em; font-size: 100% } .badge-ecommerce { font-size: 9.6px; font-size: .6rem; font-weight: 600; border-radius: 0; padding: 6.4px 8px; padding: .4rem .5rem } .circular-bar { text-align: center; margin-bottom: 25px } .circular-bar .circular-bar-chart { position: relative } .circular-bar strong { display: block; font-weight: 600; font-size: 18px; line-height: 30px; position: absolute; top: 35%; width: 80%; left: 10%; text-align: center } .circular-bar label { display: block; font-weight: 100; font-size: 17px; line-height: 20px; position: absolute; top: 50%; width: 80%; left: 10%; text-align: center } .circular-bar.only-icon [class*=fa-], .circular-bar.only-icon .icons { display: block; font-size: 38px; line-height: 30px; position: absolute; top: 40%; width: 80%; left: 10%; text-align: center } .circular-bar.single-line strong { top: 40% } .circular-bar.circular-bar-sm label { font-size: 14px; top: 36% } .circular-bar.circular-bar-lg strong { font-size: 20px; top: 40% } .progress { border-radius: 25px; height: 20px; background: #fafafa; overflow: visible } .progress.progress-border-radius { border-radius: 3px } .progress.progress-border-radius .progress-bar { border-radius: 3px } .progress.progress-no-border-radius { border-radius: 0 } .progress.progress-no-border-radius .progress-bar { border-radius: 0 } .progress.progress-xs { height: 5px } .progress.progress-xs .progress-bar { line-height: 5px; height: auto } .progress.progress-sm { height: 10px } .progress.progress-sm .progress-bar { line-height: 10px; height: auto } .progress.progress-lg { height: 35px } .progress.progress-lg .progress-bar { font-size: 13px; line-height: 35px; height: auto } .progress.progress-dark { background: #333 } .progress.progress-right-side-value { position: relative; margin-right: 40px } .progress.progress-right-side-value .progress-bar-value { position: absolute; top: 50%; right: 0; transform: translate3d(40px,-50%,0) } .progress-bar { background-color: #ccc; box-shadow: none; position: relative; border-radius: 25px; overflow: visible } .progress-bar-tooltip { position: absolute; padding: 4px 8px; background-color: #333; color: #fff; line-height: 15px; font-size: 11px; display: block; position: absolute; top: -28px; right: 5px; border-radius: 3px; opacity: 0 } .progress-bar-tooltip:after { border-color: #333 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: block; left: 13px; position: absolute; width: 0 } .progress-bar-primary { background-color: #ccc; color: #fff } .progress-bar-success { background-color: #28a745; color: #fff } .progress-bar-warning { background-color: #ffc107; color: #fff } .progress-bar-danger { background-color: #dc3545; color: #fff } .progress-bar-info { background-color: #17a2b8; color: #fff } .progress-bar-dark { background-color: #212529; color: #fff } .breadcrumb { background: 0 0; margin: 0; padding: 0; position: relative; z-index: 1 } .breadcrumb > li { display: inline-block; font-size: .8em; text-transform: uppercase; text-shadow: none } .breadcrumb > li + li:before { color: inherit; opacity: .5; font-family: 'font awesome 6 free'; font-weight: 900; content: "\f105"; padding: 0 7px 0 5px } .breadcrumb.breadcrumb-dividers-no-opacity > li + li:before { opacity: 1 } .breadcrumb.breadcrumb-style-2 > li + li:before { content: "/" } .breadcrumb.breadcrumb-block { background: #212529; display: inline-block !important; padding: 7.2px 19.2px; padding: .45rem 1.2rem; border-radius: 4px; box-shadow: 0 3px 10px rgba(0,0,0,.15) } .breadcrumb.breadcrumb-light { color: #fff } .breadcrumb.breadcrumb-light a { color: #fff } .breadcrumb.breadcrumb-light .active { opacity: .7 } .btn { font-size: 12.8px; font-size: .8rem; padding: 8.528px 14.928px; padding: .533rem .933rem; cursor: pointer; font-weight: 600 } .btn.btn-xs { font-size: 11.2px; font-size: .7rem; padding: 3.2px 8px; padding: .2rem .5rem } .btn.btn-sm { font-size: 12.8px; font-size: .8rem; padding: 4.8px 10.4px; padding: .3rem .65rem } .btn.btn-lg { font-size: 16px; font-size: 1rem; padding: 8px 16px; padding: .5rem 1rem } .btn.btn-xl { font-size: 16px; font-size: 1rem; padding: 12.8px 32px; padding: .8rem 2rem } .btn.btn-px-1 { padding-left: 5.6px; padding-left: .35rem; padding-right: 5.6px; padding-right: .35rem } .btn.btn-px-2 { padding-left: 12px; padding-left: .75rem; padding-right: 12px; padding-right: .75rem } .btn.btn-px-3 { padding-left: 20px; padding-left: 1.25rem; padding-right: 20px; padding-right: 1.25rem } .btn.btn-px-4 { padding-left: 28px; padding-left: 1.75rem; padding-right: 28px; padding-right: 1.75rem } .btn.btn-px-5 { padding-left: 38.4px; padding-left: 2.4rem; padding-right: 38.4px; padding-right: 2.4rem } .btn.btn-py-1 { padding-top: 5.6px; padding-top: .35rem; padding-bottom: 5.6px; padding-bottom: .35rem } .btn.btn-py-2 { padding-top: 12px; padding-top: .75rem; padding-bottom: 12px; padding-bottom: .75rem } .btn.btn-py-3 { padding-top: 20px; padding-top: 1.25rem; padding-bottom: 20px; padding-bottom: 1.25rem } .btn.btn-py-4 { padding-top: 28px; padding-top: 1.75rem; padding-bottom: 28px; padding-bottom: 1.75rem } .btn.btn-py-5 { padding-top: 32px; padding-top: 2rem; padding-bottom: 32px; padding-bottom: 2rem } html body .btn.focus, html body .btn:focus, html body .btn.active, html body .btn:active, html body.body .btn.focus, html body.body .btn:focus, html body.body .btn.active, html body.body .btn:active { box-shadow: none !important } .btn + .dropdown-menu .dropdown-item { font-size: 12.8px; font-size: .8rem } .btn-default { color: #333; background-color: #fff; border-color: #ccc; box-shadow: none !important } .btn-default:hover, .btn-default:active, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-outline { border-width: 2px; padding: 7.728px 14.928px; padding: .483rem .933rem } .btn-outline.btn-xs { padding: 2.4px 8px; padding: .15rem .5rem } .btn-outline.btn-sm { padding: 4px 10.4px; padding: .25rem .65rem } .btn-outline.btn-lg { padding: 7.2px 16px; padding: .45rem 1rem } .btn-outline.btn-xl { padding: 12px 32px; padding: .75rem 2rem } .btn-outline.btn-outline-thin { border-width: 1px } .btn-modern { text-transform: uppercase; font-size: .8em; padding: 12.8px 24px; padding: .8rem 1.5rem; font-weight: 600 } .btn-rounded { border-radius: 35px } .btn-rounded-icon { border-radius: 50px; padding: 0; width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center } .btn-rounded-icon[data-hash] > i { pointer-events: none } .btn-3d { border-bottom-width: 3px } .btn-with-arrow, .btn-with-arrow-solid { font-weight: 600 } .btn-with-arrow:not(.btn-with-arrow-solid), .btn-with-arrow-solid:not(.btn-with-arrow-solid) { background-color: transparent } .btn-with-arrow span, .btn-with-arrow-solid span { background-color: #ccc; display: inline-block; height: 25px; line-height: 24px; width: 24px; border-radius: 50%; margin-left: 10px; transition: all .1s linear } .btn-with-arrow i, .btn-with-arrow-solid i { color: #fff; font-size: 8px; top: -1px; position: relative } .btn-with-arrow:hover span, .btn-with-arrow-solid:hover span { transform: translateX(5px) } .btn-with-arrow.btn-lg span, .btn-with-arrow.btn-xl span, .btn-with-arrow-solid.btn-lg span, .btn-with-arrow-solid.btn-xl span { line-height: 23px } .btn-with-arrow.btn-xs span, .btn-with-arrow-solid.btn-xs span { line-height: 25px } .btn-swap-1 { position: relative } .btn-swap-1 > * { transition: cubic-bezier(.55,0,.1,1) all 300ms; white-space: nowrap } .btn-swap-1 > :nth-child(1) { max-width: 100%; text-align: center; top: calc(50% - 10px); left: 50%; top: 50%; margin: 0; transform: translate(-50%,-50%); position: absolute } .btn-swap-1 > :nth-child(2) { display: inline-block; transform: translateY(120%); opacity: 0 } .btn-swap-1:hover > :nth-child(1) { transform: translate(-50%,-120%); opacity: 0 } .btn-swap-1:hover > :nth-child(2) { transform: none; opacity: 1 } @-webkit-keyframes btnArrowEffect1 { 0% { transform: translateX(0) } 51% { transform: translateX(20px); opacity: 1 } 52% { opacity: 0; transform: translateX(-20px) } 53% { opacity: 0 } 54% { opacity: 1 } 100% { transform: translateX(0) } } @keyframes btnArrowEffect1 { 0% { transform: translateX(0) } 51% { transform: translateX(20px); opacity: 1 } 52% { opacity: 0; transform: translateX(-20px) } 53% { opacity: 0 } 54% { opacity: 1 } 100% { transform: translateX(0) } } .btn-arrow-effect-1:hover > :nth-child(1) { -webkit-animation: btnArrowEffect1 ease-out .3s; animation: btnArrowEffect1 ease-out .3s } .btn-icon i { margin-right: 10px } .btn-icon-right i { margin-right: 0; margin-left: 10px } .btn.dropdown-toggle:after { margin-left: .155em; vertical-align: .155em } .btn-primary { background-color: #ccc; border-color: #ccc #ccc #b3b2b2; color: #fff } .btn-primary:hover, .btn-primary.hover { background-color: #dfdfdf; border-color: #e6e5e5 #e6e5e5 #ccc; color: #fff } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 3px rgba(204,204,204,.5) } .btn-primary.disabled, .btn-primary:disabled { background-color: #ccc; border-color: #ccc #ccc #b3b2b2 } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { background-color: #b9b9b9; background-image: none; border-color: #b3b2b2 #b3b2b2 #999 } .btn-outline.btn-primary { color: #ccc; background-color: transparent; background-image: none; border-color: #ccc } .btn-outline.btn-primary:hover, .btn-outline.btn-primary.hover { color: #fff; background-color: #ccc; border-color: #ccc } .btn-outline.btn-primary:focus, .btn-outline.btn-primary.focus { box-shadow: 0 0 0 3px rgba(204,204,204,.5) } .btn-outline.btn-primary.disabled, .btn-outline.btn-primary:disabled { color: #ccc; background-color: transparent } .btn-outline.btn-primary:active, .btn-outline.btn-primary.active, .show > .btn-outline.btn-primary.dropdown-toggle { color: #fff; background-color: #ccc; border-color: #ccc } .btn-success { background-color: #28a745; border-color: #28a745 #28a745 #1e7e34; color: #fff } .btn-success:hover, .btn-success.hover { background-color: #2fc652; border-color: #34ce57 #34ce57 #28a745; color: #fff } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 3px rgba(40,167,69,.5) } .btn-success.disabled, .btn-success:disabled { background-color: #28a745; border-color: #28a745 #28a745 #1e7e34 } .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { background-color: #218838; background-image: none; border-color: #1e7e34 #1e7e34 #145523 } .btn-outline.btn-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745 } .btn-outline.btn-success:hover, .btn-outline.btn-success.hover { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-outline.btn-success:focus, .btn-outline.btn-success.focus { box-shadow: 0 0 0 3px rgba(40,167,69,.5) } .btn-outline.btn-success.disabled, .btn-outline.btn-success:disabled { color: #28a745; background-color: transparent } .btn-outline.btn-success:active, .btn-outline.btn-success.active, .show > .btn-outline.btn-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-warning { background-color: #ffc107; border-color: #ffc107 #ffc107 #d39e00; color: #fff } .btn-warning:hover, .btn-warning.hover { background-color: #ffcb2d; border-color: #ffce3a #ffce3a #ffc107; color: #fff } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 3px rgba(255,193,7,.5) } .btn-warning.disabled, .btn-warning:disabled { background-color: #ffc107; border-color: #ffc107 #ffc107 #d39e00 } .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { background-color: #e0a800; background-image: none; border-color: #d39e00 #d39e00 #a07800 } .btn-outline.btn-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107 } .btn-outline.btn-warning:hover, .btn-outline.btn-warning.hover { color: #fff; background-color: #ffc107; border-color: #ffc107 } .btn-outline.btn-warning:focus, .btn-outline.btn-warning.focus { box-shadow: 0 0 0 3px rgba(255,193,7,.5) } .btn-outline.btn-warning.disabled, .btn-outline.btn-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline.btn-warning:active, .btn-outline.btn-warning.active, .show > .btn-outline.btn-warning.dropdown-toggle { color: #fff; background-color: #ffc107; border-color: #ffc107 } .btn-danger { background-color: #dc3545; border-color: #dc3545 #dc3545 #bd2130; color: #fff } .btn-danger:hover, .btn-danger.hover { background-color: #e25663; border-color: #e4606d #e4606d #dc3545; color: #fff } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 3px rgba(220,53,69,.5) } .btn-danger.disabled, .btn-danger:disabled { background-color: #dc3545; border-color: #dc3545 #dc3545 #bd2130 } .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { background-color: #c82333; background-image: none; border-color: #bd2130 #bd2130 #921925 } .btn-outline.btn-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545 } .btn-outline.btn-danger:hover, .btn-outline.btn-danger.hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline.btn-danger:focus, .btn-outline.btn-danger.focus { box-shadow: 0 0 0 3px rgba(220,53,69,.5) } .btn-outline.btn-danger.disabled, .btn-outline.btn-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline.btn-danger:active, .btn-outline.btn-danger.active, .show > .btn-outline.btn-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-info { background-color: #17a2b8; border-color: #17a2b8 #17a2b8 #117a8b; color: #fff } .btn-info:hover, .btn-info.hover { background-color: #1bc0da; border-color: #1fc8e3 #1fc8e3 #17a2b8; color: #fff } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 3px rgba(23,162,184,.5) } .btn-info.disabled, .btn-info:disabled { background-color: #17a2b8; border-color: #17a2b8 #17a2b8 #117a8b } .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { background-color: #138496; background-image: none; border-color: #117a8b #117a8b #0c525d } .btn-outline.btn-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8 } .btn-outline.btn-info:hover, .btn-outline.btn-info.hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline.btn-info:focus, .btn-outline.btn-info.focus { box-shadow: 0 0 0 3px rgba(23,162,184,.5) } .btn-outline.btn-info.disabled, .btn-outline.btn-info:disabled { color: #17a2b8; background-color: transparent } .btn-outline.btn-info:active, .btn-outline.btn-info.active, .show > .btn-outline.btn-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-dark { background-color: #212529; border-color: #212529 #212529 #0a0c0d; color: #fff } .btn-dark:hover, .btn-dark.hover { background-color: #32383e; border-color: #383f45 #383f45 #212529; color: #fff } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 3px rgba(33,37,41,.5) } .btn-dark.disabled, .btn-dark:disabled { background-color: #212529; border-color: #212529 #212529 #0a0c0d } .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { background-color: #101214; background-image: none; border-color: #0a0c0d #0a0c0d #000 } .btn-outline.btn-dark { color: #212529; background-color: transparent; background-image: none; border-color: #212529 } .btn-outline.btn-dark:hover, .btn-outline.btn-dark.hover { color: #fff; background-color: #212529; border-color: #212529 } .btn-outline.btn-dark:focus, .btn-outline.btn-dark.focus { box-shadow: 0 0 0 3px rgba(33,37,41,.5) } .btn-outline.btn-dark.disabled, .btn-outline.btn-dark:disabled { color: #212529; background-color: transparent } .btn-outline.btn-dark:active, .btn-outline.btn-dark.active, .show > .btn-outline.btn-dark.dropdown-toggle { color: #fff; background-color: #212529; border-color: #212529 } html body .btn-light, html body .btn-outline.btn-light { border-color: #d9d9d9 #d9d9d9 #bfbfbf; color: #777 } html body .btn-light.btn-outline-light-opacity-2, html body .btn-outline.btn-light.btn-outline-light-opacity-2 { border-color: rgba(255,255,255,.2) } html body .btn-light:hover, html body .btn-light.hover, html body .btn-outline.btn-light:hover, html body .btn-outline.btn-light.hover { background-color: #f2f2f2; border-color: #e6e5e5 #e6e5e5 #ccc; color: #777 } html body .btn-light:focus, html body .btn-light.focus, html body .btn-outline.btn-light:focus, html body .btn-outline.btn-light.focus { box-shadow: 0 0 0 3px rgba(191,191,191,.5) } html body .btn-light.disabled, html body .btn-light:disabled, html body .btn-outline.btn-light.disabled, html body .btn-outline.btn-light:disabled { border-color: #bfbfbf } html body .btn-light:active, html body .btn-light.active, .show > html body .btn-light.dropdown-toggle, html body .btn-outline.btn-light:active, html body .btn-outline.btn-light.active, .show > html body .btn-outline.btn-light.dropdown-toggle { border-color: #bfbfbf } html body .btn-light-2, html body .btn-outline.btn-light-2 { border-color: #fff; color: #fff } html body .btn-light-2:hover, html body .btn-light-2.hover, html body .btn-outline.btn-light-2:hover, html body .btn-outline.btn-light-2.hover { background-color: #fff; border-color: #fff; color: #0e0e0e } html body .btn-light-2:focus, html body .btn-light-2.focus, html body .btn-outline.btn-light-2:focus, html body .btn-outline.btn-light-2.focus { box-shadow: 0 0 0 3px rgba(179,178,178,.5) } html body .btn-light-2.disabled, html body .btn-light-2:disabled, html body .btn-outline.btn-light-2.disabled, html body .btn-outline.btn-light-2:disabled { border-color: #b3b2b2 } html body .btn-light-2:active, html body .btn-light-2.active, .show > html body .btn-light-2.dropdown-toggle, html body .btn-outline.btn-light-2:active, html body .btn-outline.btn-light-2.active, .show > html body .btn-outline.btn-light-2.dropdown-toggle { border-color: #fff } html[dir=rtl] .input-group .form-control:not(:first-child), html[dir=rtl] .input-group-addon:not(:first-child), html[dir=rtl] .input-group-btn:not(:first-child) > .btn, html[dir=rtl] .input-group-btn:not(:first-child) > .btn-group > .btn, html[dir=rtl] .input-group-btn:not(:first-child) > .dropdown-toggle, html[dir=rtl] .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, html[dir=rtl] .input-group-btn:not(:last-child) > .btn:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .hamburguer-btn { background: 0 0; outline: 0 !important; border: none; width: 30px; height: 30px; padding: 0; margin: 15px; display: inline-block; position: relative; cursor: pointer } .hamburguer-btn.hamburguer-btn-side-header { position: absolute; top: 15px; right: 8px } .hamburguer-btn.hamburguer-btn-side-header-overlay { right: 30px; z-index: 9999 } .hamburguer-btn .hamburguer { pointer-events: none } .hamburguer-btn .hamburguer span { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; transition: ease width 300ms; transform: translateY(-50%); background: #333 } .hamburguer-btn .hamburguer span:nth-child(1) { top: 30% } .hamburguer-btn .hamburguer span:nth-child(2) { transition-delay: 100ms } .hamburguer-btn .hamburguer span:nth-child(3) { top: 70%; transition-delay: 200ms } .hamburguer-btn .close { opacity: 0; pointer-events: none; transition: ease all 300ms } .hamburguer-btn .close span { position: absolute; top: 50%; left: 50%; width: 0; height: 1px; background: #333; transition: ease all 300ms; transform-origin: 50% 0 } .hamburguer-btn .close span:nth-child(1) { transform: translateX(-50%) rotate(45deg) } .hamburguer-btn .close span:nth-child(2) { transform: translateX(-50%) rotate(-45deg) } .hamburguer-btn.active .hamburguer { opacity: 0 } .hamburguer-btn.active .hamburguer span { width: 0 } .hamburguer-btn.active .close { opacity: 1; transition: ease all 300ms } .hamburguer-btn.active .close span { width: 80%; transition: ease all 300ms } .hamburguer-btn.active .close span:nth-child(2) { transition-delay: 300ms } .hamburguer-btn.hamburguer-btn-light .hamburguer span, .hamburguer-btn.hamburguer-btn-light .close span { background: #fff } html.overflow-hidden .hamburguer-btn.hamburguer-btn-side-header-overlay { right: 13px } html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span, html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-light .close span, .pin-wrapper .sticky-active:not([class*=sticky-wrapper-effect]) .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span, .pin-wrapper .sticky-active:not([class*=sticky-wrapper-effect]) .hamburguer-btn.hamburguer-btn-sticky-light .close span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-light .close span { background: #fff } html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span, html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-dark .close span, .pin-wrapper .sticky-active:not([class*=sticky-wrapper-effect]) .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span, .pin-wrapper .sticky-active:not([class*=sticky-wrapper-effect]) .hamburguer-btn.hamburguer-btn-sticky-dark .close span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-dark .close span { background: #212529 } .btn-badge { position: relative } .btn-badge .badge { top: -8px; top: -.5rem; right: -8px; right: -.5rem; position: absolute } .btn-gradient:not(.btn-outline) { border: 0 } .btn-gradient:not(.btn-outline):hover, .btn-gradient:not(.btn-outline).hover { border: 0 } .btn-gradient:not(.btn-outline):focus, .btn-gradient:not(.btn-outline).focus { border: 0 } .btn-gradient:not(.btn-outline).disabled, .btn-gradient:not(.btn-outline):disabled { border: 0 } .btn-gradient:not(.btn-outline):active, .btn-gradient:not(.btn-outline).active { border: 0 } .btn-gradient.btn-outline { border: 2px solid transparent; background: 0 0; border-image-slice: 1 !important } .btn-gradient.btn-outline:hover, .btn-gradient.btn-outline.hover { border: 2px solid transparent } .btn-gradient.btn-outline.disabled, .btn-gradient.btn-outline:disabled { border: 2px solid transparent } .btn-gradient.btn-outline:active, .btn-gradient.btn-outline.active { border: 2px solid transparent } .play-button-sm { width: 35px; height: 35px } .play-button-md { width: 60px; height: 60px } .play-button-lg { width: 90px; height: 90px } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px !important } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.6; border-radius: 25px !important } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 2; border-radius: 35px !important } .btn.btn-effect-1 { transition: .25s } .btn.btn-effect-1:hover, .btn.btn-effect-1:focus { box-shadow: inset 0 0 0 2em var(--hover) } .btn.btn-effect-2 { transition: .25s } .btn.btn-effect-2:hover, .btn.btn-effect-2:focus { -webkit-animation: btn-pulse 1s; animation: btn-pulse 1s; box-shadow: 0 0 0 2em transparent } .btn.btn-effect-3 { transition: .25s } .btn.btn-effect-3:hover, .btn.btn-effect-3:focus { box-shadow: inset -3.5em 0 0 0 var(--hover),inset 3.5em 0 0 0 var(--hover) } .btn.btn-effect-4 { transition: .25s } .btn.btn-effect-4:hover, .btn.btn-effect-4:focus { box-shadow: 0 .5em .5em -.4em var(--hover); transform: translateY(-0.25em) } .btn.btn-effect-5 { transition: .25s } .btn.btn-effect-5:hover, .btn.btn-effect-5:focus { box-shadow: inset 0 -3.25em 0 0 var(--hover) } .btn.btn-effect-6 { transition: .25s } .btn.btn-effect-6:hover, .btn.btn-effect-6:focus { box-shadow: inset 6.5em 0 0 0 var(--hover) } .btn.btn-effect-7 { position: relative } .btn.btn-effect-7:before { background: var(--hover); content: ""; display: block; width: 100%; height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; transition: transform .2s cubic-bezier(.4,.3,.35,.9) 0; transform: scaleX(0); transform-origin: right center } .btn.btn-effect-7:hover:before, .btn.btn-effect-7:focus:before { transform: scale(1); transform-origin: left center } .btn.btn-effect-7 span { position: relative; z-index: 1 } @-webkit-keyframes btn-pulse { 0% { box-shadow: 0 0 0 0 var(--hover) } } @keyframes btn-pulse { 0% { box-shadow: 0 0 0 0 var(--hover) } } .call-to-action { display: flex; flex-wrap: wrap; position: relative; padding: 32px 55px; clear: both } .call-to-action::after { clear: both; content: ""; display: block } @media(max-width:767px) { .call-to-action { padding: 10px } } .call-to-action h3 { text-transform: none; color: #212529; padding: 0; margin: 0 0 9px } .call-to-action p { font-size: 1.2em } .call-to-action > [class*=col-] { display: flex; align-items: center } .call-to-action > [class*=col-]:nth-child(2) { justify-content: flex-end; text-align: center } @media(max-width:767px) { .call-to-action > [class*=col-]:nth-child(2) { justify-content: center } } .call-to-action .container > .row, .call-to-action .container-fluid > .row { display: flex; flex-wrap: wrap } .call-to-action .container > .row > [class*=col-], .call-to-action .container-fluid > .row > [class*=col-] { display: flex; align-items: center } .call-to-action .container > .row > [class*=col-]:nth-child(2), .call-to-action .container-fluid > .row > [class*=col-]:nth-child(2) { justify-content: flex-end; text-align: center } @media(max-width:767px) { .call-to-action .container > .row > [class*=col-]:nth-child(2), .call-to-action .container-fluid > .row > [class*=col-]:nth-child(2) { justify-content: center } } @media(max-width:767px) { .call-to-action > [class*=col-]:not([class*=col-xs]) { width: 100% } .call-to-action .container > .row [class*=col-]:not([class*=col-xs]) { width: 100% } } .call-to-action .call-to-action-content { text-align: center } .call-to-action.call-to-action-big { padding: 63px 55px } @media(max-width:575px) { .call-to-action.call-to-action-big { padding: 63px 0 } } .call-to-action.call-to-action-front { z-index: 1 } .call-to-action.call-to-action-default { background: #f7f7f7 } .call-to-action.call-to-action-strong-grey { background: #ededed } .call-to-action.call-to-action-dark { background: #333940 } .call-to-action.call-to-action-dark h3, .call-to-action.call-to-action-dark p { color: #fff } .call-to-action.with-borders { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04) } .call-to-action.with-full-borders { border: 2px solid #ccc; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04) } .call-to-action.featured { background: #fff; margin: 0; border-top: 3px solid #ccc; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04) } .call-to-action.with-button-arrow .call-to-action-btn { position: relative } @media(min-width:992px) { .call-to-action.with-button-arrow .call-to-action-btn { left: -80px } } .call-to-action.with-button-arrow .call-to-action-btn .arrow { position: absolute } @media(max-width:991px) { .call-to-action.with-button-arrow .call-to-action-btn .arrow { display: none } } .call-to-action.with-button-arrow .call-to-action-btn.no-left { left: 0 } @media(max-width:991px) { .call-to-action.with-button-arrow .call-to-action-btn.no-left { margin-top: -25px !important } } .call-to-action.with-button-arrow.button-arrow-price-centered .call-to-action-btn > span { position: relative } .call-to-action.with-button-arrow.button-arrow-price-centered .call-to-action-btn > span .arrow { right: 50% !important } .call-to-action.content-align-center .call-to-action-content, .call-to-action.content-align-center .call-to-action-btn { width: 100%; text-align: center } .call-to-action.button-centered .call-to-action-content { text-align: center; width: 100%; padding: 35px 0 0; margin: 0 } .call-to-action.button-centered .call-to-action-btn { text-align: center; position: static; margin: 20px auto 25px; width: auto } .call-to-action.call-to-action-in-footer { padding-top: 70px; padding-bottom: 70px; margin-top: 30px; margin-bottom: -50px !important } .call-to-action.call-to-action-in-footer:before { content: ""; display: block; position: absolute; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; height: 20px; width: 20px; top: -5px; left: 50%; margin-left: -20px } .call-to-action.no-top-arrow:before { display: none } .call-to-action.call-to-action-in-footer-margin-top { margin-top: 60px } .container .call-to-action { border-radius: 8px } @media(max-width:767px) { .call-to-action .call-to-action-content, .call-to-action .call-to-action-btn { margin: 0; padding: 20px; position: static; width: auto } } .card { position: relative; border: 1px solid rgba(0,0,0,.06) } .card-header { border-bottom: 1px solid rgba(0,0,0,.06) } .card-footer { border-top: 1px solid rgba(0,0,0,.06) } .card-body { padding: 32px; padding: 2rem; position: relative; z-index: 1 } .card-text-color-hover-light:hover * { color: #fff !important } .card-background-image-hover { background-size: cover; background-position: center } .card-background-image-hover .card-body { background: rgba(255,255,255,.9); margin: 16px; margin: 1rem; padding: 16px; padding: 1rem } .card-border { overflow: hidden } .card-border:after { content: ""; transition: .2s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 50%; height: 5px; width: 100%; transform: translateX(-50%); background-color: var(--primary) } .card-border.card-border-top:after { top: 0 } .card-border.card-border-bottom:after { bottom: 0 } .card-border.card-border-hover:after { width: 0 } .card-border.card-border-hover:hover:after { width: 100% } .flip-card { position: relative; border: none; perspective: 1000px } .flip-card .flip-front, .flip-card .flip-back { padding: 32px; padding: 2rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #fff; box-shadow: 0 0 44px -10px rgba(0,0,0,.15); transform-style: preserve-3d; transition: ease transform 500ms } .flip-card .flip-front .flip-content, .flip-card .flip-back .flip-content { transform: translate3d(0,0,1px); -webkit-backface-visibility: hidden; backface-visibility: hidden } .flip-card .flip-front.overlay:before, .flip-card .flip-back.overlay:before { transform: translate3d(0,0,0px); -webkit-backface-visibility: hidden; backface-visibility: hidden } .flip-card .flip-front { transform: translate3d(0,0,1px) rotateY(0deg) } .flip-card .flip-back { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translate3d(0,0,-1px) rotateY(180deg) } .flip-card:hover .flip-front { transform: translate3d(0,0,-1px) rotateY(-180deg) } .flip-card:hover .flip-back { transform: translate3d(0,0,1px) rotateY(0deg) } .flip-card.flip-card-vertical .flip-front { transform: translate3d(0,0,1px) rotateX(0deg) } .flip-card.flip-card-vertical .flip-back { transform: translate3d(0,0,-1px) rotateX(180deg) } .flip-card.flip-card-vertical:hover .flip-front { transform: translate3d(0,0,-1px) rotateX(-180deg) } .flip-card.flip-card-vertical:hover .flip-back { transform: translate3d(0,0,1px) rotateX(0deg) } .flip-card.flip-card-3d .flip-front .flip-content, .flip-card.flip-card-3d .flip-back .flip-content { perspective: inherit; transform: translate3d(0,0,60px) } .owl-carousel { display: block; margin-bottom: 20px; opacity: 0 } .owl-carousel.owl-loaded { opacity: 1 } .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) > div, .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) span { display: none } .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) > div:first-child, .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) span:first-child { display: block } .owl-carousel .owl-item img { transform-style: unset } .owl-carousel .owl-item img[data-icon] { display: inline } .owl-carousel .thumbnail { margin-right: 1px } .owl-carousel .item-video { height: 300px } .owl-carousel .owl-nav { top: 50%; position: absolute; width: 100%; margin-top: 0; transform: translate3d(0,-50%,0) } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { display: inline-block; position: absolute; top: 50%; width: 30px; height: 30px; outline: 0; margin: 0; transform: translate3d(0,-50%,0) } .owl-carousel .owl-nav button.owl-prev { left: 0 } .owl-carousel .owl-nav button.owl-prev:before { font-family: 'font awesome 6 free'; font-weight: 900; font-size: 8px; font-size: .5rem; content: "\f053"; position: relative; left: -1px; top: -1px } .owl-carousel .owl-nav button.owl-next { right: 0 } .owl-carousel .owl-nav button.owl-next:before { font-family: 'font awesome 6 free'; font-weight: 900; font-size: 8px; font-size: .5rem; content: "\f054"; position: relative; left: 1px; top: -1px } .owl-carousel.stage-margin .owl-stage-outer { margin-left: 40px !important; margin-right: 40px !important } .owl-carousel.stage-margin .owl-stage-outer .owl-stage { padding-left: 0 !important; padding-right: 0 !important } .owl-carousel.stage-margin.stage-margin-sm .owl-stage-outer { margin-left: 50px !important; margin-right: 50px !important } .owl-carousel.stage-margin.stage-margin-md .owl-stage-outer { margin-left: 75px !important; margin-right: 75px !important } .owl-carousel.stage-margin.stage-margin-lg .owl-stage-outer { margin-left: 100px !important; margin-right: 100px !important } .owl-carousel.top-border { border-top: 1px solid #eaeaea; padding-top: 18px } .owl-carousel.nav-remove-prev .owl-nav .owl-prev { display: none } .owl-carousel.nav-remove-next .owl-nav .owl-next { display: none } .owl-carousel.nav-full-height .owl-stage-outer { z-index: 1 } .owl-carousel.nav-full-height .owl-nav { height: 100% } .owl-carousel.nav-full-height .owl-nav .owl-next, .owl-carousel.nav-full-height .owl-nav .owl-prev { height: 100% !important } .owl-carousel.show-nav-hover .owl-nav { opacity: 0; transition: all .2s ease-in-out } .owl-carousel.show-nav-hover .owl-nav button.owl-prev { left: 0; transition: all .2s ease-in-out } .owl-carousel.show-nav-hover .owl-nav button.owl-next { right: 0; transition: all .2s ease-in-out } .owl-carousel.show-nav-hover:hover .owl-nav { opacity: 1 } .owl-carousel.show-nav-hover:hover .owl-nav button.owl-prev { left: -40px } .owl-carousel.show-nav-hover:hover .owl-nav button.owl-next { right: -40px } .owl-carousel.show-nav-title .owl-nav { top: 0; right: 0; margin-top: -25px; width: auto } .owl-carousel.show-nav-title .owl-nav button[class*=owl-], .owl-carousel.show-nav-title .owl-nav button[class*=owl-]:hover, .owl-carousel.show-nav-title .owl-nav button[class*=owl-]:active { font-size: 18px; background: 0 0 !important; width: 18px } .owl-carousel.show-nav-title .owl-nav button.owl-prev { left: -40px } .owl-carousel.show-nav-title .owl-nav button.owl-prev:before, .owl-carousel.show-nav-title .owl-nav button.owl-prev:after, .owl-carousel.show-nav-title .owl-nav button.owl-next:before, .owl-carousel.show-nav-title .owl-nav button.owl-next:after { font-size: inherit } .owl-carousel.show-nav-title.show-nav-title-both-sides .owl-nav { width: 100% } .owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-prev { left: 0 } .owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-next { right: 0 } .owl-carousel.show-nav-title.show-nav-title-both-sides-style-2 .owl-nav { margin-top: 15px } .owl-carousel.rounded-nav .owl-nav button[class*=owl-] { padding: 3px 7px; border-radius: 50%; background: 0 0; border: 1px solid #999; color: #999 } .owl-carousel.rounded-nav .owl-nav button[class*=owl-]:hover, .owl-carousel.rounded-nav .owl-nav button[class*=owl-].hover { background: 0 0; border: 1px solid #a1a1a1; color: #a1a1a1 } .owl-carousel.rounded-nav .owl-nav button[class*=owl-]:active, .owl-carousel.rounded-nav .owl-nav button[class*=owl-].active { background: 0 0; border: 1px solid #666; color: #666 } .owl-carousel.nav-bottom .owl-stage-outer { margin-bottom: 10px } .owl-carousel.nav-bottom .owl-nav { position: static; margin: 0; padding: 0; width: auto; transform: none } .owl-carousel.nav-bottom .owl-nav button.owl-prev, .owl-carousel.nav-bottom .owl-nav button.owl-next { position: static; transform: none } .owl-carousel.nav-bottom .owl-nav button.owl-prev { margin-right: 5px } .owl-carousel.nav-bottom .owl-nav button.owl-next { margin-left: 5px } .owl-carousel.nav-bottom.nav-bottom-align-left .owl-nav { text-align: left } .owl-carousel.nav-bottom.nav-bottom-align-right .owl-nav { text-align: right } .owl-carousel.nav-bottom-inside .owl-nav { position: relative; margin: -68.8px 0 0; margin: -4.3rem 0 0; padding: 0; width: auto } .owl-carousel.nav-bottom-inside .owl-nav button.owl-prev, .owl-carousel.nav-bottom-inside .owl-nav button.owl-next { position: static } .owl-carousel.nav-inside .owl-nav button.owl-prev { left: 15px } .owl-carousel.nav-inside .owl-nav button.owl-next { right: 15px; left: auto } .owl-carousel.nav-inside.nav-inside-edge .owl-nav button.owl-prev { left: 0 } .owl-carousel.nav-inside.nav-inside-edge .owl-nav button.owl-next { right: 0; left: auto } .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-prev { left: 30px } .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-next { right: 30px; left: auto } .owl-carousel.nav-inside.nav-bottom .owl-nav { position: absolute; top: auto; bottom: 40px; width: 100% } .owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-prev, .owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-next { position: relative } .owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-prev { left: 0 } .owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-next { right: 0 } .owl-carousel.nav-inside.nav-bottom.nav-style-2 .owl-nav button.owl-prev, .owl-carousel.nav-inside.nav-bottom.nav-style-2 .owl-nav button.owl-next { position: relative } .owl-carousel.nav-inside.nav-inside-half-section .owl-nav { top: auto; bottom: 60px } .owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-prev, .owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-next { transform: none; width: 60px !important; height: 60px !important } .owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-prev:before, .owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-next:before { font-size: 12.8px; font-size: .8rem; left: 0; top: 0 } .owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-prev { left: -60px; top: -61px } .owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-next { left: -60px } @media(max-width:991px) { .owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-prev { left: 0 } .owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-next { left: 0 } } .owl-carousel.nav-outside .owl-nav button.owl-prev { left: 0 } .owl-carousel.nav-outside .owl-nav button.owl-next { right: 0 } @media(min-width:992px) { .owl-carousel.nav-outside .owl-nav button.owl-prev { left: -50px } .owl-carousel.nav-outside .owl-nav button.owl-next { right: -50px } } .owl-carousel.nav-position-1 .owl-nav button.owl-prev { left: 20px } .owl-carousel.nav-position-1 .owl-nav button.owl-next { right: 20px } .owl-carousel.nav-icon-1 .owl-nav .owl-next:before { content: "\f061" } .owl-carousel.nav-icon-1 .owl-nav .owl-prev:before { content: "\f060" } .owl-carousel.nav-size-md .owl-nav .owl-next { width: 40px; height: 40px } .owl-carousel.nav-size-md .owl-nav .owl-next:before { top: 0; font-size: 12px; font-size: .75rem } .owl-carousel.nav-size-md .owl-nav .owl-prev { width: 40px; height: 40px } .owl-carousel.nav-size-md .owl-nav .owl-prev:before { top: 0; font-size: 12px; font-size: .75rem } .owl-carousel.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-style-1 .owl-nav .owl-prev { width: 20px; background: 0 0 !important; color: #000 } .owl-carousel.nav-style-1 .owl-nav .owl-next:hover, .owl-carousel.nav-style-1 .owl-nav .owl-next:active, .owl-carousel.nav-style-1 .owl-nav .owl-prev:hover, .owl-carousel.nav-style-1 .owl-nav .owl-prev:active { color: #ccc } .owl-carousel.nav-style-1 .owl-nav .owl-next:before, .owl-carousel.nav-style-1 .owl-nav .owl-next:after, .owl-carousel.nav-style-1 .owl-nav .owl-prev:before, .owl-carousel.nav-style-1 .owl-nav .owl-prev:after { font-size: inherit } .owl-carousel.nav-style-2 .owl-nav .owl-next, .owl-carousel.nav-style-2 .owl-nav .owl-prev { background: 0 0 !important } .owl-carousel.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-style-2 .owl-nav .owl-prev:before { content: ''; display: block; position: absolute; top: 50%; left: 1px; width: 1.3em; height: 1.3em; border-top: 2px solid #ccc; border-left: 2px solid #ccc; font-size: inherit; transform: translate3d(0,-50%,0) rotate(-45deg) } .owl-carousel.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-style-2 .owl-nav .owl-prev:after { content: ''; display: block; border-top: 3px solid #ccc; width: 2.5em; position: absolute; top: 50%; font-size: inherit; transform: translate3d(0,-50%,0) } .owl-carousel.nav-style-2 .owl-nav .owl-next { transform: rotate(180deg) !important; transform-origin: 15px 8px } .owl-carousel.nav-style-2.nav-bottom.nav-inside .owl-nav .owl-next { transform-origin: 15px } .owl-carousel.nav-style-3 .owl-nav { top: 25% } .owl-carousel.nav-style-3 .owl-nav .owl-next, .owl-carousel.nav-style-3 .owl-nav .owl-prev { width: 30px; background: 0 0 !important; color: #ccc } .owl-carousel.nav-style-3 .owl-nav .owl-next:hover, .owl-carousel.nav-style-3 .owl-nav .owl-next:active, .owl-carousel.nav-style-3 .owl-nav .owl-prev:hover, .owl-carousel.nav-style-3 .owl-nav .owl-prev:active { color: #ccc } .owl-carousel.nav-style-3 .owl-nav .owl-next:before, .owl-carousel.nav-style-3 .owl-nav .owl-next:after, .owl-carousel.nav-style-3 .owl-nav .owl-prev:before, .owl-carousel.nav-style-3 .owl-nav .owl-prev:after { font-size: 1.5em } .owl-carousel.nav-style-4 .owl-nav .owl-prev { left: 75px } @media(max-width:991px) { .owl-carousel.nav-style-4 .owl-nav .owl-prev { left: 40px } } @media(max-width:767px) { .owl-carousel.nav-style-4 .owl-nav .owl-prev { left: 13px } } .owl-carousel.nav-style-4 .owl-nav .owl-next { right: 75px } @media(max-width:991px) { .owl-carousel.nav-style-4 .owl-nav .owl-next { right: 40px } } @media(max-width:767px) { .owl-carousel.nav-style-4 .owl-nav .owl-next { right: 13px } } .owl-carousel.nav-style-4 .owl-nav .owl-prev, .owl-carousel.nav-style-4 .owl-nav .owl-next { background: #fff; font-size: 11.2px; font-size: .7rem; width: 40px; height: 40px; color: #000; border-radius: 100%; box-shadow: 0 0 40px -10px rgba(0,0,0,.3) } .owl-carousel.nav-style-4 .owl-nav .owl-prev:hover, .owl-carousel.nav-style-4 .owl-nav .owl-next:hover { color: #fff } .owl-carousel.nav-style-4.nav-style-4-pos-2 .owl-nav .owl-prev { left: 0 } .owl-carousel.nav-style-4.nav-style-4-pos-2 .owl-nav .owl-next { right: 0 } .owl-carousel.nav-style-diamond .owl-nav .owl-prev, .owl-carousel.nav-style-diamond .owl-nav .owl-next { transform: rotate(45deg); transform-origin: 100% 0 } .owl-carousel.nav-style-diamond .owl-nav .owl-prev:before, .owl-carousel.nav-style-diamond .owl-nav .owl-next:before { display: block; transform: rotate(-45deg); transform-origin: 60% 50% } .owl-carousel.nav-style-diamond .owl-nav .owl-next:before { transform-origin: 50% } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next { width: 35px; height: 35px } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev:before, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next:before { content: none } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg { width: 2em } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon { fill: #fff; stroke: #fff } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg { transform: rotate(180deg) } .owl-carousel.nav-arrows-1 .owl-nav .owl-prev, .owl-carousel.nav-arrows-1 .owl-nav .owl-next { width: 35px; height: 35px; font-size: 19.2px; font-size: 1.2rem; background: 0 0 } .owl-carousel.nav-arrows-1 .owl-nav .owl-next:before { content: '\f061'; font-size: inherit } .owl-carousel.nav-arrows-1 .owl-nav .owl-prev:before { content: '\f060'; font-size: inherit } .owl-carousel.nav-arrows-2 .owl-nav .owl-prev, .owl-carousel.nav-arrows-2 .owl-nav .owl-next { width: 35px; height: 35px; font-size: 19.2px; font-size: 1.2rem; background: 0 0 } .owl-carousel.nav-arrows-2 .owl-nav .owl-next:before { content: '\f101'; font-size: inherit } .owl-carousel.nav-arrows-2 .owl-nav .owl-prev:before { content: '\f100'; font-size: inherit } .owl-carousel.nav-arrows-thin .owl-nav .owl-prev:before, .owl-carousel.nav-arrows-thin .owl-nav .owl-next:before { font-family: simple-line-icons; speak: none; font-style: normal; font-weight: 700; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased } .owl-carousel.nav-arrows-thin .owl-nav .owl-next:before { content: "\e606"; font-size: inherit } .owl-carousel.nav-arrows-thin .owl-nav .owl-prev:before { content: "\e605"; font-size: inherit } .owl-carousel.nav-center-images-only .owl-nav { top: 37% } .owl-carousel.nav-center-outside .owl-nav { width: calc(100% + 90px); left: 49.9%; transform: translate3d(-50%,0,0) } .owl-carousel.full-width .owl-nav button[class*=owl-], .owl-carousel.full-width .owl-nav button[class*=owl-]:hover, .owl-carousel.big-nav .owl-nav button[class*=owl-], .owl-carousel.big-nav .owl-nav button[class*=owl-]:hover { height: auto; padding: 20px 0 !important } .owl-carousel.full-width .owl-nav button.owl-prev, .owl-carousel.big-nav .owl-nav button.owl-prev { border-radius: 0 4px 4px 0 } .owl-carousel.full-width .owl-nav button.owl-next, .owl-carousel.big-nav .owl-nav button.owl-next { border-radius: 4px 0 0 4px } .owl-carousel.nav-squared .owl-nav button[class*=owl-] { border-radius: 0 } .owl-carousel.nav-sm .owl-nav button.owl-prev, .owl-carousel.nav-sm .owl-nav button.owl-next { width: 30px !important; height: 30px !important } .owl-carousel.nav-md .owl-nav button.owl-prev, .owl-carousel.nav-md .owl-nav button.owl-next { width: 40px; height: 40px } .owl-carousel.nav-lg .owl-nav button.owl-prev, .owl-carousel.nav-lg .owl-nav button.owl-next { width: 45px; height: 60px } .owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-prev, .owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-next { width: 60px; height: 60px } .owl-carousel.nav-font-size-sm .owl-nav button.owl-prev, .owl-carousel.nav-font-size-sm .owl-nav button.owl-next { font-size: 10px } .owl-carousel.nav-font-size-sm .owl-nav button.owl-prev:before, .owl-carousel.nav-font-size-sm .owl-nav button.owl-next:before { font-size: inherit } .owl-carousel.nav-font-size-md .owl-nav button.owl-prev, .owl-carousel.nav-font-size-md .owl-nav button.owl-next { font-size: 14px } .owl-carousel.nav-font-size-md .owl-nav button.owl-prev:before, .owl-carousel.nav-font-size-md .owl-nav button.owl-next:before { font-size: inherit } .owl-carousel.nav-font-size-lg .owl-nav button.owl-prev, .owl-carousel.nav-font-size-lg .owl-nav button.owl-next { font-size: 19px } .owl-carousel.nav-font-size-lg .owl-nav button.owl-prev:before, .owl-carousel.nav-font-size-lg .owl-nav button.owl-next:before { font-size: inherit; left: 2px } .owl-carousel.nav-font-size-xl .owl-nav button.owl-prev, .owl-carousel.nav-font-size-xl .owl-nav button.owl-next { font-size: 25px } .owl-carousel.nav-font-size-xl .owl-nav button.owl-prev:before, .owl-carousel.nav-font-size-xl .owl-nav button.owl-next:before { font-size: inherit; left: 2px } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*=owl-] { background-color: #ececec !important; border-color: #ececec !important; color: #212529 !important } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*=owl-]:hover { background-color: #fff !important; border-color: #fff !important } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*=owl-]:active { background-color: #d2d2d2 !important; border-color: #d2d2d2 !important } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav button[class*=owl-] { width: 35px; height: 45px; background-color: rgba(236,236,236,.4) !important; border-color: transparent !important } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-svg-arrows-1 .owl-nav button[class*=owl-] svg polygon { fill: #212529 !important; stroke: #212529 !important } .owl-carousel.nav-light.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-light.nav-style-1 .owl-nav .owl-prev { color: #fff !important } .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-prev:before, .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-prev:after { border-color: #fff !important } .owl-carousel.nav-light.nav-style-3 .owl-nav .owl-next, .owl-carousel.nav-light.nav-style-3 .owl-nav .owl-prev { color: #fff !important } .owl-carousel.nav-light.nav-svg-arrows-1 .owl-nav .owl-next svg polygon, .owl-carousel.nav-light.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon { fill: #fff !important; stroke: #fff !important } .owl-carousel.nav-light.nav-arrows-1 .owl-nav .owl-next, .owl-carousel.nav-light.nav-arrows-1 .owl-nav .owl-prev { color: #fff !important } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev { background-color: #262a2f !important; border-color: #262a2f #262a2f #2c3237 !important; color: #fff !important } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next:hover, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev:hover { background-color: #2c3237 !important; border-color: #2c3237 !important } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next:active, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev:active { background-color: #212529 !important; border-color: #212529 !important } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-next, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-prev { width: 35px; height: 45px; background-color: rgba(38,42,47,.4) !important; border-color: transparent !important } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-next:hover, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-prev:hover { background-color: #262a2f !important } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency.nav-style-diamond .owl-nav .owl-next, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency.nav-style-diamond .owl-nav .owl-prev { width: 40px; height: 40px } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-svg-arrows-1 .owl-nav .owl-next svg polygon, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-svg-arrows-1 .owl-nav .owl-prev svg polygon { fill: #fff !important; stroke: #fff !important } .owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-prev { color: #212529 !important } .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-prev:before, .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-prev:after { border-color: #212529 !important } .owl-carousel.nav-dark.nav-style-3 .owl-nav .owl-next, .owl-carousel.nav-dark.nav-style-3 .owl-nav .owl-prev { color: #212529 !important } .owl-carousel.nav-dark.nav-svg-arrows-1 .owl-nav .owl-next svg polygon, .owl-carousel.nav-dark.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon { fill: #212529 !important; stroke: #212529 !important } .owl-carousel.nav-dark.nav-arrows-1 .owl-nav .owl-next, .owl-carousel.nav-dark.nav-arrows-1 .owl-nav .owl-prev { color: #212529 !important } .owl-carousel .owl-dots .owl-dot { outline: 0 } .owl-carousel .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px 4px } .owl-carousel.dots-inside .owl-dots { position: absolute; bottom: 2px; right: 10px; margin-top: 0 } .owl-carousel.dots-title .owl-dots { position: absolute; margin-top: 0 !important; top: -51px; left: 155px } .owl-carousel.dots-title .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px 4px } .owl-carousel.dots-title.dots-title-pos-2 .owl-dots { left: 235px } .owl-carousel.dots-light .owl-dots .owl-dot span { background: rgba(255,255,255,.6) } .owl-carousel.dots-light .owl-dots .owl-dot.active span, .owl-carousel.dots-light .owl-dots .owl-dot:hover span { background: #fff !important } .owl-carousel.dots-dark .owl-dots .owl-dot span { background: rgba(33,33,33,.6) } .owl-carousel.dots-dark .owl-dots .owl-dot.active span, .owl-carousel.dots-dark .owl-dots .owl-dot:hover span { background: #212121 !important } .owl-carousel.dots-morphing .owl-dots .owl-dot span { width: 20px; height: 6px; transition: ease width 300ms } .owl-carousel.dots-morphing .owl-dots .owl-dot.active span, .owl-carousel.dots-morphing .owl-dots .owl-dot:hover span { width: 40px } .owl-carousel.dots-modern .owl-dots { display: flex; align-items: center; justify-content: center } .owl-carousel.dots-modern .owl-dots .owl-dot { display: flex; align-items: center; justify-content: center; margin: 0 2px } .owl-carousel.dots-modern .owl-dots .owl-dot span { width: 4px; height: 4px; transition: ease all 300ms 300ms } .owl-carousel.dots-modern .owl-dots .owl-dot.active span { transition: ease all 300ms; transform: scale(2) } .owl-carousel.dots-modern.dots-modern-lg .owl-dots .owl-dot { margin: 0 3px } .owl-carousel.dots-modern.dots-modern-lg .owl-dots .owl-dot span { width: 6px; height: 6px } .owl-carousel.dots-orientation-portrait .owl-dots { display: flex; flex-direction: column; margin-left: 15px !important; margin-right: 15px !important } .owl-carousel.dots-align-left .owl-dots { text-align: left; justify-content: flex-start } .owl-carousel.dots-align-right .owl-dots { text-align: left } .owl-carousel.dots-horizontal-center .owl-dots { left: 0; right: 0; width: 100% } .owl-carousel.dots-vertical-center .owl-dots { top: 50%; bottom: auto; margin: 0; transform: translate3d(0,-50%,0) } @media(max-width:575px) { .owl-carousel.show-dots-xs .owl-dots { opacity: 1 !important; visibility: visible !important } } @media(min-width:576px) and (max-width:767px) { .owl-carousel.show-dots-sm .owl-dots { opacity: 1 !important; visibility: visible !important } } @media(min-width:768px) and (max-width:991px) { .owl-carousel.show-dots-md .owl-dots { opacity: 1 !important; visibility: visible !important } } .owl-carousel.show-dots-hover .owl-dots { opacity: 0; visibility: hidden; transition: ease opacity 300ms } .owl-carousel.show-dots-hover:hover .owl-dots { opacity: 1; visibility: visible } .owl-carousel.carousel-shadow-1 { position: relative } .owl-carousel.carousel-shadow-1:before { content: ''; position: absolute; top: 50%; left: 50%; width: 65%; height: 0; box-shadow: 0 0 110px 180px rgba(0,0,0,.04); transform: translate3d(-50%,-50%,0); z-index: 0 } .owl-carousel.carousel-shadow-1.carousel-shadow-1-bold:before { box-shadow: 0 0 110px 230px rgba(0,0,0,.04) } .owl-carousel .img-thumbnail.img-thumbnail-hover-icon { display: block } .owl-carousel.carousel-right-side-nav { width: calc(100% - 55px) } .owl-carousel.carousel-right-side-nav .owl-nav .owl-next { width: 55px; transform: translate3d(100%,-50%,0) } .owl-carousel.carousel-bottom-inside-shadow .owl-stage-outer:after { content: ''; position: absolute; bottom: 0; left: 0; height: 35%; width: 100%; background-image: linear-gradient(360deg,#CCC 0%,transparent 100%) } .owl-carousel [class*=opacity-]:not([class*=opacity-hover]) { transition: ease opacity 300ms } .owl-carousel [class*=opacity-]:not([class*=opacity-hover]):hover { opacity: 1 !important } @media(min-width:576px) { .owl-carousel.carousel-sync-style-1 { position: absolute; top: 50%; left: -30px; max-width: 355px; transform: translate3d(0,-50%,0) } } .owl-carousel-spaced { margin-left: -5px } .owl-carousel-spaced .owl-item > div { margin: 5px } .owl-carousel.testimonials img { display: inline-block; height: 70px; width: 70px } @media(max-width:575px) { .owl-carousel-spaced { margin-left: 0 } } .carousel-half-full-width-wrapper > .owl-carousel { width: 100% } @media(min-width:576px) { .carousel-half-full-width-wrapper > .owl-carousel { width: calc(100vw - ((100vw - 540px)/2)) } } @media(min-width:768px) { .carousel-half-full-width-wrapper > .owl-carousel { width: calc(100vw - ((100vw - 720px)/2)) } } @media(min-width:992px) { .carousel-half-full-width-wrapper > .owl-carousel { width: calc(100vw - ((100vw - 960px)/2)) } } @media(min-width:1200px) { .carousel-half-full-width-wrapper > .owl-carousel { width: calc(100vw - ((100vw - 1140px)/2)) } } .carousel-half-full-width-wrapper > .owl-carousel .owl-stage-outer { margin-bottom: 20px } .carousel-half-full-width-wrapper.carousel-half-full-width-left { direction: rtl } .carousel-half-full-width-wrapper.carousel-half-full-width-left > .owl-carousel .owl-nav { display: flex } .carousel-half-full-width-wrapper.carousel-half-full-width-left > .owl-carousel .owl-nav .owl-prev { order: 2 } .carousel-half-full-width-wrapper.carousel-half-full-width-left > .owl-carousel .owl-nav .owl-next { order: 1 } .carousel-areas { background: #f2f2f2; background: linear-gradient(to bottom,#f2f2f2 0%,rgba(33,37,41,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#212529',GradientType=0); margin-bottom: -10px; padding: 8px 8px 0; border-radius: 6px 6px 0 0; box-shadow: 0 0 50px 20px rgba(0,0,0,.07) } .carousel-areas .owl-carousel { box-shadow: 0 5px 5px rgba(0,0,0,.2) } .carousel-areas .owl-carousel .owl-nav button.owl-prev { left: -55px } .carousel-areas .owl-carousel .owl-nav button.owl-next { right: -55px } .carousel-areas .owl-carousel:first-child img { border-radius: 6px 6px 0 0 } @media(max-width:991px) { .carousel-areas .owl-carousel .owl-nav { display: none } } .owl-carousel.carousel-center-active-item .owl-item { opacity: .2; transition: ease opacity 300ms } .owl-carousel.carousel-center-active-item .owl-item.current { opacity: 1 !important } .owl-carousel.carousel-center-active-item.carousel-center-active-item-style-2 .owl-item { opacity: .7 } .owl-carousel.carousel-center-active-item-2 .owl-stage-outer { overflow: visible } .owl-carousel.carousel-center-active-item-2 .owl-item > div { width: 66.6666%; margin-left: auto; padding: 48px; padding: 3rem; background: #fff; border-radius: 7px; box-shadow: 0 0 70px -40px rgba(0,0,0,.2) } .owl-carousel.carousel-center-active-item-2 .owl-item.active > div { margin-right: auto } .owl-carousel.carousel-center-active-item-2 .owl-item.active > div * { color: #fff !important } .owl-carousel.carousel-center-active-item-2 .owl-item.active + .owl-item > div { margin-right: auto; margin-left: 0 } .owl-carousel.carousel-center-active-item-3 .owl-stage-outer { overflow: visible } .owl-carousel.carousel-center-active-item-3 .owl-item > div { width: 100%; margin-left: auto; transition: ease opacity 300ms } .owl-carousel.carousel-center-active-item-3 .owl-item.active > div { margin-right: auto } .owl-carousel.carousel-center-active-item-3 .owl-item.active + .owl-item > div { margin-right: auto; margin-left: 0 } .owl-carousel-light.owl-carousel-light-init-fadeIn { transition: ease opacity 300ms } .owl-carousel-light .owl-stage-outer, .owl-carousel-light .owl-stage { height: 100% } .owl-carousel-light .owl-item { display: none; visibility: hidden; opacity: 0; position: absolute !important; width: 100%; height: 100%; top: 0; transition: ease opacity 300ms } .owl-carousel-light .owl-item.active { display: block; visibility: visible; opacity: 1 } .owl-carousel-light .owl-dots .owl-dot span { margin: 5px 2px } .cascading-images-wrapper { display: inline-block; padding: 12% 20% } .cascading-images-wrapper .cascading-images { transform: translate3d(0,-35%,0) } .cascading-images-wrapper .cascading-images img { max-width: 100% } .countdown { display: flex; text-align: center } .countdown > span { flex-basis: 25%; max-width: 25%; width: 25%; font-size: 16px; font-size: 1rem; line-height: 1.5; color: #777 } .countdown > span > span { display: block; font-size: 48px; font-size: 3rem; line-height: 1; color: #212529 } .countdown.countdown-light > span { color: rgba(255,255,255,.6) } .countdown.countdown-light > span > span { color: #fff } .countdown.countdown-light.countdown-borders > span { border-color: #fff } .countdown.countdown-borders { margin-right: -15px; margin-left: -15px } .countdown.countdown-borders > span { border-width: 2px; border-style: solid; border-color: #212529; margin-right: 15px; margin-left: 15px; padding: 24px; padding: 1.5rem } @media(max-width:767px) { .countdown { flex-wrap: wrap } .countdown > span { flex-basis: calc(50% - 15px); max-width: calc(50% - 15px); width: calc(50% - 15px); margin-bottom: 30px } .countdown > span:nth-child(3), .countdown > span:nth-child(4) { margin-bottom: 0 } .countdown.countdown-borders { justify-content: space-between; margin-right: 0; margin-left: 0 } .countdown.countdown-borders > span { margin-right: 0; margin-left: 0 } } @media(max-width:576px) { .countdown > span { flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 50px } .countdown > span:nth-child(3) { margin-bottom: 50px } .countdown.countdown-borders > span { margin-bottom: 30px } .countdown.countdown-borders > span:nth-child(3) { margin-bottom: 30px } } .counters .counter { text-align: center } .counters [class*=fa-], .counters .icons { display: block; font-size: 35px; line-height: 35px; margin-bottom: 5px } .counters strong { display: block; font-weight: 700; font-size: 50px; line-height: 50px } .counters label { display: block; font-weight: 100; font-size: 20px; line-height: 20px } .counters .counter-side-icon [class*=fa-], .counters .counter-side-icon .icons, .counters .counter-side-icon strong { display: inline-block } .counters .counter-with-unit strong { display: inline-block } .counters .counter-with-unit.counter-unit-on-top { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start } .counters .counter-with-unit.counter-unit-on-top .unit { font-size: 32px; font-size: 2rem; line-height: 43.2px; line-height: 2.7rem; margin-left: 4.8px; margin-left: .3rem } .counters .counter-with-unit.counter-unit-on-top label { width: 100%; margin-top: 11.2px; margin-top: .7rem } .counters .counter-with-unit.counter-unit-on-bottom { align-items: flex-end } .counters.with-borders .counter { border-radius: 6px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04); padding: 25px } .counters.counters-sm [class*=fa-], .counters.counters-sm .icons { font-size: 25px; line-height: 25px } .counters.counters-sm strong { font-size: 35px; line-height: 35px } .counters.counters-sm label { font-size: 15px; line-height: 15px } .counters.counters-lg [class*=fa-] { font-size: 45px; line-height: 45px } .counters.counters-lg strong { font-size: 60px; line-height: 60px } .counters.counters-lg label { font-size: 25px; line-height: 25px } .counters.counters-text-light .counter { color: #fff !important } .counters.counters-text-light .counter [class*=fa-], .counters.counters-text-light .counter .icons, .counters.counters-text-light .counter strong, .counters.counters-text-light .counter label { color: #fff !important } .counters.counters-text-dark .counter { color: #333940 !important } .counters.counters-text-dark .counter [class*=fa-], .counters.counters-text-dark .counter .icons, .counters.counters-text-dark .counter strong, .counters.counters-text-dark .counter label { color: #333940 !important } hr { background: rgba(0,0,0,.06); border: 0; height: 1px; margin: 22px 0; opacity: 1 } hr.short { margin: 11px 0 } hr.tall { margin: 44px 0 } hr.taller { margin: 66px 0 } hr.gratient { background: 0 0; background-image: linear-gradient(to left,transparent,rgba(0,0,0,0.06),transparent) } hr.gradient-to-right { background: 0 0; background-image: linear-gradient(to left,rgba(0,0,0,0.06),transparent) } hr.gradient-to-left { background: 0 0; background-image: linear-gradient(to left,transparent,rgba(0,0,0,0.06)) } hr.solid { background: rgba(0,0,0,.06) } hr.light { background: rgba(255,255,255,.15) } hr.invisible { background: 0 0 } .divider { border: 0; height: 1px; margin: 44px auto; background: rgba(0,0,0,.06); text-align: center; position: relative; clear: both } .divider.taller { margin: 66px auto } .divider [class*=fa-], .divider .icons { text-align: center; background: #fff; border-radius: 50px; color: #a9a9a9; display: inline-block; height: 50px; line-height: 50px; position: absolute; text-align: center; width: 50px; font-size: 20px; margin: 0 auto 0 -25px; top: -25px; left: 50%; z-index: 1 } .divider.divider-solid { background: rgba(0,0,0,.06) } .divider.divider-icon-sm [class*=fa-], .divider.divider-icon-sm .icons { width: 30px; height: 30px; line-height: 30px; top: -15px; font-size: 15px; margin-left: -16px } .divider.divider-icon-lg { margin: 86px 0 } .divider.divider-icon-lg [class*=fa-], .divider.divider-icon-lg .icons { width: 60px; height: 60px; line-height: 60px; top: -30px; font-size: 30px; margin-left: -30px } .divider.divider-icon-lg.taller { margin: 100px auto } .divider.divider-xs { width: 35% } .divider.divider-sm { width: 67% } .divider.divider-left [class*=fa-], .divider.divider-left .icons { left: 0; margin-left: 0; margin-right: 0; right: auto } .divider.divider-right [class*=fa-], .divider.divider-right .icons { left: auto; margin-left: 0; margin-right: 0; right: 0 } .divider.divider-style-2 [class*=fa-], .divider.divider-style-2 .icons { background: #f7f7f7; color: #a9a9a9 } .divider.divider-style-3 [class*=fa-], .divider.divider-style-3 .icons { border: 1px solid #cecece } .divider.divider-style-4 [class*=fa-], .divider.divider-style-4 .icons { border: 1px solid #cecece } .divider.divider-style-4 [class*=fa-]:after, .divider.divider-style-4 .icons:after { border: 3px solid #f7f7f7; border-radius: 50%; box-sizing: content-box; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100% } .divider.divider-small { margin: 22px auto; background: 0 0 } .divider.divider-small hr { width: 50px; height: 3px; background: #555 } .divider.divider-small.divider-small-center { text-align: center } .divider.divider-small.divider-small-center hr { margin-left: auto; margin-right: auto } .divider.divider-small.divider-small-right { text-align: right } .divider.divider-small.divider-small-right hr { margin-left: auto } .divider.divider-small.divider-light hr { background: #ddd } .divider.divider-small.divider-small-sm hr { height: 1px } .divider.divider-small.divider-small-lg hr { height: 6px } .divider.divider-small.tall { margin: 34px 0 } .divider.divider-small.taller { margin: 46px 0 } .divider .divider-small-text { background: #fff; color: #999; display: inline-block; text-align: center; font-size: .8em; height: 30px; line-height: 30px; padding: 0 30px; text-transform: uppercase; margin: 0; position: relative; top: -15px } hr.dashed, .divider.dashed { background: 0 0; position: relative } hr.dashed:after, .divider.dashed:after { border-top: 1px dashed rgba(0,0,0,.06); content: ""; display: block; height: 0; position: absolute; top: 50%; margin-top: -1px; width: 100% } hr.pattern, .divider.pattern { background: 0 0; position: relative } hr.pattern:after, .divider.pattern:after { background: transparent url(../img/patterns/worn_dots.png) repeat 0 0; content: ""; display: block; height: 15px; position: absolute; top: 50%; margin-top: -7px; width: 100% } hr.pattern.pattern-2:after, .divider.pattern.pattern-2:after { background-image: url(../img/patterns/az_subtle.png) } @-webkit-keyframes dividerProgress25 { from { width: 0 } to { width: 25% } } @keyframes dividerProgress25 { from { width: 0 } to { width: 25% } } .dividerProgress25 { -webkit-animation-name: dividerProgress25; animation-name: dividerProgress25 } .divider-top-border { border-top: 1px solid rgba(0,0,0,.06) } .divider-bottom-border { border-bottom: 1px solid rgba(0,0,0,.06) } .divider-left-border { border-left: 1px solid rgba(0,0,0,.06) } .divider-right-border { border-right: 1px solid rgba(0,0,0,.06) } .dropdown.dropdown-style-1 .dropdown-toggle { display: flex; align-items: center; padding: 16px 17.6px; padding: 1rem 1.1rem; background: #fff; border-radius: 0; border-right: 1px solid #ededed; min-width: 280px; font-weight: 700; text-decoration: none } .dropdown.dropdown-style-1 .dropdown-toggle:after { content: '\f107'; position: absolute; right: 17.6px; right: 1.1rem; top: 50%; font-family: 'font awesome 6 free'; font-weight: 700; transform: translate3d(0,-50%,0); border: 0; margin: 0; width: 10px; height: 10px; line-height: 10px } .dropdown.dropdown-style-1 .dropdown-toggle > i { display: none } .dropdown.dropdown-style-1 .dropdown-menu { width: 100%; border-radius: 0; margin-top: -1px; border-color: #ededed } .dropdown.dropdown-style-1 .dropdown-menu .dropdown-item { font-size: 14px; padding-right: 17.6px; padding-right: 1.1rem; padding-left: 17.6px; padding-left: 1.1rem } .dropdown.dropdown-corner-left-fix .dropdown-menu { margin-left: -5px } .dropdown-menu.dropdown-menu-arrow-centered:before { right: auto; left: 50%; transform: translate3d(-50%,-6px,0) } .dropdown-menu.dropdown-menu-arrow-centered-style-2 { border: 0; margin-top: -2px; margin-left: -2px; padding: 0; box-shadow: 0 10px 30px 10px rgba(0,0,0,.05); background: #fff; padding: 3px; min-width: 180px; z-index: 10000; margin-right: 0; margin-top: 1px; transition: opacity .2s ease-out; border-radius: 0 } .dropdown-item:not(.btn):hover { text-decoration: none } .icon-featured { display: inline-block; font-size: 0; margin: 15px; width: 110px; height: 110px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; font-size: 2.3em; line-height: 110px } .icon-featured:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; box-sizing: content-box } .icon-featured.icon-featured-lg { width: 180px !important; height: 180px !important; line-height: 180px !important } .featured-box { background: #fff; box-sizing: border-box; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-radius: 8px; border-right: 1px solid #ececec; box-shadow: 0 2px 4px 0 rgba(0,0,0,.05); min-height: 100px; position: relative; text-align: center; z-index: 1; margin: 20px auto } .featured-box h4 { font-size: 1.3em; font-weight: 400; letter-spacing: -.7px; margin-top: 5px; margin-bottom: 5px } .featured-box .box-content { border-radius: 8px; border-top: 1px solid rgba(0,0,0,.06); border-top-width: 4px; padding: 28.8px; padding: 1.8rem; position: relative } .featured-box .box-content:not(.box-content-border-0) { top: -1px; border-top-width: 4px } .featured-box .box-content.box-content-border-0 { border-top: 1px solid rgba(0,0,0,.06) !important; border-bottom: 0 !important } .featured-box .box-content.box-content-border-bottom { top: 1px } .featured-box .box-content-border-bottom { border-top: 1px solid rgba(0,0,0,.06) !important; border-bottom: 4px solid rgba(0,0,0,.06) } .featured-box.border-radius { border-radius: 8px !important } .featured-box.border-radius.box-shadow-1:before { border-radius: 8px !important } .featured-box-text-left { text-align: left } .featured-boxes-flat .featured-box { box-shadow: none; margin: 10px 0 } .featured-boxes-flat .featured-box .box-content { background: #fff; margin-top: 65px } .featured-boxes-flat .featured-box .icon-featured { display: inline-block; font-size: 2em; height: 90px; line-height: 90px; padding: 0; width: 90px; margin: -100px 0 -15px; position: relative; top: -40px } .featured-boxes-style-2 .featured-box { background: 0 0; border: 0; margin: 10px 0; box-shadow: none } .featured-boxes-style-2 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0 } .featured-boxes-style-2 .featured-box .icon-featured { display: inline-block; font-size: 1.8em; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: 0 } .featured-boxes-style-3 .featured-box { margin: 10px 0 } .featured-boxes-style-3 .featured-box .icon-featured { display: inline-block; font-size: 1.8em; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: -37px; top: -37px; background: #fff; border: 2px solid rgba(0,0,0,.06); color: rgba(0,0,0,.06) } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box { background: 0 0; border: 0; box-shadow: none } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0 } .featured-boxes-style-4 .featured-box { background: 0 0; border: 0; margin: 10px 0; box-shadow: none } .featured-boxes-style-4 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0 } .featured-boxes-style-4 .featured-box .icon-featured { display: inline-block; font-size: 35px; height: 45px; line-height: 45px; padding: 0; width: 45px; margin-top: 0; margin-bottom: 10px; background: 0 0; color: rgba(0,0,0,.06); border-radius: 0 } .featured-boxes-style-5 .featured-box, .featured-boxes-style-6 .featured-box, .featured-boxes-style-7 .featured-box, .featured-boxes-style-9 .featured-box { background: 0 0; border: 0; box-shadow: none; margin: 10px 0 } .featured-boxes-style-5 .featured-box .box-content, .featured-boxes-style-6 .featured-box .box-content, .featured-boxes-style-7 .featured-box .box-content, .featured-boxes-style-9 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0 } .featured-boxes-style-5 .featured-box .box-content h4, .featured-boxes-style-6 .featured-box .box-content h4, .featured-boxes-style-7 .featured-box .box-content h4, .featured-boxes-style-9 .featured-box .box-content h4 { color: #333940 } .featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured, .featured-boxes-style-9 .featured-box .icon-featured { display: inline-block; font-size: 2em; height: 75px; padding: 0; width: 75px; margin-top: 0; margin-bottom: 10px; background: #fff; border: 1px solid #dfdfdf; color: #777; line-height: 73px } .featured-boxes-style-6 .featured-box .icon-featured { border: 1px solid #cecece; color: #777 } .featured-boxes-style-6 .featured-box .icon-featured:after { border: 5px solid #f7f7f7; border-radius: 50%; box-sizing: content-box; content: ""; display: block; height: 100%; left: -6px; padding: 1px; position: absolute; top: -6px; width: 100% } .featured-boxes-style-7 .featured-box .icon-featured { border: 1px solid #dfdfdf; color: #777 } .featured-boxes-style-8 .featured-box .icon-featured { display: inline-block; font-size: 2em; height: 75px; padding: 0; width: 75px; margin: -15px -15px 0 0; background: #fff; line-height: 75px; border: 0; color: #777 } .featured-boxes-style-8 .featured-box .icon-featured:after { display: none } .featured-boxes-style-9 .featured-box .icon-featured { background: #fff; box-shadow: 0 0 32px -7px rgba(0,0,0,.1); border: 0; width: 100px; height: 100px; line-height: 100px; transition-duration: .4s } .featured-boxes-modern-style-1 .featured-box { position: relative; overflow: hidden; border-radius: 0; height: auto !important; margin: 0 !important } .featured-boxes-modern-style-1 .featured-box .featured-box-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: cubic-bezier(.39,.66,.42,.99) all 2s; transform: scale(1) } .featured-boxes-modern-style-1 .featured-box .box-content { padding: 64px; padding: 4rem; border: none; z-index: 3 } .featured-boxes-modern-style-1 .featured-box .box-content .icon-featured { color: #fff; background: 0 0; width: auto; height: auto; line-height: 1.4; font-size: 46.4px; font-size: 2.9rem; margin: 0 0 16px; margin: 0 0 1rem } .featured-boxes-modern-style-1 .featured-box .box-content h2 { color: #fff; font-weight: 600; font-size: 19.2px; font-size: 1.2rem; line-height: 1.3; margin-bottom: 11.2px; margin-bottom: .7rem } .featured-boxes-modern-style-1 .featured-box .box-content p { color: #999; margin-bottom: 25.6px; margin-bottom: 1.6rem } .featured-boxes-modern-style-1 .featured-box:hover .featured-box-background { transform: scale(1.1) } @media(max-width:575px) { .featured-boxes-modern-style-1 .featured-box .box-content { padding: 2rem 1.5rem } } .featured-boxes-modern-style-2 .featured-box { position: relative; background: #6c6ef1; background: linear-gradient(135deg,#6c6ef1 0%,#e2498e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6ef1',endColorstr='#e2498e',GradientType=1); border-radius: 0; margin: 0 !important; overflow: hidden } .featured-boxes-modern-style-2 .featured-box:before { content: ''; position: absolute; top: 8px; right: 8px; bottom: 8px; left: 8px; background: #fff } .featured-boxes-modern-style-2 .featured-box .box-content { padding: 64px; padding: 4rem; border: none } .featured-boxes-modern-style-2 .featured-box .box-content .icon-featured { color: #fff; background: 0 0; width: auto; height: auto; line-height: 1.4; font-size: 46.4px; font-size: 2.9rem; margin: 0 0 16px; margin: 0 0 1rem } .featured-boxes-modern-style-2 .featured-box .box-content h2 { color: #212529; font-weight: 700; font-size: 19.2px; font-size: 1.2rem; line-height: 1.3; margin-bottom: 11.2px; margin-bottom: .7rem } .featured-boxes-modern-style-2 .featured-box .box-content p { color: #999; margin-bottom: 25.6px; margin-bottom: 1.6rem } @media(max-width:575px) { .featured-boxes-modern-style-2 .featured-box .box-content { padding: 2rem 1.5rem } } .featured-boxes-modern-style-2-hover-only .featured-box:before { top: 1px; right: 1px; bottom: 1px; left: 1px; transition: cubic-bezier(.39,.66,.42,.99) all 200ms } .featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box { background: rgba(0,0,0,.06) !important; box-shadow: none; border: 0 } .featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box-no-borders { background: 0 0 !important } .featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box-box-shadow { box-shadow: 0 1px 0 0 rgba(0,0,0,.1) } .featured-boxes-modern-style-2-hover-only:hover .featured-box:before { top: 8px; right: 8px; bottom: 8px; left: 8px } .featured-boxes .featured-box { margin-bottom: 24px; margin-bottom: 1.5rem; margin-top: 24px; margin-top: 1.5rem } .featured-box-effect-1 .icon-featured:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #fff; transition: transform .2s,opacity .2s; transform: scale(1); opacity: 0 } .featured-box-effect-1:hover .icon-featured:after { transform: scale(.8); opacity: 1 } .featured-box-effect-2 .icon-featured:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #fff; transition: transform .2s,opacity .2s; transform: scale(.8); opacity: 0 } .featured-box-effect-2:hover .icon-featured:after { transform: scale(.95); opacity: 1 } .featured-box-effect-3 .icon-featured:after { top: 0; left: 0; box-shadow: 0 0 0 10px #fff; transition: transform .2s,opacity .2s; transform: scale(.9); opacity: 0 } .featured-box-effect-3:hover .icon-featured { color: #fff !important } .featured-box-effect-3:hover .icon-featured:after { transform: scale(1); opacity: .8 } .featured-box-effect-4 .icon-featured { transition: transform .2s,transform .2s; transform: scale(1) } .featured-box-effect-4:hover .icon-featured { transform: scale(1.15) } .featured-box-effect-5 .icon-featured { overflow: hidden; transition: all .3s } .featured-box-effect-5:hover .icon-featured { -webkit-animation: toRightFromLeft .3s forwards; animation: toRightFromLeft .3s forwards } @-webkit-keyframes toRightFromLeft { 49% { transform: translate(100%) } 50% { opacity: 0; transform: translate(-100%) } 51% { opacity: 1 } } @keyframes toRightFromLeft { 49% { transform: translate(100%) } 50% { opacity: 0; transform: translate(-100%) } 51% { opacity: 1 } } .featured-box-effect-6 .icon-featured:after { transition: all .2s,transform .2s } .featured-box-effect-6:hover .box-content .icon-featured:after { transform: scale(1.1) } .featured-box-effect-7 .icon-featured:after { opacity: 0; box-shadow: 3px 3px #d5d5d5; transform: rotate(-90deg); transition: opacity .2s,transform .2s; left: 0; top: -1px } .featured-box-effect-7:hover .icon-featured:after { opacity: 1; transform: rotate(0deg) } .featured-box-effect-7 .icon-featured:before { transform: scale(.8); opacity: .7; transition: transform .2s,opacity .2s } .featured-box-effect-7:hover .icon-featured:before { transform: scale(1); opacity: 1 } .feature-box { display: flex } .feature-box .feature-box-icon { display: inline-flex; align-items: center; justify-content: center; flex: 1 0 auto; background: rgba(0,0,0,.06); border-radius: 100%; color: #fff; font-size: 16px; font-size: 1rem; position: relative; top: 7px; text-align: center; padding: .8em; height: 1px; width: 2.7em; height: 2.7em } .feature-box .feature-box-info { flex: 1 1 100%; padding-left: 15px } .feature-box.align-items-center .feature-box-icon { top: 0 } .feature-box.feature-box-style-2 h4 { color: #212529 } .feature-box.feature-box-style-2 .feature-box-icon { background: 0 0; top: -3px } .feature-box.feature-box-style-2 .feature-box-icon [class*=fa-], .feature-box.feature-box-style-2 .feature-box-icon .icons { font-size: 1.7em } .feature-box.feature-box-style-2.align-items-center .feature-box-icon { top: 0 } .feature-box.feature-box-style-3 h4 { color: #212529 } .feature-box.feature-box-style-3 .feature-box-icon { border: 1px solid rgba(0,0,0,.06); background: 0 0; line-height: 32px } .feature-box.feature-box-style-3 .feature-box-icon [class*=fa-], .feature-box.feature-box-style-3 .feature-box-icon .icons { color: rgba(0,0,0,.06) } .feature-box.feature-box-style-4 { flex-wrap: wrap } .feature-box.feature-box-style-4 h4 { color: #212529 } .feature-box.feature-box-style-4 .feature-box-icon { flex-basis: 100%; justify-content: flex-start; background: 0 0; padding: 0 0 19.2px; padding: 0 0 1.2rem } .feature-box.feature-box-style-4 .feature-box-icon [class*=fa-], .feature-box.feature-box-style-4 .feature-box-icon .icons { font-size: 2.35em; width: auto; height: auto } .feature-box.feature-box-style-4 .feature-box-info { clear: both; padding-left: 0 } .feature-box.feature-box-style-5 h4 { color: #212529 } .feature-box.feature-box-style-5 .feature-box-icon { background: 0 0; top: 0; padding: 1em 1.4em; min-width: 5em } .feature-box.feature-box-style-5 .feature-box-icon [class*=fa-], .feature-box.feature-box-style-5 .feature-box-icon .icons { font-size: 2.75em } .feature-box.feature-box-style-5.align-items-center .feature-box-icon { top: 0 } .feature-box.feature-box-style-6 h4 { color: #212529 } .feature-box.feature-box-style-6 .feature-box-icon { border: 1px solid #cecece; background: 0 0; line-height: 32px } .feature-box.feature-box-style-6 .feature-box-icon:after { border: 3px solid #f7f7f7; border-radius: 50%; box-sizing: content-box; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100% } .feature-box.feature-box-style-6 .feature-box-icon [class*=fa-], .feature-box.feature-box-style-6 .feature-box-icon .icons { color: #a9a9a9 } .feature-box .feature-box-icon.feature-box-icon-large { width: 3.7em; height: 3.7em } .feature-box .feature-box-icon.feature-box-icon-extra-large { width: 4.5em; height: 4.5em } .feature-box.reverse-allres { text-align: right; flex-direction: row-reverse } .feature-box.reverse-allres .feature-box-info { padding-right: 15px; padding-left: 0 } .feature-box.reverse-allres.feature-box-style-4 .feature-box-icon { justify-content: flex-end } .feature-box.reverse-allres.feature-box-style-4 .feature-box-info { padding-right: 0 } @media(min-width:992px) { .feature-box.reverse { text-align: right; flex-direction: row-reverse } .feature-box.reverse .feature-box-info { padding-right: 15px; padding-left: 0 } .feature-box.reverse.feature-box-style-4 .feature-box-icon { justify-content: flex-end } .feature-box.reverse.feature-box-style-4 .feature-box-info { padding-right: 0 } } .featured-boxes-full .featured-box-full { text-align: center; padding: 55px } .featured-boxes-full .featured-box-full [class*=fa-], .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full h1, .featured-boxes-full .featured-box-full h2, .featured-boxes-full .featured-box-full h3, .featured-boxes-full .featured-box-full h4, .featured-boxes-full .featured-box-full h5, .featured-boxes-full .featured-box-full h6, .featured-boxes-full .featured-box-full p, .featured-boxes-full .featured-box-full a { padding: 0; margin: 0 } .featured-boxes-full .featured-box-full:not(.featured-box-full-light) [class*=fa-], .featured-boxes-full .featured-box-full:not(.featured-box-full-light) .icons, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h1, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h2, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h3, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h4, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h5, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h6, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) p, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) a { color: #fff } .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full [class*=fa-] { font-size: 3.9em; margin-bottom: 15px } .featured-boxes-full .featured-box-full p { padding-top: 12px; opacity: .8 } .featured-boxes-full .featured-box-full.featured-box-full-light { border: 1px solid rgba(0,0,0,.06) } .featured-boxes-full .featured-box-full.featured-box-full-light:not(:last-child) { border-right: 0 } .featured-boxes-full .featured-box-full.featured-box-full-light:first-child { border-left: 0 } .flag { width: 16px; height: 11px; background: url(../img/flags.png) no-repeat } .flag.flag-ad { background-position: -16px 0 } .flag.flag-ae { background-position: -32px 0 } .flag.flag-af { background-position: -48px 0 } .flag.flag-ag { background-position: -64px 0 } .flag.flag-ai { background-position: -80px 0 } .flag.flag-al { background-position: -96px 0 } .flag.flag-am { background-position: -112px 0 } .flag.flag-an { background-position: -128px 0 } .flag.flag-ao { background-position: -144px 0 } .flag.flag-ar { background-position: -160px 0 } .flag.flag-as { background-position: -176px 0 } .flag.flag-at { background-position: -192px 0 } .flag.flag-au { background-position: -208px 0 } .flag.flag-aw { background-position: -224px 0 } .flag.flag-az { background-position: -240px 0 } .flag.flag-ba { background-position: 0 -11px } .flag.flag-bb { background-position: -16px -11px } .flag.flag-bd { background-position: -32px -11px } .flag.flag-be { background-position: -48px -11px } .flag.flag-bf { background-position: -64px -11px } .flag.flag-bg { background-position: -80px -11px } .flag.flag-bh { background-position: -96px -11px } .flag.flag-bi { background-position: -112px -11px } .flag.flag-bj { background-position: -128px -11px } .flag.flag-bm { background-position: -144px -11px } .flag.flag-bn { background-position: -160px -11px } .flag.flag-bo { background-position: -176px -11px } .flag.flag-br { background-position: -192px -11px } .flag.flag-bs { background-position: -208px -11px } .flag.flag-bt { background-position: -224px -11px } .flag.flag-bv { background-position: -240px -11px } .flag.flag-bw { background-position: 0 -22px } .flag.flag-by { background-position: -16px -22px } .flag.flag-bz { background-position: -32px -22px } .flag.flag-ca { background-position: -48px -22px } .flag.flag-catalonia { background-position: -64px -22px } .flag.flag-cd { background-position: -80px -22px } .flag.flag-cf { background-position: -96px -22px } .flag.flag-cg { background-position: -112px -22px } .flag.flag-ch { background-position: -128px -22px } .flag.flag-ci { background-position: -144px -22px } .flag.flag-ck { background-position: -160px -22px } .flag.flag-cl { background-position: -176px -22px } .flag.flag-cm { background-position: -192px -22px } .flag.flag-cn { background-position: -208px -22px } .flag.flag-co { background-position: -224px -22px } .flag.flag-cr { background-position: -240px -22px } .flag.flag-cu { background-position: 0 -33px } .flag.flag-cv { background-position: -16px -33px } .flag.flag-cw { background-position: -32px -33px } .flag.flag-cy { background-position: -48px -33px } .flag.flag-cz { background-position: -64px -33px } .flag.flag-de { background-position: -80px -33px } .flag.flag-dj { background-position: -96px -33px } .flag.flag-dk { background-position: -112px -33px } .flag.flag-dm { background-position: -128px -33px } .flag.flag-do { background-position: -144px -33px } .flag.flag-dz { background-position: -160px -33px } .flag.flag-ec { background-position: -176px -33px } .flag.flag-ee { background-position: -192px -33px } .flag.flag-eg { background-position: -208px -33px } .flag.flag-eh { background-position: -224px -33px } .flag.flag-england { background-position: -240px -33px } .flag.flag-er { background-position: 0 -44px } .flag.flag-es { background-position: -16px -44px } .flag.flag-et { background-position: -32px -44px } .flag.flag-eu { background-position: -48px -44px } .flag.flag-fi { background-position: -64px -44px } .flag.flag-fj { background-position: -80px -44px } .flag.flag-fk { background-position: -96px -44px } .flag.flag-fm { background-position: -112px -44px } .flag.flag-fo { background-position: -128px -44px } .flag.flag-fr { background-position: -144px -44px } .flag.flag-ga { background-position: -160px -44px } .flag.flag-gb { background-position: -176px -44px } .flag.flag-gd { background-position: -192px -44px } .flag.flag-ge { background-position: -208px -44px } .flag.flag-gf { background-position: -224px -44px } .flag.flag-gg { background-position: -240px -44px } .flag.flag-gh { background-position: 0 -55px } .flag.flag-gi { background-position: -16px -55px } .flag.flag-gl { background-position: -32px -55px } .flag.flag-gm { background-position: -48px -55px } .flag.flag-gn { background-position: -64px -55px } .flag.flag-gp { background-position: -80px -55px } .flag.flag-gq { background-position: -96px -55px } .flag.flag-gr { background-position: -112px -55px } .flag.flag-gs { background-position: -128px -55px } .flag.flag-gt { background-position: -144px -55px } .flag.flag-gu { background-position: -160px -55px } .flag.flag-gw { background-position: -176px -55px } .flag.flag-gy { background-position: -192px -55px } .flag.flag-hk { background-position: -208px -55px } .flag.flag-hm { background-position: -224px -55px } .flag.flag-hn { background-position: -240px -55px } .flag.flag-hr { background-position: 0 -66px } .flag.flag-ht { background-position: -16px -66px } .flag.flag-hu { background-position: -32px -66px } .flag.flag-ic { background-position: -48px -66px } .flag.flag-id { background-position: -64px -66px } .flag.flag-ie { background-position: -80px -66px } .flag.flag-il { background-position: -96px -66px } .flag.flag-im { background-position: -112px -66px } .flag.flag-in { background-position: -128px -66px } .flag.flag-io { background-position: -144px -66px } .flag.flag-iq { background-position: -160px -66px } .flag.flag-ir { background-position: -176px -66px } .flag.flag-is { background-position: -192px -66px } .flag.flag-it { background-position: -208px -66px } .flag.flag-je { background-position: -224px -66px } .flag.flag-jm { background-position: -240px -66px } .flag.flag-jo { background-position: 0 -77px } .flag.flag-jp { background-position: -16px -77px } .flag.flag-ke { background-position: -32px -77px } .flag.flag-kg { background-position: -48px -77px } .flag.flag-kh { background-position: -64px -77px } .flag.flag-ki { background-position: -80px -77px } .flag.flag-km { background-position: -96px -77px } .flag.flag-kn { background-position: -112px -77px } .flag.flag-kp { background-position: -128px -77px } .flag.flag-kr { background-position: -144px -77px } .flag.flag-kurdistan { background-position: -160px -77px } .flag.flag-kw { background-position: -176px -77px } .flag.flag-ky { background-position: -192px -77px } .flag.flag-kz { background-position: -208px -77px } .flag.flag-la { background-position: -224px -77px } .flag.flag-lb { background-position: -240px -77px } .flag.flag-lc { background-position: 0 -88px } .flag.flag-li { background-position: -16px -88px } .flag.flag-lk { background-position: -32px -88px } .flag.flag-lr { background-position: -48px -88px } .flag.flag-ls { background-position: -64px -88px } .flag.flag-lt { background-position: -80px -88px } .flag.flag-lu { background-position: -96px -88px } .flag.flag-lv { background-position: -112px -88px } .flag.flag-ly { background-position: -128px -88px } .flag.flag-ma { background-position: -144px -88px } .flag.flag-mc { background-position: -160px -88px } .flag.flag-md { background-position: -176px -88px } .flag.flag-me { background-position: -192px -88px } .flag.flag-mg { background-position: -208px -88px } .flag.flag-mh { background-position: -224px -88px } .flag.flag-mk { background-position: -240px -88px } .flag.flag-ml { background-position: 0 -99px } .flag.flag-mm { background-position: -16px -99px } .flag.flag-mn { background-position: -32px -99px } .flag.flag-mo { background-position: -48px -99px } .flag.flag-mp { background-position: -64px -99px } .flag.flag-mq { background-position: -80px -99px } .flag.flag-mr { background-position: -96px -99px } .flag.flag-ms { background-position: -112px -99px } .flag.flag-mt { background-position: -128px -99px } .flag.flag-mu { background-position: -144px -99px } .flag.flag-mv { background-position: -160px -99px } .flag.flag-mw { background-position: -176px -99px } .flag.flag-mx { background-position: -192px -99px } .flag.flag-my { background-position: -208px -99px } .flag.flag-mz { background-position: -224px -99px } .flag.flag-na { background-position: -240px -99px } .flag.flag-nc { background-position: 0 -110px } .flag.flag-ne { background-position: -16px -110px } .flag.flag-nf { background-position: -32px -110px } .flag.flag-ng { background-position: -48px -110px } .flag.flag-ni { background-position: -64px -110px } .flag.flag-nl { background-position: -80px -110px } .flag.flag-no { background-position: -96px -110px } .flag.flag-np { background-position: -112px -110px } .flag.flag-nr { background-position: -128px -110px } .flag.flag-nu { background-position: -144px -110px } .flag.flag-nz { background-position: -160px -110px } .flag.flag-om { background-position: -176px -110px } .flag.flag-pa { background-position: -192px -110px } .flag.flag-pe { background-position: -208px -110px } .flag.flag-pf { background-position: -224px -110px } .flag.flag-pg { background-position: -240px -110px } .flag.flag-ph { background-position: 0 -121px } .flag.flag-pk { background-position: -16px -121px } .flag.flag-pl { background-position: -32px -121px } .flag.flag-pm { background-position: -48px -121px } .flag.flag-pn { background-position: -64px -121px } .flag.flag-pr { background-position: -80px -121px } .flag.flag-ps { background-position: -96px -121px } .flag.flag-pt { background-position: -112px -121px } .flag.flag-pw { background-position: -128px -121px } .flag.flag-py { background-position: -144px -121px } .flag.flag-qa { background-position: -160px -121px } .flag.flag-re { background-position: -176px -121px } .flag.flag-ro { background-position: -192px -121px } .flag.flag-rs { background-position: -208px -121px } .flag.flag-ru { background-position: -224px -121px } .flag.flag-rw { background-position: -240px -121px } .flag.flag-sa { background-position: 0 -132px } .flag.flag-sb { background-position: -16px -132px } .flag.flag-sc { background-position: -32px -132px } .flag.flag-scotland { background-position: -48px -132px } .flag.flag-sd { background-position: -64px -132px } .flag.flag-se { background-position: -80px -132px } .flag.flag-sg { background-position: -96px -132px } .flag.flag-sh { background-position: -112px -132px } .flag.flag-si { background-position: -128px -132px } .flag.flag-sk { background-position: -144px -132px } .flag.flag-sl { background-position: -160px -132px } .flag.flag-sm { background-position: -176px -132px } .flag.flag-sn { background-position: -192px -132px } .flag.flag-so { background-position: -208px -132px } .flag.flag-somaliland { background-position: -224px -132px } .flag.flag-sr { background-position: -240px -132px } .flag.flag-ss { background-position: 0 -143px } .flag.flag-st { background-position: -16px -143px } .flag.flag-sv { background-position: -32px -143px } .flag.flag-sx { background-position: -48px -143px } .flag.flag-sy { background-position: -64px -143px } .flag.flag-sz { background-position: -80px -143px } .flag.flag-tc { background-position: -96px -143px } .flag.flag-td { background-position: -112px -143px } .flag.flag-tf { background-position: -128px -143px } .flag.flag-tg { background-position: -144px -143px } .flag.flag-th { background-position: -160px -143px } .flag.flag-tibet { background-position: -176px -143px } .flag.flag-tj { background-position: -192px -143px } .flag.flag-tk { background-position: -208px -143px } .flag.flag-tl { background-position: -224px -143px } .flag.flag-tm { background-position: -240px -143px } .flag.flag-tn { background-position: 0 -154px } .flag.flag-to { background-position: -16px -154px } .flag.flag-tr { background-position: -32px -154px } .flag.flag-tt { background-position: -48px -154px } .flag.flag-tv { background-position: -64px -154px } .flag.flag-tw { background-position: -80px -154px } .flag.flag-tz { background-position: -96px -154px } .flag.flag-ua { background-position: -112px -154px } .flag.flag-ug { background-position: -128px -154px } .flag.flag-um { background-position: -144px -154px } .flag.flag-us { background-position: -160px -154px } .flag.flag-uy { background-position: -176px -154px } .flag.flag-uz { background-position: -192px -154px } .flag.flag-va { background-position: -208px -154px } .flag.flag-vc { background-position: -224px -154px } .flag.flag-ve { background-position: -240px -154px } .flag.flag-vg { background-position: 0 -165px } .flag.flag-vi { background-position: -16px -165px } .flag.flag-vn { background-position: -32px -165px } .flag.flag-vu { background-position: -48px -165px } .flag.flag-wales { background-position: -64px -165px } .flag.flag-wf { background-position: -80px -165px } .flag.flag-ws { background-position: -96px -165px } .flag.flag-xk { background-position: -112px -165px } .flag.flag-ye { background-position: -128px -165px } .flag.flag-yt { background-position: -144px -165px } .flag.flag-za { background-position: -160px -165px } .flag.flag-zanzibar { background-position: -176px -165px } .flag.flag-zm { background-position: -192px -165px } .flag.flag-zw { background-position: -208px -165px } form label { font-weight: 400 } textarea { resize: vertical } select { border: 1px solid #e5e7e9; border-radius: 6px; outline: none } .label { font-weight: 400 } label.required:after { content: "*"; font-size: .8em; margin: .3em; position: relative; top: -2px } .form-group { margin-bottom: 16px; margin-bottom: 1rem } .form-group:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .form-control { border-color: rgba(0,0,0,.09) } .form-control:not(.form-control-lg) { font-size: 12px; font-size: .75rem; line-height: 1.3 } .form-control:not(.form-control-sm):not(.form-control-lg) { font-size: 13.6px; font-size: .85rem; line-height: 1.85 } .form-control.form-control-focused { box-shadow: 0 1px 1px rgba(0,0,0,.075) inset; border-color: #ccc } .form-control:focus { box-shadow: 0 1px 1px rgba(0,0,0,.075) inset; border-color: #ccc } .form-control.error { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .form-control.error:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 } .form-select.form-select-icon-light { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzInIGQ9J00yIDVsNiA2IDYtNicvPjwvc3ZnPg==) } .page-link { border-color: rgba(0,0,0,.06) } .input-group .form-control { height: auto } .input-group-rounded .form-control { border-radius: 2rem 0 0 2rem; border: 0; padding-left: 16px; padding-left: 1rem } .input-group-rounded .btn { border-color: rgba(0,0,0,.09); border-radius: 0 2rem 2rem 0; font-size: 11.2px; font-size: .7rem; padding: 13.92px; padding: .87rem; border-top: 0; border-bottom: 0; border-right: 0; z-index: 3 } input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], textarea { -webkit-appearance: none } .form-control::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=color]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bdbdbd } .form-control::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=color]::-moz-placeholder, textarea::-moz-placeholder { color: #bdbdbd } .form-control:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=color]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bdbdbd } .form-placeholders-light .form-control::-webkit-input-placeholder, .form-placeholders-light input[type=text]::-webkit-input-placeholder, .form-placeholders-light input[type=password]::-webkit-input-placeholder, .form-placeholders-light input[type=datetime]::-webkit-input-placeholder, .form-placeholders-light input[type=datetime-local]::-webkit-input-placeholder, .form-placeholders-light input[type=date]::-webkit-input-placeholder, .form-placeholders-light input[type=month]::-webkit-input-placeholder, .form-placeholders-light input[type=time]::-webkit-input-placeholder, .form-placeholders-light input[type=week]::-webkit-input-placeholder, .form-placeholders-light input[type=number]::-webkit-input-placeholder, .form-placeholders-light input[type=email]::-webkit-input-placeholder, .form-placeholders-light input[type=url]::-webkit-input-placeholder, .form-placeholders-light input[type=search]::-webkit-input-placeholder, .form-placeholders-light input[type=tel]::-webkit-input-placeholder, .form-placeholders-light input[type=color]::-webkit-input-placeholder, .form-placeholders-light textarea::-webkit-input-placeholder { color: #fff } .form-placeholders-light .form-control::-moz-placeholder, .form-placeholders-light input[type=text]::-moz-placeholder, .form-placeholders-light input[type=password]::-moz-placeholder, .form-placeholders-light input[type=datetime]::-moz-placeholder, .form-placeholders-light input[type=datetime-local]::-moz-placeholder, .form-placeholders-light input[type=date]::-moz-placeholder, .form-placeholders-light input[type=month]::-moz-placeholder, .form-placeholders-light input[type=time]::-moz-placeholder, .form-placeholders-light input[type=week]::-moz-placeholder, .form-placeholders-light input[type=number]::-moz-placeholder, .form-placeholders-light input[type=email]::-moz-placeholder, .form-placeholders-light input[type=url]::-moz-placeholder, .form-placeholders-light input[type=search]::-moz-placeholder, .form-placeholders-light input[type=tel]::-moz-placeholder, .form-placeholders-light input[type=color]::-moz-placeholder, .form-placeholders-light textarea::-moz-placeholder { color: #fff } .form-placeholders-light .form-control:-ms-input-placeholder, .form-placeholders-light input[type=text]:-ms-input-placeholder, .form-placeholders-light input[type=password]:-ms-input-placeholder, .form-placeholders-light input[type=datetime]:-ms-input-placeholder, .form-placeholders-light input[type=datetime-local]:-ms-input-placeholder, .form-placeholders-light input[type=date]:-ms-input-placeholder, .form-placeholders-light input[type=month]:-ms-input-placeholder, .form-placeholders-light input[type=time]:-ms-input-placeholder, .form-placeholders-light input[type=week]:-ms-input-placeholder, .form-placeholders-light input[type=number]:-ms-input-placeholder, .form-placeholders-light input[type=email]:-ms-input-placeholder, .form-placeholders-light input[type=url]:-ms-input-placeholder, .form-placeholders-light input[type=search]:-ms-input-placeholder, .form-placeholders-light input[type=tel]:-ms-input-placeholder, .form-placeholders-light input[type=color]:-ms-input-placeholder, .form-placeholders-light textarea:-ms-input-placeholder { color: #fff } .btn-lg, .btn-group-lg > .btn { line-height: 1.334 } .input-group-btn .btn { padding-top: 8px; padding-top: .5rem; padding-bottom: 8px; padding-bottom: .5rem } select.form-control-sm, select.form-control-lg { line-height: 1; height: auto !important } .custom-select-1 { position: relative } .custom-select-1 select { line-height: 1; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select-1 select::-ms-expand { display: none } .custom-select-1.custom-select-1-icon-light select { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzInIGQ9J00yIDVsNiA2IDYtNicvPjwvc3ZnPg==) } .custom-checkbox-1 { position: relative; padding: 0 0 0 25px; margin-bottom: 7px; margin-top: 0 } .custom-checkbox-1.form-check .form-check-input { margin-left: 0 } .custom-checkbox-1.form-check .form-check-label { padding-left: 0 } .custom-checkbox-1.checkbox-inline { display: inline-block; vertical-align: middle } .form-group .custom-checkbox-1.checkbox-inline { margin-top: 7px; padding-top: 0 } .custom-checkbox-1:last-child, .custom-checkbox-1:last-of-type { margin-bottom: 0 } .custom-checkbox-1 input[type=checkbox] { opacity: 0; position: absolute; top: 50%; left: 3px; margin: -6px 0 0; z-index: 2; cursor: pointer } .custom-checkbox-1 input[type=checkbox]:checked + label:after { position: absolute; display: inline-block; font-family: 'font awesome 6 free'; content: '\F00C'; top: 50%; left: 4px; margin-top: -5px; font-size: 11px; font-weight: 900; line-height: 1; width: 16px; height: 16px; color: #333 } .custom-checkbox-1 input[type=checkbox]:disabled { cursor: not-allowed } .custom-checkbox-1 input[type=checkbox]:disabled:checked + label:after { color: #999 } .custom-checkbox-1 input[type=checkbox]:disabled + label { cursor: not-allowed } .custom-checkbox-1 input[type=checkbox]:disabled + label:before { background-color: #eee } .custom-checkbox-1 label { cursor: pointer; margin-bottom: 0; text-align: left; line-height: 1.5 } .custom-checkbox-1 label:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; width: 19px; height: 18px; display: inline-block; border-radius: 2px; border: 1px solid #dadada; background-color: #fff } .custom-checkbox-1 label + label.error { display: block } .custom-checkbox-1.checkbox-custom-transparent label:before { background-color: transparent } .custom-checkbox-1.checkbox-custom-transparent input[type=checkbox]:checked + label:after { color: #fff } .custom-checkbox-1.checkbox-custom-transparent input[type=checkbox]:disabled:checked + label:after { color: #999 } .custom-checkbox-switch { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 50px; height: 26px; background-color: #ccc; border: 1px solid #d9dadc; border-radius: 50px; cursor: pointer; transition: ease all 300ms } .custom-checkbox-switch:after { content: ''; position: absolute; top: 50%; left: 6px; width: 15px; height: 15px; background-color: #fff; border-radius: 50%; transform: translate3d(0,-50%,0); transition: ease left 300ms } .custom-checkbox-switch:checked { border-color: #ccc } .custom-checkbox-switch:checked:after { left: 27px } .bootstrap-timepicker-widget input { border: 0 } .bootstrap-timepicker-widget table td input { width: 40px } .fileupload .btn { line-height: 20px; margin-left: -5px } label.valid { display: inline-block; text-indent: -9999px } label.error { color: #c10000; font-size: .9em; line-height: 18px; padding: 5px 0 0 } label.error#captcha-error { margin-top: 15px } .form-errors-light .form-control.error { border-color: #fff } .form-errors-light label.error { color: #fff } input[type=searchi]::-webkit-search-cancel-button { margin-right: -7px !important } .simple-search .form-control { border-radius: 1.3rem 0 0 1.3rem; border-color: #eee; border-right: 0 } .simple-search .form-control:focus { box-shadow: none } .simple-search .btn { border: 0; box-shadow: none !important; border-radius: 0 1.3rem 1.3rem 0; border: 1px solid #eee; border-left: 0 } .search-with-select .mobile-search-toggle-btn { display: none } .search-with-select .search-form-wrapper > .form-control { background-color: #f4f4f4; border-radius: 1.3rem 0 0 1.3rem; border: 0; height: auto; padding: 9.6px 22.4px; padding: .6rem 1.4rem; font-size: 12.8px !important; font-size: .8rem !important; color: #8d8d8d } .search-with-select .search-form-wrapper > .form-control::-webkit-input-placeholder { color: #8d8d8d } .search-with-select .search-form-wrapper > .form-control::-moz-placeholder { color: #8d8d8d } .search-with-select .search-form-wrapper > .form-control:-ms-input-placeholder { color: #8d8d8d } .search-with-select .search-form-wrapper > .form-control:focus { box-shadow: none } .search-with-select .search-form-wrapper .search-form-select-wrapper { display: flex; background-color: #f4f4f4; border-radius: 0 1.3rem 1.3rem 0 } .search-with-select .search-form-wrapper .search-form-select-wrapper .custom-select-1:before { color: #8d8d8d } .search-with-select .search-form-wrapper .search-form-select-wrapper .custom-select-1 select { background-color: transparent; border: 1px solid #fff; border-top-width: 0; border-bottom-width: 0; border-radius: 0; color: #8d8d8d; height: 100%; z-index: 1 } .search-with-select .search-form-wrapper .search-form-select-wrapper .custom-select-1 select:focus { box-shadow: none } .search-with-select .search-form-wrapper .search-form-select-wrapper .btn { background: 0 0 !important; border: 0; box-shadow: none !important } .search-with-select .search-form-wrapper .search-form-select-wrapper .btn .header-nav-top-icon { font-size: 16px; font-size: 1rem; top: 2px; right: 2px; color: #212529; font-weight: 700 } @media(max-width:991px) { .search-with-select { position: relative; float: right } .search-with-select .mobile-search-toggle-btn { display: block; text-decoration: none } .search-with-select .mobile-search-toggle-btn.open + .search-form-wrapper { display: flex; visibility: visible; opacity: 1 } .search-with-select .mobile-search-toggle-btn > i { position: relative; top: 2px; font-size: 1.9rem } .search-with-select .search-form-wrapper { display: none; visibility: hidden; opacity: 0; position: absolute; top: 36px; left: 50%; transform: translate3d(-50%,0,0); width: 300px; background-color: #d8d8d8; padding: .2rem; border-radius: 28px; transition: ease opacity 300ms } .search-with-select .search-form-wrapper:before { content: ''; position: absolute; bottom: 100%; left: 50%; border-bottom: 6px solid #d8d8d8; border-left: 6px solid transparent; border-right: 6px solid transparent; transform: translate3d(-50%,0,0) } } .form-style-2 .form-group { margin-bottom: 11.2px; margin-bottom: .7rem } .form-style-2 .form-control { padding: 11.2px 16px; padding: .7rem 1rem; border: 0 } .form-style-2 .form-control::-webkit-input-placeholder { color: #202528; opacity: .5 } .form-style-2 .form-control::-moz-placeholder { color: #202528; opacity: .5 } .form-style-2 .form-control:-ms-input-placeholder { color: #202528; opacity: .5 } .form-style-2 .form-control:-moz-placeholder { color: #202528; opacity: .5 } .form-style-2 .form-control:not(textarea) { height: calc(2.2em + .75rem + 2px) } .form-style-2 .form-control.error { border-width: 2px } .form-style-3 .form-group { margin-bottom: 17.6px; margin-bottom: 1.1rem } .form-style-3 .form-control { padding: 11.2px 16px; padding: .7rem 1rem; background-color: #f4f4f4; border: none } .form-style-3 .form-control::-webkit-input-placeholder { color: #202528; opacity: .5 } .form-style-3 .form-control::-moz-placeholder { color: #202528; opacity: .5 } .form-style-3 .form-control:-ms-input-placeholder { color: #202528; opacity: .5 } .form-style-3 .form-control:-moz-placeholder { color: #202528; opacity: .5 } .form-style-3 .form-control.error { border: 2px solid #e21a1a } .form-style-4 .form-control { background-color: transparent; border-top: 0; border-right: 0; border-left: 0; border-bottom-color: rgba(0,0,0,.4); color: #fff; box-shadow: none !important; border-radius: 0 } .form-style-4 .form-control::-moz-placeholder { color: #d8d8d8 } .form-style-4 .form-control:-ms-input-placeholder { color: #d8d8d8 } .form-style-4 .form-control::placeholder { color: #d8d8d8 } .form-style-4 select.form-control { color: #fff } .form-style-4 select.form-control option { color: #777 } .form-style-4 .form-check-label { color: #d8d8d8 } .form-style-4.form-style-4-text-dark .form-control { color: #212121 } .form-style-4.form-style-4-text-dark .form-control::-moz-placeholder { color: #777 } .form-style-4.form-style-4-text-dark .form-control:-ms-input-placeholder { color: #777 } .form-style-4.form-style-4-text-dark .form-control::placeholder { color: #777 } .form-style-4.form-style-4-text-dark .form-check-label { color: #777 } .form-style-4.form-style-4-border-light .form-control { border-color: rgba(255,255,255,.4) } .form-style-4.form-style-4-border-light-2 .form-control { border-color: rgba(255,255,255,.15) } .form-style-4.form-with-icons .form-control { padding-left: 31px } .form-style-5 .form-control { background-color: rgba(255,255,255,.05); border-radius: 35px; height: auto; padding: 8px 24px; padding: .5rem 1.5rem; color: #bfbfbf } .form-style-5 .form-control:focus { border-color: #676767 } .form-label-group { position: relative; margin-bottom: 16px; margin-bottom: 1rem } .form-label-group input, .form-label-group label { height: 50px; height: 3.125rem; padding: 12px; padding: .75rem } .form-label-group label { position: absolute; top: 0; left: 0; display: block; width: 100%; margin-bottom: 0; line-height: 1.5; color: #495057; pointer-events: none; cursor: text; border: 1px solid transparent; border-radius: .25rem; transition: all .1s ease-in-out } .form-label-group input::-moz-placeholder { color: transparent } .form-label-group input:-ms-input-placeholder { color: transparent } .form-label-group input::placeholder { color: transparent } .form-label-group input:not(:-moz-placeholder-shown) { padding-top: 20px; padding-top: 1.25rem; padding-bottom: 4px; padding-bottom: .25rem } .form-label-group input:not(:-ms-input-placeholder) { padding-top: 20px; padding-top: 1.25rem; padding-bottom: 4px; padding-bottom: .25rem } .form-label-group input:not(:placeholder-shown) { padding-top: 20px; padding-top: 1.25rem; padding-bottom: 4px; padding-bottom: .25rem } .form-label-group input:not(:-moz-placeholder-shown) ~ label { padding-top: 4px; padding-top: .25rem; padding-bottom: 4px; padding-bottom: .25rem; font-size: 12px; color: #777 } .form-label-group input:not(:-ms-input-placeholder) ~ label { padding-top: 4px; padding-top: .25rem; padding-bottom: 4px; padding-bottom: .25rem; font-size: 12px; color: #777 } .form-label-group input:not(:placeholder-shown) ~ label { padding-top: 4px; padding-top: .25rem; padding-bottom: 4px; padding-bottom: .25rem; font-size: 12px; color: #777 } .form-label-group label { position: static } .form-label-group input::-ms-input-placeholder { color: #777 } .form-squared-borders .form-control { border-radius: 0 } .form-with-icons .form-control { padding-left: 41px } .form-fields-rounded .form-control { padding-left: 18px; padding-right: 18px; border-radius: 35px } .form-fields-rounded textarea.form-control { border-radius: 22px } .form-with-shadow .form-control { box-shadow: 0 0 17px -4px rgba(0,0,0,.1) !important } .form-fields-size-sm .form-control { padding: 0 15px; height: 40px } .form-fields-size-sm textarea.form-control { padding: 12px 15px; height: auto } .form-fields-size-md .form-control { padding: 0 23px; height: 54px } .form-fields-size-md textarea.form-control { padding: 18px 23px; height: auto } .form-fields-size-lg .form-control { padding: 0 25px; height: 63px } .form-fields-size-lg textarea.form-control { padding: 23px 25px; height: auto } .form-fields-font-size-sm .form-control:not(.form-control-sm):not(.form-control-lg) { font-size: 12px; font-size: .75rem } .form-fields-font-size-md .form-control:not(.form-control-sm):not(.form-control-lg) { font-size: 15.2px; font-size: .95rem } .form-fields-font-size-lg .form-control:not(.form-control-sm):not(.form-control-lg) { font-size: 18.4px; font-size: 1.15rem } [data-plugin-gdpr-wrapper] { opacity: 0; transition: ease opacity 300ms } [data-plugin-gdpr-wrapper].show { opacity: 1 } .gdpr-bar { position: fixed; width: 100%; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: space-between; background: rgba(0,0,0,.9); padding: 16px 24px; padding: 1rem 1.5rem; z-index: 1050; opacity: 0; visibility: hidden; transform: translate3d(0,100%,0); transition: ease opacity 300ms,ease transform 300ms } .gdpr-bar .gdpr-bar-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 15px } .gdpr-bar .gdpr-bar-actions .gdpr-agree-trigger { margin-left: 32px; margin-left: 2rem } .gdpr-bar.show { opacity: 1; visibility: visible; transform: translate3d(0,0,0) } .gdpr-bar.removing { opacity: 0; transform: translate3d(0,100%,0) } @media(min-width:1200px) { .gdpr-bar { flex-direction: row; align-items: center } .gdpr-bar .gdpr-bar-actions { justify-content: flex-end; margin-top: 0 } } .gdpr-preferences-popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 0 20px; background: rgba(0,0,0,.8); z-index: 1051; opacity: 0; visibility: hidden; transition: ease opacity 300ms } .gdpr-preferences-popup .gdpr-preferences-popup-content { max-width: 1000px; background: #fff } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-close-popup { position: absolute; top: 25px; right: 25px } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body { max-height: 60vh; overflow-y: auto; padding: 40px; padding: 2.5rem } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item { display: flex; flex-wrap: wrap; font-size: 12.8px; font-size: .8rem } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-title { width: 100% } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-description { width: 70% } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-action { width: 30%; text-align: right } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item + .gdpr-cookie-item { margin-top: 10px } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-footer { display: flex; align-items: center; justify-content: space-between; padding: 24px 40px; padding: 1.5rem 2.5rem; background: #f4f4f4 } .gdpr-preferences-popup.show { opacity: 1; visibility: visible } @media(min-width:992px) { .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item { flex-wrap: nowrap } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-title { width: 20% } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-description { width: 60% } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-action { width: 20% } } h1, h2, h3, h4, h5, h6 { color: #212529; font-weight: 200; letter-spacing: -.05em; margin: 0; -webkit-font-smoothing: antialiased } h1 { font-size: 2.6em; line-height: 44px; margin: 0 0 32px } h2 { font-size: 2.2em; font-weight: 300; line-height: 42px; margin: 0 0 32px } h3 { font-size: 1.8em; font-weight: 400; line-height: 24px; margin-bottom: 33px; text-transform: uppercase } h4 { font-size: 1.4em; font-weight: 600; line-height: 27px; margin: 0 0 14px } h5 { font-size: 1em; font-weight: 600; line-height: 18px; margin: 0 0 14px; text-transform: uppercase } h6 { color: #333; font-size: 1em; font-weight: 400; line-height: 18px; margin: 0 0 14px } h1.big { font-size: 4.2em; line-height: 54px } h1.small { font-size: 2.2em; line-height: 42px; font-weight: 600 } h1.short { margin-bottom: 15px } h2.short { margin-bottom: 15px } h3.short, h4.short, h5.short, h6.short { margin-bottom: 9px } h1.shorter, h2.shorter, h3.shorter, h4.shorter, h5.shorter, h6.shorter { margin-bottom: 0 } h1.tall, h2.tall, h3.tall, h4.tall, h5.tall, h6.tall { margin-bottom: 33px } h1.taller, h2.taller, h3.taller, h4.taller, h5.taller, h6.taller { margin-bottom: 44px } h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced { margin-top: 22px } h1.more-spaced, h2.more-spaced, h3.more-spaced, h4.more-spaced, h5.more-spaced, h6.more-spaced { margin-top: 44px } h1.dark, h2.dark, h3.dark, h4.dark, h5.dark { color: #212529 } h1.light, h2.light, h3.light, h4.light, h5.light, h6.light { color: #fff } h1.text-shadow, h2.text-shadow, h3.text-shadow, h4.text-shadow, h5.text-shadow, h6.text-shadow { text-shadow: 1px 1px 0 rgba(0,0,0,.2) } .heading.heading-border { margin-bottom: 25px } .heading.heading-border h1, .heading.heading-border h2, .heading.heading-border h3, .heading.heading-border h4, .heading.heading-border h5, .heading.heading-border h6 { margin: 0; padding: 0 } .heading.heading-bottom-border h1 { border-bottom: 5px solid #eaeaea; padding-bottom: 10px } .heading.heading-bottom-border h2, .heading.heading-bottom-border h3 { border-bottom: 2px solid #eaeaea; padding-bottom: 10px } .heading.heading-bottom-border h4, .heading.heading-bottom-border h5, .heading.heading-bottom-border h6 { border-bottom: 1px solid #eaeaea; padding-bottom: 5px } .heading.heading-bottom-double-border h1, .heading.heading-bottom-double-border h2, .heading.heading-bottom-double-border h3 { border-bottom: 3px double #eaeaea; padding-bottom: 10px } .heading.heading-bottom-double-border h4, .heading.heading-bottom-double-border h5, .heading.heading-bottom-double-border h6 { border-bottom: 3px double #eaeaea; padding-bottom: 5px } .heading.heading-middle-border { position: relative } .heading.heading-middle-border:before { border-top: 1px solid #eaeaea; content: ""; height: 0; left: auto; position: absolute; right: 0; top: 50%; width: 100% } .heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 { position: relative; background: #fff; display: inline-block } .heading.heading-middle-border h1 { padding-right: 15px } .heading.heading-middle-border h2, .heading.heading-middle-border h3 { padding-right: 10px } .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 { padding-right: 5px } .heading.heading-middle-border-reverse { text-align: right } .heading.heading-middle-border-reverse h1, .heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3, .heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6 { padding-right: 0 } .heading.heading-middle-border-reverse h1 { padding-left: 15px } .heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3 { padding-left: 10px } .heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6 { padding-left: 5px } .heading.heading-middle-border-center { text-align: center } .heading.heading-middle-border-center h1 { padding-left: 15px; padding-right: 15px } .heading.heading-middle-border-center h2, .heading.heading-middle-border-center h3 { padding-left: 10px; padding-right: 10px } .heading.heading-middle-border-center h4, .heading.heading-middle-border-center h5, .heading.heading-middle-border-center h6 { padding-left: 5px; padding-right: 5px } .heading.heading-border-xs:before { border-top-width: 1px } .heading.heading-border-sm:before { border-top-width: 2px } .heading.heading-border-lg:before { border-top-width: 3px } .heading.heading-border-xl:before { border-top-width: 5px } .modal-header h3 { color: #333; text-transform: none } @media(max-width:575px) { h2 { line-height: 40px } } @media(max-width:767px) { h1.big { font-size: 3.2em; line-height: 42px } } .highlight { position: relative; background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,#CCC 0); background-size: 200%; background-position: 0; padding-right: 8px; padding-right: .5rem; padding-left: 8px; padding-left: .5rem; transition: background-position .8s } .highlight.highlight-bg-opacity { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(204,204,204,0.2) 0) } .highlight.highlight-change-text-color { color: #fff } .highlight.highlight-animated.highlight-animated-start { background-position: -100% } .featured-icon { display: inline-flex; align-items: center; justify-content: center; background: #ccc; border-radius: 100%; color: #fff; height: 2.5em; line-height: 2.5em; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 2.5em } .featured-icon i { color: #fff; font-size: .9em } .featured-icon.featured-icon-style-2 { width: 5em; height: 5em; line-height: 5em } .featured-icon.featured-icon-hover-effect-1 { transition: ease transform 300ms } .featured-icon.featured-icon-hover-effect-1:hover { transform: scale(1.1) } .sample-icon-list { margin-top: 22px } .sample-icon-list .sample-icon a { display: block; color: #222; line-height: 36px; height: 36px; padding-left: 10px; border-radius: 4px; font-size: 11px } .sample-icon-list .sample-icon a [class*=fa-], .sample-icon-list .sample-icon a .icons { width: 32px; font-size: 14px; display: inline-block; text-align: right; margin-right: 10px } .sample-icon-list .sample-icon a:hover { color: #fff; text-decoration: none } .sample-icon-list .sample-icon a:hover [class*=fa-], .sample-icon-list .sample-icon a:hover .icons { font-size: 28px; vertical-align: -6px } #lineIcons .sample-icon-list .sample-icon a { line-height: 39px } i.pi { position: relative; display: inline-flex; align-items: center; justify-content: center; font-style: normal; font-size: 14px } i.pi.pi-porto-brand:before { content: '\f111'; font-family: 'font awesome 6 free'; font-weight: 700; font-size: .51em; color: #fff; padding: 1.2em } i.pi.pi-porto-brand:after { content: ''; width: 2em; height: 2em; border: .5em solid #fff; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0) } i.pi.pi-close { padding: .6em; transform: rotate(45deg) } i.pi.pi-close:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); border-right: 1px solid #fff; height: 1em } i.pi.pi-close:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); border-bottom: 1px solid #fff; width: 1em } .icon-aria-expanded-change[aria-expanded=true] .fa-chevron-down { display: none } .icon-aria-expanded-change[aria-expanded=false] .fa-chevron-up { display: none } [data-icon] { opacity: 0 } .icon-animated { opacity: 0 } .elements-list-shadow-icon { font-size: 64px; font-size: 4rem; position: absolute; top: -18px; opacity: .08; right: -18px } .icon-bg { display: inline-block; background: url(../img/icons/icons.png) no-repeat; width: 80px; height: 80px } .icon-1 { background-position: -10px -10px } .icon-2 { background-position: -110px -10px } .icon-3 { background-position: -210px -10px } .icon-plugin-1 { background-position: 0 100%; width: 115px; height: 115px } .icon-plugin-2 { background-position: -115px 100%; width: 115px; height: 115px } .icon-feature-1 { background-position: -20px -110px } .icon-feature-2 { background-position: -120px -110px } .icon-feature-3 { background-position: -220px -110px } .icon-feature-4 { background-position: -320px -110px } .icon-feature-5 { background-position: -420px -110px } .icon-feature-6 { background-position: -520px -110px } .icon-feature-7 { background-position: -620px -110px } .icon-feature-8 { background-position: -720px -110px } .icon-feature-9 { background-position: -820px -110px } .icon-feature-10 { background-position: -920px -110px } .icon-feature-11 { background-position: -20px -210px } .icon-feature-12 { background-position: -120px -210px } .icon-feature-13 { background-position: -220px -210px } .icon-feature-14 { background-position: -320px -210px } .icon-feature-15 { background-position: -420px -210px } .icon-feature-16 { background-position: -520px -210px } .icon-feature-17 { background-position: -624px -210px } .icon-feature-18 { background-position: -720px -210px } .icon-feature-19 { background-position: -820px -210px } .icon-menu-1 { background-position: -310px -10px } .icon-menu-2 { background-position: -410px -10px } .icon-menu-3 { background-position: -510px -10px } .icon-menu-4 { background-position: -610px -10px } .img-thumbnail { border-radius: 4px; position: relative } .img-thumbnail img { border-radius: 4px } .img-thumbnail .zoom { background: #ccc; border-radius: 100%; bottom: 8px; color: #fff; display: block; height: 30px; padding: 6px; position: absolute; right: 8px; text-align: center; width: 30px } .img-thumbnail .zoom i { font-size: 10px; left: 0; position: relative; top: -6px } .img-thumbnail.img-thumbnail-hover-icon { position: relative } .img-thumbnail.img-thumbnail-hover-icon img { position: relative; z-index: 1 } .img-thumbnail.img-thumbnail-hover-icon:before { transition: all .2s; background: rgba(0,0,0,.65); border-radius: 4px; content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 2 } .img-thumbnail.img-thumbnail-hover-icon:after { transition: all .2s; font-family: 'font awesome 6 free'; font-weight: 900; color: #fff; content: "\f067"; font-size: 18px; height: 30px; position: absolute; top: 30%; margin-top: -15px; display: block; text-align: center; width: 100%; opacity: 0; z-index: 3 } .img-thumbnail.img-thumbnail-hover-icon:hover:before { opacity: 1 } .img-thumbnail.img-thumbnail-hover-icon:hover:after { top: 50%; opacity: 1 } .img-thumbnail a.img-thumbnail-hover-icon { display: inline-block } .img-thumbnail.img-thumbnail-no-borders { border: none; padding: 0 } ul.image-gallery { list-style: none; margin: 0; padding: 0 } ul.image-gallery .image-gallery-item { margin-bottom: 35px } ul.thumbnail-gallery { list-style: none; margin: 10px 0; padding: 0 } ul.thumbnail-gallery li { display: inline-block; margin: 10px 10px 0 0; padding: 0 } @media(max-width:991px) { .thumbnail { border: 0; text-align: center } } .masonry .masonry-item:not(.no-default-style) { width: 25% } .masonry .masonry-item:not(.no-default-style).w2 { width: 50% } .masonry .masonry-item:not(.no-default-style) img { border-radius: 0 !important } .masonry-loader { height: auto; overflow: visible; position: relative } .masonry-loader:after { transition: all .5s; content: ' '; background: #fff; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; opacity: 0 } .masonry-loader .bounce-loader { display: none } .masonry-loader.masonry-loader-showing { height: 200px; overflow: hidden } .masonry-loader.masonry-loader-showing:after { opacity: 1 } .masonry-loader.masonry-loader-showing .bounce-loader { display: block } .masonry-loader.masonry-loader-loaded:after { display: none } @media(min-width:992px) { .mockup-landing-page { margin-top: -120px } } .hover-effect-3d { transform-style: flat !important } .hover-effect-3d .thumb-info { will-change: box-shadow; transition: box-shadow 300ms } .hover-effect-3d .thumb-info:hover { box-shadow: 0 17px 20px -15px rgba(33,37,41,.6) } .hover-effect-3d .thumb-info .thumb-info-title { transition: ease-out opacity .2s !important } .hover-effect-3d .thumb-info .thumb-info-action { transition: ease-out opacity .2s !important } .hover-effect-3d .thumb-info .thumb-info-action .thumb-info-action-icon { pointer-events: none } .hover-effect-3d .thumb-info.thumb-info-centered-info .thumb-info-title { top: 47% } .profile-image-outer-container { margin-top: auto; margin-bottom: auto; border-radius: 50%; position: relative; cursor: pointer } .profile-image-outer-container .profile-image-input { position: absolute; top: 0; height: 100%; opacity: 0; z-index: 3; cursor: pointer } .profile-image-outer-container .profile-image-inner-container { border-radius: 50%; padding: 5px } .profile-image-outer-container .profile-image-inner-container img { height: 200px; width: 200px; border-radius: 50%; border: 5px solid #fff } .profile-image-outer-container .profile-image-inner-container .profile-image-button { position: absolute; z-index: 2; bottom: 15px; right: 15px; width: 40px; height: 40px; text-align: center; border-radius: 50%; line-height: 38px; transition: ease all .1s } .profile-image-outer-container:hover .profile-image-button { transform: scale(1.1) } .lazy-bg { background-image: url(img/lazy.html) } .thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item { border: 2px solid #f7f7f7; transition: ease all 300ms } .thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item:hover, .thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item.selected { border: 2px solid #212121 } button.mfp-arrow { display: flex; align-items: center; justify-content: center; top: 50%; left: 0; border-radius: 4px; background: #212529; width: 35px; height: 100px; color: #fff; margin: 0 !important; transform: translate3d(0,-50%,0) } button.mfp-arrow:before { content: none } button.mfp-arrow:after { content: "\f053"; font-family: 'font awesome 6 free'; font-weight: 900; border: none !important } button.mfp-arrow.mfp-arrow-left { border-top-left-radius: 0; border-bottom-left-radius: 0 } button.mfp-arrow.mfp-arrow-left:after { margin-left: 0; margin-top: 0; position: relative; top: auto; left: -2px; width: auto; height: auto } button.mfp-arrow.mfp-arrow-right { left: auto; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0 } button.mfp-arrow.mfp-arrow-right:after { content: "\f054"; margin-left: 0; margin-top: 0; position: relative; top: auto; left: auto; right: -2px; width: auto; height: auto } .mfp-close, .mfp-close-btn-in .mfp-close { font-family: 'Nunito', sans-serif; font-weight: 600; font-size: 22px; color: #838383 } .mfp-no-margins img.mfp-img { padding: 0 } .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0 } .mfp-no-margins .mfp-container { padding: 0 } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: .001; transition: all .3s ease-out } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1 } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: .8 } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0 } .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; transition: all .2s ease-in-out; transform: scale(.8) } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; transform: scale(1) } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { transform: scale(.8); opacity: 0 } .my-mfp-zoom-in.mfp-bg { opacity: .001; transition: opacity .3s ease-out } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: .8 } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0 } .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; transition: all .2s ease-out; transform: translateY(-20px) perspective(600px) rotateX(10deg) } .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; transform: translateY(0) perspective(600px) rotateX(0) } .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; transform: translateY(-10px) perspective(600px) rotateX(10deg) } .my-mfp-slide-bottom.mfp-bg { opacity: .01; transition: opacity .3s ease-out } .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: .8 } .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0 } .mfp-fade.mfp-bg { opacity: 0; transition: all .15s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity: .8 } .mfp-fade.mfp-bg.mfp-removing { opacity: 0 } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all .15s ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .dialog { background: #fff; padding: 20px 30px; text-align: left; margin: 40px auto; position: relative; max-width: 600px } .dialog.dialog-xs { max-width: 200px } .dialog.dialog-sm { max-width: 400px } .dialog.dialog-md { max-width: 600px } .dialog.dialog-lg { max-width: 900px } .dialog.mfp-close-out .mfp-close { top: -50px; right: -15px; color: #fff } .white-popup-block { background: #fff; padding: 20px 30px; text-align: left; max-width: 600px; margin: 40px auto; position: relative } .white-popup-block.white-popup-block-xs { max-width: 200px } .white-popup-block.white-popup-block-sm { max-width: 400px } .white-popup-block.white-popup-block-md { max-width: 600px } .white-popup-block.white-popup-block-lg { max-width: 900px } html.lightbox-opened.sticky-header-active #header .header-body { padding-right: 17px } .modal-open { padding-right: 0 !important } .list li { margin-bottom: 13px } .list.pull-left li { text-align: left } .list.list-icons { list-style: none; padding-left: 0; padding-right: 0 } .list.list-icons li { position: relative; padding-left: 25px } .list.list-icons li > [class*=fa-]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > [class*=fa-]:first-child, .list.list-icons li a:first-child > .icons:first-child { position: absolute; left: 0; top: 5px } .list.list-icons.list-icons-style-2 li { padding-top: 5px; padding-left: 36px } .list.list-icons.list-icons-style-2 li > [class*=fa-]:first-child, .list.list-icons.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-style-2 li a:first-child > [class*=fa-]:first-child, .list.list-icons.list-icons-style-2 li a:first-child > .icons:first-child { border-width: 1px; border-style: solid; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 4px; font-size: .8em; line-height: 1.3 } .list.list-icons.list-icons-style-3 li { padding-top: 5px; padding-left: 36px } .list.list-icons.list-icons-style-3 li > [class*=fa-]:first-child, .list.list-icons.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-style-3 li a:first-child > [class*=fa-]:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { color: #fff; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 5px; font-size: .8em; line-height: 1.3 } .list.list-icons.list-icons-sm li { padding-left: 13px; margin-bottom: 5px } .list.list-icons.list-icons-sm li > [class*=fa-]:first-child, .list.list-icons.list-icons-sm li > .icons:first-child, .list.list-icons.list-icons-sm li a:first-child > [class*=fa-]:first-child, .list.list-icons.list-icons-sm li a:first-child > .icons:first-child { font-size: .8em; top: 7px } .list.list-icons.list-icons-sm.list-icons-style-2 li { padding-left: 32px } .list.list-icons.list-icons-sm.list-icons-style-2 li > [class*=fa-]:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > [class*=fa-]:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > .icons:first-child { width: 20px; height: 20px; padding: 3px } .list.list-icons.list-icons-sm.list-icons-style-3 li { padding-left: 32px } .list.list-icons.list-icons-sm.list-icons-style-3 li > [class*=fa-]:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > [class*=fa-]:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > .icons:first-child { width: 20px; height: 20px; padding: 3px } .list.list-icons.list-icons-lg li { padding-top: 5px; padding-left: 27px } .list.list-icons.list-icons-lg li > [class*=fa-]:first-child, .list.list-icons.list-icons-lg li > .icons:first-child, .list.list-icons.list-icons-lg li a:first-child > [class*=fa-]:first-child, .list.list-icons.list-icons-lg li a:first-child > .icons:first-child { font-size: 1.3em; top: 10px } .list.list-icons.list-icons-lg.list-icons-style-2 li { padding-top: 8px; padding-left: 42px } .list.list-icons.list-icons-lg.list-icons-style-2 li > [class*=fa-]:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > [class*=fa-]:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > .icons:first-child { width: 30px; height: 30px; padding: 4px } .list.list-icons.list-icons-lg.list-icons-style-3 li { padding-top: 8px; padding-left: 42px } .list.list-icons.list-icons-lg.list-icons-style-3 li > [class*=fa-]:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > [class*=fa-]:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > .icons:first-child { width: 30px; height: 30px; padding: 4px } .list.list-icons.list-icons-reverse li { text-align: right; padding-right: 25px; padding-left: 0 } .list.list-icons.list-icons-reverse li > [class*=fa-]:first-child, .list.list-icons.list-icons-reverse li > .icons:first-child, .list.list-icons.list-icons-reverse li a:first-child > [class*=fa-]:first-child, .list.list-icons.list-icons-reverse li a:first-child > .icons:first-child { position: absolute; left: auto; right: 0; top: 5px } .list.list-icons.list-icons-reverse.list-icons-style-2 li { padding-right: 36px } .list.list-icons.list-icons-reverse.list-icons-style-3 li { padding-right: 36px } .list.list-icons.list-icons-reverse.list-icons-sm li { padding-left: 0; padding-right: 13px } .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-2 li { padding-right: 32px } .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-3 li { padding-right: 32px } .list.list-icons.list-icons-reverse.list-icons-lg li { padding-left: 0; padding-right: 32px } .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-2 li { padding-right: 42px } .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-3 li { padding-right: 42px } .list.list-borders li { border-bottom: 1px solid #eaeaea; margin-top: 9px; margin-bottom: 0; padding-bottom: 9px } .list.list-borders li:last-child { border-bottom: 0 } .list.list-side-borders { border-left: 1px solid #eaeaea; padding-left: 10px } .list.list-ordened { counter-reset: custom-counter; list-style: none } .list.list-ordened li { position: relative; padding-left: 22px } .list.list-ordened li:before { position: absolute; top: 0; left: 0; content: counter(custom-counter); counter-increment: custom-counter; font-weight: 700 } .list.list-ordened.list-ordened-style-2 li, .list.list-ordened.list-ordened-style-3 li { padding-left: 32px } .list.list-ordened.list-ordened-style-2 li:before, .list.list-ordened.list-ordened-style-3 li:before { border-radius: 100%; border-style: solid; border-width: 1px; min-width: 26px; padding: 0; text-align: center } .list.list-ordened.list-ordened-style-3 li:before { color: #fff; border: 0 } .list.list-unstyled { padding-left: 0; padding-right: 0 } .list-unstyled { padding-left: 0; padding-right: 0 } dl dd { margin-bottom: 15px } ul.sitemap > li > a { font-weight: 700 } ul.sitemap.list li { margin: 0 0 3px } ul.sitemap.list ul { margin-bottom: 5px; margin-top: 5px } .loading-overlay-showing { overflow: hidden } .loading-overlay-showing > .loading-overlay { opacity: 1; visibility: visible } .loading-overlay { transition: visibility 0 ease-in-out .5s,opacity .5s ease-in-out; bottom: 0; left: 0; position: absolute; opacity: 0; right: 0; top: 0; visibility: hidden; background: #fff !important } body > .loading-overlay { position: fixed; z-index: 999999 } .bounce-loader { transition: all .2s; margin: -9px 0 0 -35px; text-align: center; width: 70px; left: 50%; position: absolute; top: 50%; z-index: 10000 } .bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3 { -webkit-animation: 1.4s ease-in-out 0 normal both infinite bouncedelay; animation: 1.4s ease-in-out 0 normal both infinite bouncedelay; background-color: #ccc; border-radius: 100%; box-shadow: 0 0 20px 0 rgba(0,0,0,.15); display: inline-block; height: 18px; width: 18px } .bounce-loader .bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s } .bounce-loader .bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s } @-webkit-keyframes bouncedelay { 0%,80%,100% { transform: scale(0) } 40% { transform: scale(1) } } @keyframes bouncedelay { 0%,80%,100% { transform: scale(0) } 40% { transform: scale(1) } } html.safari.iphone .bounce-loader .bounce1, html.safari.iphone .bounce-loader .bounce2, html.safari.iphone .bounce-loader .bounce3 { -webkit-animation: 1.4s ease-in-out infinite bouncedelay; animation: 1.4s ease-in-out infinite bouncedelay } .loading-overlay.loading-overlay-percentage { display: flex; align-items: center; justify-content: center } .loading-overlay.loading-overlay-percentage .page-loader-progress-wrapper { display: flex; font-size: 65.6px; font-size: 4.1rem; font-weight: 700; letter-spacing: -1.5px; color: #212121 } .loading-overlay.loading-overlay-percentage.loading-overlay-percentage-effect-2 .loading-overlay-background-layer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 0; background: #f4f4f4; z-index: 0; transition: ease width 300ms } .loading-overlay.loading-overlay-percentage.loading-overlay-percentage-effect-2 .page-loader-progress-wrapper { position: relative; z-index: 1 } .cssload-thecube { width: 40px; height: 40px; margin: 0 auto; margin-top: -20px; position: relative; transform: rotateZ(45deg) } .cssload-thecube .cssload-cube { position: relative; float: left; width: 50%; height: 50%; transform: rotateZ(45deg); transform: scale(1.1) } .cssload-thecube .cssload-cube:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ccc; -webkit-animation: cssload-fold-thecube 1.68s infinite linear both; animation: cssload-fold-thecube 1.68s infinite linear both; transform-origin: 100% 100% } .cssload-thecube .cssload-c2 { transform: scale(1.1) rotateZ(90deg) } .cssload-thecube .cssload-c2:before { -webkit-animation-delay: .205s; animation-delay: .205s } .cssload-thecube .cssload-c3 { transform: scale(1.1) rotateZ(180deg) } .cssload-thecube .cssload-c3:before { -webkit-animation-delay: .42s; animation-delay: .42s } .cssload-thecube .cssload-c4 { transform: scale(1.1) rotateZ(270deg) } .cssload-thecube .cssload-c4:before { -webkit-animation-delay: .625s; animation-delay: .625s } @-webkit-keyframes cssload-fold-thecube { 0%,10% { transform: perspective(129px) rotateX(-180deg); opacity: 0 } 25%,75% { transform: perspective(129px) rotateX(0deg); opacity: 1 } 90%,100% { transform: perspective(129px) rotateY(180deg); opacity: 0 } } @keyframes cssload-fold-thecube { 0%,10% { transform: perspective(129px) rotateX(-180deg); opacity: 0 } 25%,75% { transform: perspective(129px) rotateX(0deg); opacity: 1 } 90%,100% { transform: perspective(129px) rotateY(180deg); opacity: 0 } } .cssload-cube-progress { display: block; margin: 0 auto; width: 29px; height: 29px; position: relative; border: 4px solid #ccc; -webkit-animation: cssload-cube-progress 2.3s infinite ease; animation: cssload-cube-progress 2.3s infinite ease } .cssload-cube-progress-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #ccc; -webkit-animation: cssload-cube-progress-inner 2.3s infinite ease-in; animation: cssload-cube-progress-inner 2.3s infinite ease-in } @-webkit-keyframes cssload-cube-progress { 0% { transform: rotate(0deg) } 25% { transform: rotate(180deg) } 50% { transform: rotate(180deg) } 75% { transform: rotate(360deg) } 100% { transform: rotate(360deg) } } @keyframes cssload-cube-progress { 0% { transform: rotate(0deg) } 25% { transform: rotate(180deg) } 50% { transform: rotate(180deg) } 75% { transform: rotate(360deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes cssload-cube-progress-inner { 0% { height: 0 } 25% { height: 0 } 50% { height: 100% } 75% { height: 100% } 100% { height: 0 } } @keyframes cssload-cube-progress-inner { 0% { height: 0 } 25% { height: 0 } 50% { height: 100% } 75% { height: 100% } 100% { height: 0 } } .cssload-float-rings-loader { position: relative; left: calc(50% - 15px); width: 40px; height: 40px; border-radius: 50%; perspective: 380px } .cssload-float-rings-inner { position: absolute; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50% } .cssload-float-rings-inner.cssload-one { left: 0; top: 0; -webkit-animation: cssload-rotate-one 1.15s linear infinite; animation: cssload-rotate-one 1.15s linear infinite; border-bottom: 1px solid #ccc } .cssload-float-rings-inner.cssload-two { right: 0; top: 0; -webkit-animation: cssload-rotate-two 1.15s linear infinite; animation: cssload-rotate-two 1.15s linear infinite; border-right: 1px solid #ccc } .cssload-float-rings-inner.cssload-three { right: 0; bottom: 0; -webkit-animation: cssload-rotate-three 1.15s linear infinite; animation: cssload-rotate-three 1.15s linear infinite; border-top: 1px solid #ccc } @-webkit-keyframes cssload-rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg) } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg) } } @keyframes cssload-rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg) } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg) } } @-webkit-keyframes cssload-rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg) } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg) } } @keyframes cssload-rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg) } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg) } } @-webkit-keyframes cssload-rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg) } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg) } } @keyframes cssload-rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg) } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg) } } .cssload-float-bars-container { margin: -70px auto 0; max-width: 545px; transform: rotate(90deg) } .cssload-float-bars-container * { box-sizing: border-box } .cssload-float-bars-container ul li { list-style: none } .cssload-float-bars-flex-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around } .cssload-float-bars-flex-container li { padding: 10px; height: 97px; width: 97px; margin: 29px 19px; position: relative; text-align: center } .cssload-float-bars-loading, .cssload-float-bars-loading:after, .cssload-float-bars-loading:before { display: inline-block; position: relative; width: 5px; height: 49px; background: #ccc; margin-top: 5px; border-radius: 975px; -webkit-animation: cssload-upDown2 1.15s ease infinite; animation: cssload-upDown2 1.15s ease infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-delay: .29s; animation-delay: .29s } .cssload-float-bars-loading:after, .cssload-float-bars-loading:before { position: absolute; content: ''; -webkit-animation: cssload-upDown 1.15s ease infinite; animation: cssload-upDown 1.15s ease infinite; -webkit-animation-direction: alternate; animation-direction: alternate } .cssload-float-bars-loading:before { left: -10px } .cssload-float-bars-loading:after { left: 10px; -webkit-animation-delay: .58s; animation-delay: .58s } @-webkit-keyframes cssload-upDown { from { transform: translateY(19px) } to { transform: translateY(-19px) } } @keyframes cssload-upDown { from { transform: translateY(19px) } to { transform: translateY(-19px) } } @-webkit-keyframes cssload-upDown2 { from { transform: translateY(29px) } to { transform: translateY(-19px) } } @keyframes cssload-upDown2 { from { transform: translateY(29px) } to { transform: translateY(-19px) } } .cssload-speeding-wheel-container { width: 100%; height: 49px; text-align: center } .cssload-speeding-wheel { width: 49px; height: 49px; margin: 0 auto; border: 3px solid #ccc; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; -webkit-animation: cssload-spin 575ms infinite linear; animation: cssload-spin 575ms infinite linear } @-webkit-keyframes cssload-spin { 100% { transform: rotate(360deg); transform: rotate(360deg) } } @keyframes cssload-spin { 100% { transform: rotate(360deg); transform: rotate(360deg) } } .cssload-zenith-container { width: 100%; height: 49px; text-align: center } .cssload-zenith { width: 49px; height: 49px; margin: 0 auto; border-radius: 50%; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; box-shadow: 3px 3px 1px #ccc; -webkit-animation: cssload-spin 690ms infinite linear; animation: cssload-spin 690ms infinite linear } @keyframes cssload-spin { 100% { transform: rotate(360deg); transform: rotate(360deg) } } .cssload-spinning-square-loading { position: relative; width: 30px; height: 30px; background: #ccc; display: block; margin: auto; -webkit-animation: 1.15s cssload-spin infinite; animation: 1.15s cssload-spin infinite } .cssload-spinning-square-loading:before, .cssload-spinning-square-loading:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-animation: .58s infinite alternate linear; animation: .58s infinite alternate linear } .cssload-spinning-square-loading:before { background: #999; -webkit-animation-name: cssload-blur1; animation-name: cssload-blur1 } .cssload-spinning-square-loading:after { background: #fff; -webkit-animation-name: cssload-blur2; animation-name: cssload-blur2 } @keyframes cssload-spin { to { transform: rotate(360deg) } } @-webkit-keyframes cssload-blur1 { to { transform: rotate(-30deg) } } @keyframes cssload-blur1 { to { transform: rotate(-30deg) } } @-webkit-keyframes cssload-blur2 { to { transform: rotate(-15deg) } } @keyframes cssload-blur2 { to { transform: rotate(-15deg) } } .wrapper-pulse { margin-top: -60px } .cssload-pulse-loader { width: 49px; height: 49px; border-radius: 50%; margin: 3em; display: inline-block; position: relative; vertical-align: middle; background: #000 } .cssload-pulse-loader, .cssload-pulse-loader:before, .cssload-pulse-loader:after { -webkit-animation: 1.15s infinite ease-in-out; animation: 1.15s infinite ease-in-out } .cssload-pulse-loader:before, .cssload-pulse-loader:after { width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0 } .cssload-pulse-loader { -webkit-animation-name: cssload-pulse-loader; animation-name: cssload-pulse-loader } @-webkit-keyframes cssload-pulse-loader { from { transform: scale(0); opacity: 1 } to { transform: scale(1); opacity: 0 } } @keyframes cssload-pulse-loader { from { transform: scale(0); opacity: 1 } to { transform: scale(1); opacity: 0 } } .google-map { background: #e5e3df; height: 400px; margin: -35px 0 30px; width: 100% } .google-map.small { height: 250px; border-radius: 6px; margin: 0; clear: both } .google-map img { max-width: 9999px } .google-map-borders { border: 1px solid #ddd; padding: 4px; border-radius: 4px } @-webkit-keyframes mapPinPulse { from { transform: scale(1); opacity: .7 } to { transform: scale(10); opacity: 0 } } @keyframes mapPinPulse { from { transform: scale(1); opacity: .7 } to { transform: scale(10); opacity: 0 } } .map-info-window { position: absolute; bottom: 30px; left: 50%; font-size: 12.8px; font-size: .8rem; background: #fff; border-radius: 4px; padding: 15px 20px; white-space: nowrap; transform: translate3d(-50%,0,0) } .map-info-window:after { content: ''; position: absolute; bottom: -7px; left: 50%; transform: translate3d(-50%,0,0); width: 0; height: 0; border-top: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent } .map-info-window .map-info-window-close { position: absolute; top: 3px; right: 3px } .map-rounded-pin { width: 13px; height: 13px; background: #ccc; border-radius: 100% } .map-rounded-pin.map-rounded-pin-animated { position: relative } .map-rounded-pin.map-rounded-pin-animated:before, .map-rounded-pin.map-rounded-pin-animated:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: inherit; border-radius: inherit; -webkit-animation-name: mapPinPulse; animation-name: mapPinPulse; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 1s; animation-delay: 1s } .map-rounded-pin.map-rounded-pin-animated:after { -webkit-animation-delay: 1.25s; animation-delay: 1.25s } .google-map-footer { margin: 35px 0 -50px !important } html[dir=rtl] .gm-style .gm-style-iw-c { padding: 20px 20px 0 0 !important } .min-height-screen { min-height: 100vh } .hide-text { display: block; text-indent: -9999px; width: 0; height: 0 } .box-shadow-1:before { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: .33; content: ''; box-shadow: 0 30px 90px #bbb; transition: all .2s ease-in-out } .box-shadow-1.box-shadow-1-hover:before { opacity: 0 } .box-shadow-1.box-shadow-1-hover:hover:before { opacity: .33 } .box-shadow-hover { transition: ease all 300ms } .box-shadow-2:not(.box-shadow-hover) { box-shadow: 0 15px 30px -15px rgba(0,0,0,.45) } .box-shadow-2.box-shadow-hover:hover { box-shadow: 0 15px 30px -15px rgba(0,0,0,.45) } .box-shadow-3:not(.box-shadow-hover) { box-shadow: 0 30px 60px -30px rgba(0,0,0,.45) } .box-shadow-3.box-shadow-hover:hover { box-shadow: 0 30px 60px -30px rgba(0,0,0,.45) } .box-shadow-4:not(.box-shadow-hover) { box-shadow: 0 0 21px -5px rgba(0,0,0,.2) } .box-shadow-4.box-shadow-hover:hover { box-shadow: 0 0 21px -5px rgba(0,0,0,.2) } .box-shadow-5:not(.box-shadow-hover) { box-shadow: 0 15px 60px -36px rgba(0,0,0,.45) } .box-shadow-5.box-shadow-hover:hover { box-shadow: 0 15px 60px -36px rgba(0,0,0,.45) } .box-shadow-6:not(.box-shadow-hover) { box-shadow: 0 12px 45px rgba(0,0,0,.08) } .box-shadow-6.box-shadow-hover:hover { box-shadow: 0 12px 45px rgba(0,0,0,.08) } .border-radius { border-radius: 4px !important } .border-radius.box-shadow-1:before { border-radius: 4px !important } .border-radius-2 { border-radius: 8px !important } .border-radius-2.box-shadow-1:before { border-radius: 8px !important } html body .rounded-circle { border-radius: 50% !important } .h-50px { height: 50px } .h-min-50px { min-height: 50px } .h-100px { height: 100px } .h-min-100px { min-height: 100px } .h-150px { height: 150px } .h-min-150px { min-height: 150px } .h-200px { height: 200px } .h-min-200px { min-height: 200px } .h-250px { height: 250px } .h-min-250px { min-height: 250px } .h-300px { height: 300px } .h-min-300px { min-height: 300px } .h-350px { height: 350px } .h-min-350px { min-height: 350px } .h-400px { height: 400px } .h-min-400px { min-height: 400px } .h-450px { height: 450px } .h-min-450px { min-height: 450px } .h-500px { height: 500px } .h-min-500px { min-height: 500px } .h-550px { height: 550px } .h-min-550px { min-height: 550px } .h-600px { height: 600px } .h-min-600px { min-height: 600px } .h-650px { height: 650px } .h-min-650px { min-height: 650px } .h-700px { height: 700px } .h-min-700px { min-height: 700px } .h-750px { height: 750px } .h-min-750px { min-height: 750px } .h-800px { height: 800px } .h-min-800px { min-height: 800px } .h-850px { height: 850px } .h-min-850px { min-height: 850px } .h-900px { height: 900px } .h-min-900px { min-height: 900px } .h-950px { height: 950px } .h-min-950px { min-height: 950px } .h-1000px { height: 1000px } .h-min-1000px { min-height: 1000px } @media(min-width:576px) { .h-sm-50px { height: 50px } .h-sm-min-50px { min-height: 50px } .h-sm-100px { height: 100px } .h-sm-min-100px { min-height: 100px } .h-sm-150px { height: 150px } .h-sm-min-150px { min-height: 150px } .h-sm-200px { height: 200px } .h-sm-min-200px { min-height: 200px } .h-sm-250px { height: 250px } .h-sm-min-250px { min-height: 250px } .h-sm-300px { height: 300px } .h-sm-min-300px { min-height: 300px } .h-sm-350px { height: 350px } .h-sm-min-350px { min-height: 350px } .h-sm-400px { height: 400px } .h-sm-min-400px { min-height: 400px } .h-sm-450px { height: 450px } .h-sm-min-450px { min-height: 450px } .h-sm-500px { height: 500px } .h-sm-min-500px { min-height: 500px } .h-sm-550px { height: 550px } .h-sm-min-550px { min-height: 550px } .h-sm-600px { height: 600px } .h-sm-min-600px { min-height: 600px } .h-sm-650px { height: 650px } .h-sm-min-650px { min-height: 650px } .h-sm-700px { height: 700px } .h-sm-min-700px { min-height: 700px } .h-sm-750px { height: 750px } .h-sm-min-750px { min-height: 750px } .h-sm-800px { height: 800px } .h-sm-min-800px { min-height: 800px } .h-sm-850px { height: 850px } .h-sm-min-850px { min-height: 850px } .h-sm-900px { height: 900px } .h-sm-min-900px { min-height: 900px } .h-sm-950px { height: 950px } .h-sm-min-950px { min-height: 950px } .h-sm-1000px { height: 1000px } .h-sm-min-1000px { min-height: 1000px } } @media(min-width:768px) { .h-md-50px { height: 50px } .h-md-min-50px { min-height: 50px } .h-md-100px { height: 100px } .h-md-min-100px { min-height: 100px } .h-md-150px { height: 150px } .h-md-min-150px { min-height: 150px } .h-md-200px { height: 200px } .h-md-min-200px { min-height: 200px } .h-md-250px { height: 250px } .h-md-min-250px { min-height: 250px } .h-md-300px { height: 300px } .h-md-min-300px { min-height: 300px } .h-md-350px { height: 350px } .h-md-min-350px { min-height: 350px } .h-md-400px { height: 400px } .h-md-min-400px { min-height: 400px } .h-md-450px { height: 450px } .h-md-min-450px { min-height: 450px } .h-md-500px { height: 500px } .h-md-min-500px { min-height: 500px } .h-md-550px { height: 550px } .h-md-min-550px { min-height: 550px } .h-md-600px { height: 600px } .h-md-min-600px { min-height: 600px } .h-md-650px { height: 650px } .h-md-min-650px { min-height: 650px } .h-md-700px { height: 700px } .h-md-min-700px { min-height: 700px } .h-md-750px { height: 750px } .h-md-min-750px { min-height: 750px } .h-md-800px { height: 800px } .h-md-min-800px { min-height: 800px } .h-md-850px { height: 850px } .h-md-min-850px { min-height: 850px } .h-md-900px { height: 900px } .h-md-min-900px { min-height: 900px } .h-md-950px { height: 950px } .h-md-min-950px { min-height: 950px } .h-md-1000px { height: 1000px } .h-md-min-1000px { min-height: 1000px } } @media(min-width:992px) { .h-lg-50px { height: 50px } .h-lg-min-50px { min-height: 50px } .h-lg-100px { height: 100px } .h-lg-min-100px { min-height: 100px } .h-lg-150px { height: 150px } .h-lg-min-150px { min-height: 150px } .h-lg-200px { height: 200px } .h-lg-min-200px { min-height: 200px } .h-lg-250px { height: 250px } .h-lg-min-250px { min-height: 250px } .h-lg-300px { height: 300px } .h-lg-min-300px { min-height: 300px } .h-lg-350px { height: 350px } .h-lg-min-350px { min-height: 350px } .h-lg-400px { height: 400px } .h-lg-min-400px { min-height: 400px } .h-lg-450px { height: 450px } .h-lg-min-450px { min-height: 450px } .h-lg-500px { height: 500px } .h-lg-min-500px { min-height: 500px } .h-lg-550px { height: 550px } .h-lg-min-550px { min-height: 550px } .h-lg-600px { height: 600px } .h-lg-min-600px { min-height: 600px } .h-lg-650px { height: 650px } .h-lg-min-650px { min-height: 650px } .h-lg-700px { height: 700px } .h-lg-min-700px { min-height: 700px } .h-lg-750px { height: 750px } .h-lg-min-750px { min-height: 750px } .h-lg-800px { height: 800px } .h-lg-min-800px { min-height: 800px } .h-lg-850px { height: 850px } .h-lg-min-850px { min-height: 850px } .h-lg-900px { height: 900px } .h-lg-min-900px { min-height: 900px } .h-lg-950px { height: 950px } .h-lg-min-950px { min-height: 950px } .h-lg-1000px { height: 1000px } .h-lg-min-1000px { min-height: 1000px } } @media(min-width:1200px) { .h-xl-50px { height: 50px } .h-xl-min-50px { min-height: 50px } .h-xl-100px { height: 100px } .h-xl-min-100px { min-height: 100px } .h-xl-150px { height: 150px } .h-xl-min-150px { min-height: 150px } .h-xl-200px { height: 200px } .h-xl-min-200px { min-height: 200px } .h-xl-250px { height: 250px } .h-xl-min-250px { min-height: 250px } .h-xl-300px { height: 300px } .h-xl-min-300px { min-height: 300px } .h-xl-350px { height: 350px } .h-xl-min-350px { min-height: 350px } .h-xl-400px { height: 400px } .h-xl-min-400px { min-height: 400px } .h-xl-450px { height: 450px } .h-xl-min-450px { min-height: 450px } .h-xl-500px { height: 500px } .h-xl-min-500px { min-height: 500px } .h-xl-550px { height: 550px } .h-xl-min-550px { min-height: 550px } .h-xl-600px { height: 600px } .h-xl-min-600px { min-height: 600px } .h-xl-650px { height: 650px } .h-xl-min-650px { min-height: 650px } .h-xl-700px { height: 700px } .h-xl-min-700px { min-height: 700px } .h-xl-750px { height: 750px } .h-xl-min-750px { min-height: 750px } .h-xl-800px { height: 800px } .h-xl-min-800px { min-height: 800px } .h-xl-850px { height: 850px } .h-xl-min-850px { min-height: 850px } .h-xl-900px { height: 900px } .h-xl-min-900px { min-height: 900px } .h-xl-950px { height: 950px } .h-xl-min-950px { min-height: 950px } .h-xl-1000px { height: 1000px } .h-xl-min-1000px { min-height: 1000px } } .pagination { position: relative; z-index: 1 } .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #ccc; box-shadow: none !important } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #ccc; border-color: #ccc; box-shadow: none !important } .pagination.pagination-rounded .page-item { margin-right: 8px; margin-right: .5rem } .pagination.pagination-rounded .page-item:last-child { margin-right: 0 } .pagination.pagination-rounded .page-link { border-radius: 50% !important; padding: 0; width: 30px; text-align: center; height: 30px; line-height: 30px } .pagination.pagination-rounded.pagination-md .page-link { padding: 0; width: 40px; text-align: center; height: 40px; line-height: 40px; font-size: 16px; font-size: 1rem } .pagination.pagination-rounded.pagination-lg .page-link { padding: 0; width: 60px; text-align: center; height: 60px; line-height: 60px } .read-more, .learn-more { display: inline-block; white-space: nowrap } .learn-more-hover-animate-icon > i { transition: ease transform 300ms } .learn-more-hover-animate-icon:hover > i { transform: translate3d(5px,0,0) } .offset-anchor { display: block; position: relative; visibility: hidden; top: -100px } @media(max-width:991px) { .offset-anchor { top: 0 } } .show-grid [class*=col] .show-grid-block { background-color: #eee; line-height: 40px; min-height: 40px; text-align: center; border: 1px solid #fff; display: block } .alert [class*=fa-], .alert .icons { margin-right: 8px; font-size: 1.1em } .alert ul { padding: 0; margin: 7px 0 0 40px } .alert ul li { font-size: .9em } .alert.alert-sm { padding: 5px 10px; font-size: .9em } .alert.alert-lg { padding: 20px; font-size: 1.2em } .alert.alert-default { background-color: #f2f2f2; border-color: #eaeaea; color: #737272 } .alert.alert-default .alert-link { color: #4c4c4c } .alert.alert-dark { background-color: #383f45; border-color: #0a0c0d; color: #d3d8dc } .alert.alert-dark .alert-link { color: #fefefe } .ratio.ratio-soundcloud { padding-bottom: 19.25% } .ratio.ratio-borders { border: 1px solid #ddd; padding: 4px; border-radius: 4px } .ratio.ratio-borders > * { top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px) } @media(max-width:991px) { .col-md-3 .sidebar { clear: both } } .col-half-section { width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; max-width: 555px; margin-left: 30px; margin-right: 0 } .col-half-section.col-half-section-right { margin-left: 0; margin-right: 30px } @media(max-width:1199px) { .col-half-section { max-width: 465px } } @media(max-width:991px) { .col-half-section { max-width: 720px; margin: 0 auto !important; padding-left: 30px !important; padding-right: 30px !important } } @media(max-width:767px) { .col-half-section { max-width: 540px } } @media(max-width:575px) { .col-half-section { max-width: 100% } } .content-grid { overflow: hidden; margin: 0; padding: 0 } .content-grid .content-grid-item { position: relative; padding: 10px; margin: 0; display: flex; align-items: center; justify-content: center } .content-grid .content-grid-item:before, .content-grid .content-grid-item:after { content: ''; position: absolute } .content-grid .content-grid-item:before { height: 100%; top: 0; left: -1px; border-left: 1px solid #dadada } .content-grid .content-grid-item:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #dadada } .content-grid .content-grid-item .img-fluid { display: inline-block; flex: 0 0 auto } .content-grid.content-grid-dashed .content-grid-item:before { border-left: 1px dashed #dadada } .content-grid.content-grid-dashed .content-grid-item:after { border-bottom: 1px dashed #dadada } .alert-admin { margin: 25px 0 } .alert-admin img { margin: -50px 0 0 } .alert-admin .btn { margin: 0 0 -15px } .alert-admin p { color: #444 } .alert-admin h4 { color: #111; font-size: 1.2em; font-weight: 600; text-transform: uppercase } .alert-admin .warning { color: #b20000 } .not-included { color: #b7b7b7; display: block; font-size: .8em; font-style: normal; margin: -4px 0; padding: 0 } .tip { display: inline-block; padding: 0 5px; background: #fff; color: #111; text-shadow: none; border-radius: 3px; margin-left: 8px; position: relative; text-transform: uppercase; font-size: 10px; font-weight: 700 } .tip:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-right-color: #fff; border-width: 5px; margin-top: -5px } .tip.skin { color: #fff } .ajax-box { transition: all .2s; position: relative } .ajax-box .ajax-box-content { transition: all .2s; opacity: 1; overflow: hidden; height: auto } .ajax-box .bounce-loader { opacity: 0 } .ajax-box.ajax-box-init { height: 0 } .ajax-box.ajax-box-loading { height: 300px } .ajax-box.ajax-box-loading .ajax-box-content { opacity: 0; height: 300px } .ajax-box.ajax-box-loading .bounce-loader { opacity: 1 } .notice-top-bar { position: fixed; top: 0; left: 0; width: 100%; background: #d01a34; z-index: -1 } .notice-top-bar .notice-button { background: rgba(235,34,63,.7); color: #fff; border-radius: 35px; transition: ease background 300ms; text-decoration: none } .notice-top-bar .notice-button:hover { background: #eb223f } .notice-top-bar .notice-top-bar-close { position: absolute; top: 7px; right: 7px } .hover-effect-1:not(.portfolio-item) { box-shadow: 10px 10px 74px -15px transparent; transition: ease transform 300ms,ease box-shadow 300ms } .hover-effect-1:not(.portfolio-item):hover { box-shadow: 10px 10px 74px -15px rgba(0,0,0,.4); transform: translate3d(0,-15px,0) } .hover-effect-1.portfolio-item { transition: ease transform 300ms } .hover-effect-1.portfolio-item .thumb-info, .hover-effect-1.portfolio-item .owl-carousel { box-shadow: 0 0 0 1px rgba(0,0,0,.06); transition: ease box-shadow 300ms } .hover-effect-1.portfolio-item:hover .thumb-info, .hover-effect-1.portfolio-item:hover .owl-carousel, .hover-effect-1.portfolio-item.show .thumb-info, .hover-effect-1.portfolio-item.show .owl-carousel { box-shadow: 10px 10px 74px -15px rgba(0,0,0,.4) } .hover-effect-1 a { transition: ease color 300ms } .hover-effect-2 { opacity: 1; transition: ease opacity 300ms } .hover-effect-2:hover { opacity: .85 } .hover-effect-3 { opacity: .3; transition: ease opacity 300ms } .hover-effect-3:hover { opacity: 1 } .sticky-wrapper { position: fixed; width: 100% !important; z-index: 11 } .sticky-wrapper .sticky-body { display: flex; background: #fff; width: 100%; z-index: 10; transition: ease background 300ms } .sticky-wrapper.sticky-wrapper-transparent .sticky-body { background: 0 0 } .sticky-wrapper.sticky-wrapper-effect-1 { position: absolute !important } .sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body { position: fixed; background: #fff; -webkit-animation: headerReveal .4s ease-in; animation: headerReveal .4s ease-in } .sticky-wrapper.sticky-wrapper-effect-1.sticky-wrapper-effect-1-dark.sticky-effect-active .sticky-body { background: #212529 } .sticky-wrapper.sticky-wrapper-border-bottom.sticky-effect-active .sticky-body { border-bottom: 1px solid rgba(0,0,0,.06) } @-webkit-keyframes pencilAnimation { from { width: 0 } to { width: 74px } } @keyframes pencilAnimation { from { width: 0 } to { width: 74px } } @-webkit-keyframes pencilAnimation2 { from { width: 0 } to { width: 115px } } @keyframes pencilAnimation2 { from { width: 0 } to { width: 115px } } .highlighted-word { font-family: shadows into light,cursive; font-weight: 500 } .highlighted-word.highlighted-word-animation-1 { position: relative } .highlighted-word.highlighted-word-animation-1:after { content: ''; position: absolute; right: calc(100% - 74px); bottom: -6px; background: url(../img/pencil-blue-line.png); width: 0; height: 15px; -webkit-animation-name: pencilAnimation; animation-name: pencilAnimation; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; overflow: hidden; transform: rotate(180deg) } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-end:after { right: 0 !important } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-light:after { filter: brightness(0) invert(1) } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-dark:after { background: url(../img/pencil-blue-line-dark.png) } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-no-rotate:after { transform: rotate(0) } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-no-animate:after { -webkit-animation-duration: 0; animation-duration: 0; -webkit-animation-delay: 0; animation-delay: 0 } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-2:after { -webkit-animation-name: pencilAnimation2; animation-name: pencilAnimation2; right: calc(100% - 115px); background: url(../img/pencil-blue-line-2.png); background-repeat: no-repeat } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-2-dark:after { background-image: url(../img/pencil-blue-line-2-dark.png) } .highlighted-word.highlighted-word-rotate { transform: rotate(-15deg); transform-origin: 0 0 } .curved-border { position: relative; min-height: 7.2vw } .curved-border:after { content: ''; background-image: url(../img/curved-border.svg); background-size: 100% 100%; background-position: center; position: absolute; left: 0; bottom: -2px; width: 100vw; height: 7.2vw; z-index: 20 } .curved-border.curved-border-top:after { top: -2px; bottom: auto; transform: rotateX(180deg) } .vertical-divider { display: inline; border-left: 1px solid rgba(255,255,255,.1); border-right: 1px solid transparent } .rating-container .filled-stars { text-shadow: none !important; -webkit-text-stroke: 0 !important } .rating-container .star { margin: 0 1px } .rating-invisible { height: 27px; visibility: hidden !important } .rating-xs { font-size: 12px } .image-hotspots { position: relative } .image-hotspot { cursor: pointer; position: absolute } .image-hotspot strong { color: #fff; z-index: 5; font-size: .75em; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); font-weight: 600 !important } .image-hotspot .circle { position: absolute; left: 50%; top: 50%; width: 28px; height: 28px; margin: -.666em auto auto -.666em; background: #ccc; border-radius: 50%; opacity: .6; transform-origin: 50% 50%; transition: opacity .2s ease-in,transform .1s ease-out; color: #fff; font-size: 1.5em; padding: 0; text-align: center; line-height: 28px; overflow: hidden } .image-hotspot .ring { display: block; position: absolute; top: 50%; left: 50%; width: 2em; height: 2em; margin: -1em auto auto -1em; transform-origin: 50% 50%; border-radius: 50%; border: 1px solid rgba(204,204,204,.9); opacity: 0; -webkit-animation: hotspot-pulsate 3s ease-out infinite; animation: hotspot-pulsate 3s ease-out infinite } body[data-plugin-page-transition] { transition: ease opacity 300ms } body.page-transition-active { opacity: 0 !important } .cd-product-viewer-wrapper { text-align: center; padding: 2em 0 } .cd-product-viewer-wrapper > div { display: inline-block } @media(max-width:1199px) { .cd-product-viewer-wrapper > div { width: 100% !important } } .cd-product-viewer-wrapper .product-viewer { position: relative; z-index: 1; display: inline-block; overflow: hidden } @media(max-width:1199px) { .cd-product-viewer-wrapper .product-viewer { width: 100% !important } } .cd-product-viewer-wrapper img { display: block; position: relative; width: 100%; z-index: 1 } .cd-product-viewer-wrapper .product-sprite { position: absolute; z-index: 2; top: 0; left: 0; height: 100%; width: 1600%; background-size: 100%; background-repeat: no-repeat; background-position: center center; opacity: 0; transition: ease opacity 300ms } .cd-product-viewer-wrapper.loaded .product-sprite { opacity: 1; cursor: ew-resize } .cd-product-viewer-handle { position: relative; z-index: 2; width: 60%; max-width: 300px; border-radius: 50em; margin: 1em auto 3em; height: 4px } .cd-product-viewer-handle .fill { position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; border-radius: inherit; background: #212529; transform: scaleX(0); transform-origin: left center; transition: ease transform 500ms } .no-csstransitions .cd-product-viewer-handle .fill { display: none } .loaded .cd-product-viewer-handle .fill { opacity: 1; background-image: none !important; transition: ease transform 300ms,ease opacity 200ms 300ms } .cd-product-viewer-handle .handle { position: absolute; z-index: 2; display: inline-block; height: 44px; width: 44px; left: 0; top: -20px; background: #212529; border-radius: 50%; border: 2px solid #212529; text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; transform: translateX(-50%) scale(0); transition: ease box-shadow 200ms } .cd-product-viewer-handle .handle .bars { position: absolute; top: 50%; left: 50%; width: 4px; height: 20px; background: #fff; transform: translate3d(-50%,-50%,0) } .cd-product-viewer-handle .handle .bars:before, .cd-product-viewer-handle .handle .bars:after { content: ''; position: absolute; top: 50%; width: 4px; height: 60%; background: #fff; transform: translate3d(0,-50%,0) } .cd-product-viewer-handle .handle .bars:before { left: -8px } .cd-product-viewer-handle .handle .bars:after { right: -8px } .loaded .cd-product-viewer-handle .handle { transform: translateX(-50%) scale(1); -webkit-animation: cd-bounce 300ms 300ms; animation: cd-bounce 300ms 300ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; cursor: ew-resize } @-webkit-keyframes cd-bounce { 0% { transform: translateX(-50%) scale(0) } 60% { transform: translateX(-50%) scale(1.1) } 100% { transform: translateX(-50%) scale(1) } } @keyframes cd-bounce { 0% { transform: translateX(-50%) scale(0) } 60% { transform: translateX(-50%) scale(1.1) } 100% { transform: translateX(-50%) scale(1) } } .payment-cc { display: flex } .payment-cc > i { font-size: 32px; font-size: 2rem; transition: ease color 300ms } .payment-cc > i + i { margin-left: 10px } .payment-cc > i:hover { color: #fff } .payment-cc.payment-cc-no-hover-effect > i:hover { color: inherit } .zoomContainer { z-index: 1 } .porto-big-title { letter-spacing: -22px; font-size: 144px; font-size: 9rem; line-height: .8 } @media(max-width:575px) { .porto-big-title { letter-spacing: -18px; font-size: 7rem } } [data-plugin-animated-letters] { opacity: 0; visibility: hidden } [data-plugin-animated-letters].initialized { opacity: 1; visibility: visible } @-webkit-keyframes typeWriterFlash { from { opacity: 0 } to { opacity: 1 } } @keyframes typeWriterFlash { from { opacity: 0 } to { opacity: 1 } } .letters-wrapper + .typeWriter:last-child { position: relative; padding-right: 4px; opacity: .7 } .letters-wrapper + .typeWriter:last-child:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background: #212121; -webkit-animation-name: typeWriterFlash; animation-name: typeWriterFlash; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 600ms; animation-duration: 600ms } .readmore-rendered { position: relative; overflow: hidden } .readmore-rendered .readmore-overlay { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1 } .readmore-rendered .readmore-button-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2 } .style-switcher-open-loader { color: #fff !important; background-color: #151719; display: block; height: 40px; position: fixed; left: 0; top: 135px; width: 40px; font-size: 12px; line-height: 40px; color: #fff; text-align: center; text-decoration: none; border-radius: 0 4px 4px 0; z-index: 9999 } .style-switcher-open-loader.style-switcher-open-loader-loading > i { -webkit-animation-name: basicRotation; animation-name: basicRotation; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear } .style-switcher-open-loader.style-switcher-open-loader-loading > i:before { content: "\f1ce" } .style-switcher-open-loader .style-switcher-tooltip { visibility: hidden; opacity: 0; position: absolute; top: 50%; left: calc(100% + 20px); width: 200px; background: #282d31; text-align: left; padding: 22.4px; padding: 1.4rem; border-radius: 4px; box-shadow: 0 0 30px -6px rgba(0,0,0,.2); transform: translate3d(-20px,-50%,0); transition: ease opacity 300ms,ease transform 300ms } .style-switcher-open-loader .style-switcher-tooltip:before { content: ''; display: block; position: absolute; top: 50%; left: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #282d31; transform: translate3d(0,-50%,0) } .style-switcher-open-loader .style-switcher-tooltip > strong { font-size: 13.6px; font-size: .85rem; font-family: open sans; line-height: 1.3; display: block; margin-bottom: 8px; margin-bottom: .5rem } .style-switcher-open-loader .style-switcher-tooltip > p { color: #e2e2e2; font-size: 12.8px; font-size: .8rem; line-height: 1.5; margin-bottom: 0; opacity: .8 } .style-switcher-open-loader .style-switcher-tooltip.active { visibility: visible; opacity: 1; transform: translate3d(0,-50%,0) } @media(max-width:767px) { .style-switcher-open-loader { display: none } } .envato-buy-redirect, .demos-redirect { color: #fff !important; background-color: #151719; display: block; height: 40px; position: fixed; left: 0; top: 176px; width: 40px; font-size: 12px; line-height: 40px; color: #fff; text-align: center; text-decoration: none; border-radius: 0 4px 4px 0; z-index: 9998 } .demos-redirect { top: 217px } .demos-redirect img { max-width: 16px; max-height: 16px } @media(max-width:767px) { .envato-buy-redirect, .demos-redirect { display: none } } [data-plugin-video] { position: relative } [data-plugin-video] > img { position: relative; z-index: 1 } [data-plugin-video] > video { position: absolute; top: 0; left: 0; width: 100%; z-index: 0 } [data-plugin-video] > video.active { z-index: 1 } .cursor-outer { position: fixed; left: 0; top: 0; width: 40px; height: 40px; border: 1px solid #ccc; border-radius: 100%; pointer-events: none; z-index: 9998; transition: ease-out all .08s .01s } .cursor-outer.cursor-outer-fit { left: 0 !important; top: 0 !important } .cursor-outer.cursor-color-light { border-color: #fff !important } .cursor-outer.cursor-color-dark { border-color: #212121 !important } .cursor-inner { position: fixed; left: 17px; top: 17px; width: 6px; height: 6px; background: #ccc; border-radius: 100%; pointer-events: none; z-index: 9999; transition: all .08s ease-out } .cursor-inner.cursor-inner-plus { display: flex; align-items: center; justify-content: center; background-color: transparent !important } .cursor-inner.cursor-inner-plus:before { content: '+'; color: #fff; font-size: 27.2px; font-size: 1.7rem } .cursor-inner.cursor-color-light:not(.cursor-inner-plus) { background-color: #fff !important } .cursor-inner.cursor-color-light.cursor-inner-plus:before { color: #fff !important } .cursor-inner.cursor-color-dark:not(.cursor-inner-plus) { background-color: #212121 !important } .cursor-inner.cursor-color-dark.cursor-inner-plus:before { color: #212121 !important } .hide-mouse-cursor { cursor: none } .hide-mouse-cursor a, .hide-mouse-cursor button, .hide-mouse-cursor input, .hide-mouse-cursor textarea, .hide-mouse-cursor .mfp-auto-cursor .mfp-content { cursor: none !important } .cursor-effect-size-small .cursor-outer { width: 20px; height: 20px; left: 10px; top: 9px } .cursor-effect-size-small .cursor-inner { width: 4px; height: 4px; left: 18px } .cursor-effect-size-small .cursor-inner.cursor-inner-plus:before { font-size: 17.6px; font-size: 1.1rem } .cursor-effect-size-big .cursor-outer { width: 60px; height: 60px; left: -9px; top: -10px } .cursor-effect-size-big .cursor-inner { width: 8px; height: 8px } .cursor-effect-size-big .cursor-inner.cursor-inner-plus:before { font-size: 41.6px; font-size: 2.6rem } .cursor-effect-style-square .cursor-outer { border-radius: 0 } .cursor-effect-style-square .cursor-inner { border-radius: 0 } .copy-to-clipboard-wrapper .btn { position: relative } .copy-to-clipboard-wrapper .btn:before { content: 'Copy to Clipboard'; position: absolute; top: -41px; left: 50%; background: #212121; border-radius: 4px; transform: translate3d(-50%,0,0); opacity: 0; display: none; transition: ease opacity 300ms; white-space: nowrap; padding: 6px 14px; font-size: 12px; font-size: .75rem; z-index: 10 } .copy-to-clipboard-wrapper .btn:after { content: ''; position: absolute; top: -12px; left: 50%; width: 0; height: 0; border-top: 7px solid #212121; border-left: 7px solid transparent; border-right: 7px solid transparent; transform: translate3d(-50%,0,0); opacity: 0; display: none; transition: ease opacity 300ms } .copy-to-clipboard-wrapper .btn:hover:before, .copy-to-clipboard-wrapper .btn:hover:after, .copy-to-clipboard-wrapper .btn.copied:before, .copy-to-clipboard-wrapper .btn.copied:after { display: block; opacity: 1 } .copy-to-clipboard-wrapper .btn.copied:before { content: 'Copied!' } .particles-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100% } .particles-wrapper div { height: 100% } .particle { position: absolute } .particle.particle-dots { -webkit-mask-image: url(../img/particle-dot.svg); mask-image: url(../img/particle-dot.svg); z-index: 0; -webkit-mask-size: 18px } .patterns svg { position: absolute } .popup-inline-content, .mfp-content .ajax-container { background: none repeat scroll 0 0 #fff; margin: 40px auto; max-width: 1170px; padding: 20px 30px; position: relative; text-align: left; display: none } .mfp-content .ajax-container { display: block } .mfp-wrap .popup-inline-content { display: block } .modal-header .btn-close { text-indent: -99999px } .modal-footer > :not(:first-child) { margin-left: 4px; margin-left: .25rem; margin-right: 0; margin-right: 0 } .modal-footer > :not(:last-child) { margin-right: 4px; margin-right: .25rem; margin-left: 0; margin-left: 0 } .nav > li > a { text-decoration: none } .nav > li > a:hover, .nav > li > a:focus { background: 0 0; text-decoration: none } ul.nav-list li { margin: 0; padding: 0; display: block; position: relative } ul.nav-list li a { transition: background .1s; border-bottom: 1px solid rgba(0,0,0,.06); padding: 8px 0 8px 22px; display: block; color: #666; font-size: .9em; text-decoration: none; line-height: 20px } ul.nav-list li a:before { font-family: 'font awesome 6 free'; content: "\f054"; font-weight: 900; position: absolute; top: 8px; font-size: 7.2px; font-size: .45rem; opacity: .7; transform: translate3d(-1px,0,0); left: 12px } ul.nav-list li a:hover { text-decoration: none } ul.nav-list li a:hover:before, ul.nav-list li a:hover i[class*=fa-chevron] { -webkit-animation-name: arrowLeftRight; animation-name: arrowLeftRight; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } ul.nav-list li a i[class*=fa-chevron] { position: relative; top: -1px; font-size: 8px; font-size: .5rem; opacity: .8 } ul.nav-list li > a.active { font-weight: 700 } ul.nav-list li ul { list-style: none; margin: 0 0 0 25px; padding: 0 } ul.nav-list li:last-child a { border-bottom: 0 } ul.nav-list.hide-not-active li ul { display: none } ul.nav-list.hide-not-active li.active ul { display: block } ul.nav-list.show-bg-active .active > a, ul.nav-list.show-bg-active a.active { background-color: #f5f5f5 } ul.nav-list.show-bg-active .active > a:hover, ul.nav-list.show-bg-active a.active:hover { background-color: #eee } ul.nav-list.no-arrows li a:before { content: none } ul.nav-list-simple li { margin: 0; padding: 0; display: block; position: relative } ul.nav-list-simple li a { transition: background .1s; border-bottom: 1px solid rgba(0,0,0,.07); padding: 8px 0; display: block; color: #666; font-size: .9em; text-decoration: none; line-height: 20px; transition: ease padding 300ms } ul.nav-list-simple li > a.active { font-weight: 700 } ul.nav-list-simple li:hover a { padding-left: 4px } ul.nav-list-simple li ul { list-style: none; margin: 0 0 0 25px; padding: 0 } ul.narrow li a { padding: 4px 0 } ul.nav-pills > li > a.active { color: #fff; background-color: #ccc } ul.nav-pills > li > a.active:hover, ul.nav-pills > li > a.active:focus { color: #fff; background-color: #ccc } .nav-pills-center { text-align: center } .nav-pills-center > li { display: inline-block; float: none } .nav-pills-sm > li > a { padding: 7px 12px } .nav-pills-xs > li > a { padding: 5px 10px; font-size: .9em } .nav-pills .nav-link.active { background-color: transparent } .show > .nav-pills .nav-link { background-color: transparent } .nav-light > li > a { color: #fff } .nav-active-style-1 { min-height: 100px; align-items: center } .nav-active-style-1 > li { align-self: stretch } .nav-active-style-1 > li > a { display: flex; align-items: center; height: 100%; padding: 0 !important; margin: 0 15px; border-bottom: 2px solid transparent; transition: ease border-color 300ms } .nav-active-style-1 > li > a:hover, .nav-active-style-1 > li > a:focus, .nav-active-style-1 > li > a.active { border-bottom-color: #ccc } @media(max-width:575px) { .nav-active-style-1 > li > a { min-height: 45px; justify-content: center } } .nav-secondary { background: #fafafa; margin: 0; padding: 20px 0; text-align: center; z-index: 99; width: 100% !important } .nav-secondary .nav-pills > li { float: none; display: inline-block } .nav-secondary .nav-pills > li a { font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; padding: 10px 13px; text-transform: uppercase } .nav-secondary.sticky-active { border-bottom-color: #e9e9e9; box-shadow: 0 0 3px rgba(0,0,0,.1) } html.boxed .nav-secondary.sticky-active { max-width: 1200px; left: auto !important } .section-scroll-dots-navigation { display: flex; flex-direction: column; position: fixed; top: 50%; right: 30px; background: #fff; border-radius: 35px; padding: 9.6px; padding: .6rem; z-index: 10; transform: translate3d(0,-50%,0) } .section-scroll-dots-navigation > ul { margin: 8px 0; margin: .5rem 0 } .section-scroll-dots-navigation > ul:hover > li.active:hover > a > span { opacity: 1; visibility: visible } .section-scroll-dots-navigation > ul:hover > li.active > a > span { opacity: 0; visibility: hidden } .section-scroll-dots-navigation > ul > li { position: relative; margin-bottom: 4.8px; margin-bottom: .3rem } .section-scroll-dots-navigation > ul > li:last-child { margin-bottom: 0 } .section-scroll-dots-navigation > ul > li:hover { background: 0 0 } .section-scroll-dots-navigation > ul > li:hover > a > span { opacity: 1; visibility: visible } .section-scroll-dots-navigation > ul > li.active > a:before { opacity: 1 } .section-scroll-dots-navigation > ul > li > a { position: relative; width: 15px; height: 15px; display: block; padding: 4.8px; padding: .3rem } .section-scroll-dots-navigation > ul > li > a:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); width: 8px; height: 8px; border-radius: 100%; opacity: .3; background: #ccc; transition: ease opacity 300ms } .section-scroll-dots-navigation > ul > li > a > span { position: absolute; top: 50%; right: calc(100% + 20px); background: #fff; color: #212529; font-size: 12.8px; font-size: .8rem; font-weight: 800; padding: 3.2px 16px; padding: .2rem 1rem; border-radius: 4px; white-space: nowrap; opacity: 0; visibility: hidden; transform: translate3d(0,-50%,0); transition: ease opacity 300ms } .section-scroll-dots-navigation > ul > li > a > span:after { content: ''; position: absolute; top: 50%; left: 100%; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #f7f7f7; transform: translate3d(0,-50%,0) } .section-scroll-dots-navigation.section-scroll-dots-navigation-style-2 { background: 0 0 } .section-scroll-dots-navigation.section-scroll-dots-navigation-light > ul > li > a:before { background: #fff } .section-scroll-dots-navigation.section-scroll-dots-navigation-light > ul > li > a > span { right: calc(100% + 10px) } @media(max-width:767px) { .section-scroll-dots-navigation { right: 15px } } .overlay { position: relative } .overlay:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: #212529; opacity: 0; pointer-events: none; transition: ease opacity 300ms 100ms } .overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before { opacity: .8 } .overlay.overlay-op-1:hover:before, .overlay.overlay-op-1.overlay-show:before, .overlay.overlay-op-1.show:before { opacity: .1 } .overlay.overlay-op-2:hover:before, .overlay.overlay-op-2.overlay-show:before, .overlay.overlay-op-2.show:before { opacity: .2 } .overlay.overlay-op-3:hover:before, .overlay.overlay-op-3.overlay-show:before, .overlay.overlay-op-3.show:before { opacity: .3 } .overlay.overlay-op-4:hover:before, .overlay.overlay-op-4.overlay-show:before, .overlay.overlay-op-4.show:before { opacity: .4 } .overlay.overlay-op-5:hover:before, .overlay.overlay-op-5.overlay-show:before, .overlay.overlay-op-5.show:before { opacity: .5 } .overlay.overlay-op-6:hover:before, .overlay.overlay-op-6.overlay-show:before, .overlay.overlay-op-6.show:before { opacity: .6 } .overlay.overlay-op-7:hover:before, .overlay.overlay-op-7.overlay-show:before, .overlay.overlay-op-7.show:before { opacity: .7 } .overlay.overlay-op-8:hover:before, .overlay.overlay-op-8.overlay-show:before, .overlay.overlay-op-8.show:before { opacity: .8 } .overlay.overlay-op-9:hover:before, .overlay.overlay-op-9.overlay-show:before, .overlay.overlay-op-9.show:before { opacity: .9 } .overlay.overlay-backward:hover:before, .overlay.overlay-backward.overlay-show:before, .overlay.overlay-backward.show:before { z-index: 0 } .overlay .container, .overlay .container-fluid { position: relative; z-index: 3 } .overlay-light:before { background-color: #fff !important } .overlay-dark:before { background-color: #212529 !important } .overlay-primary:before { background: var(--primary) !important } .overlay-secondary:before { background: var(--secondary) !important } .overlay-tertiary:before { background: var(--tertiary) !important } .overlay-quaternary:before { background: var(--quaternary) !important } .overlay-gradient-bottom-content:before { opacity: 1 !important; background: transparent; background: linear-gradient(to bottom,rgba(0,0,0,0) 30%,#212529 100%) } .overlay-gradient-top-content:before { opacity: 1 !important; background: transparent; background: linear-gradient(to top,rgba(0,0,0,0) 30%,#212529 100%) } .overlay-gradient:before { background-color: #6c6ef1; background-image: linear-gradient(to right,#6c6ef1 0%,#e2498e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6ef1',endColorstr='#e2498e',GradientType=1) } .overlay-gradient.overlay-gradient-animated:before { background-size: 200% 200%; -webkit-animation-name: gradientTransition; animation-name: gradientTransition; -webkit-animation-duration: 20000ms; animation-duration: 20000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .parallax { background-color: transparent; background-position: 50% 50%; background-repeat: repeat; background-attachment: fixed; position: relative; clear: both } .parallax.parallax-mouse { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden } .parallax.parallax-mouse .parallax-mouse-object { position: absolute; top: 0; left: 0; -o-object-fit: contain; object-fit: contain } .parallax:not(.page-header):not(.match-height):not([class*=section-height-]) { margin: 70px 0; padding: 0px 0 } .parallax blockquote { border: 0; padding: 0 10% } .parallax blockquote i.fa-quote-left { font-size: 34px; position: relative; left: -5px } .parallax blockquote p { font-size: 24px; line-height: 30px } .parallax blockquote span { font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px } .parallax-disabled .parallax-background { background-attachment: scroll !important; background-position: 50% 50% !important } .parallax-background + .container { position: relative } .pricing-table { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px } .pricing-table .plan { background: #fff; border-radius: 0; margin-top: 15px; margin-bottom: 15px } .pricing-table .plan .plan-price, .pricing-table .plan .plan-features, .pricing-table .plan .plan-footer { border: 1px solid #ededed } .pricing-table .plan .plan-header { background: #212529; padding: 15.2px 16px; padding: .95rem 1rem } .pricing-table .plan .plan-header h3 { color: #fff; font-size: 12.8px; font-size: .8rem; font-weight: 600; line-height: 1; letter-spacing: 0; text-align: center; text-transform: uppercase; margin-bottom: 0 } .pricing-table .plan .plan-price { display: flex; flex-direction: column; background: #f7f7f7; border-top: 0; border-bottom: 0; padding: 32px 12.8px; padding: 2rem .8rem; text-align: center } .pricing-table .plan .plan-price .price { display: flex; justify-content: center; align-items: flex-start; font-size: 43.2px; font-size: 2.7rem; font-weight: 600; line-height: 1; color: #212529 } .pricing-table .plan .plan-price .price .price-unit { font-size: 50%; line-height: 1.4 } .pricing-table .plan .plan-price .price-label { text-transform: uppercase; color: #777; font-size: 11.2px; font-size: .7rem; line-height: 1; margin-bottom: 0 } .pricing-table .plan .plan-features { border-top: 0; border-bottom: 0; padding: 12.8px; padding: .8rem; text-align: center } .pricing-table .plan .plan-features ul { padding: 0 8px; padding: 0 .5rem; margin-bottom: 0 } .pricing-table .plan .plan-features ul li { border-bottom: 1px solid #ededed; line-height: 2.9; list-style: none; font-size: .9em } .pricing-table .plan .plan-features ul li:last-child { border-bottom: 0 } .pricing-table .plan .plan-footer { border-top: 0; padding: 24px 12.8px 40px; padding: 1.5rem .8rem 2.5rem; text-align: center } .pricing-table .plan.plan-featured { position: relative; box-shadow: 0 0 40px rgba(200,200,200,.3); transform: scale(1.15); z-index: 1 } .pricing-table .plan.plan-featured .plan-header h3, .pricing-table .plan.plan-featured .plan-features ul li { font-size: 12.8px; font-size: .8rem } .pricing-table.pricing-table-no-gap { margin-left: 0; margin-right: 0 } .pricing-table.pricing-table-no-gap .plan { margin: 0 -15px 0 -16px } @media(max-width:767px) { .pricing-table .plan.plan-featured { transform: scale(1) } .pricing-table .plan.plan-featured .plan-header h3, .pricing-table .plan.plan-featured .plan-features ul li { font-size: .9rem } } .pricing-block > .row { margin-right: 0; margin-left: 0 } .pricing-block > .row > div:nth-child(1) { padding: 27.2px; padding: 1.7rem } .pricing-block > .row > div:nth-child(2) { display: flex; flex-direction: column; justify-content: center; padding: 27.2px; padding: 1.7rem; background: #f7f7f7; text-align: center; border-left: 1px solid #dee2e6; border-radius: 0 4px 4px 0 } .pricing-block .plan-price { display: flex; flex-direction: column; background: #f7f7f7; border-top: 0; border-bottom: 0; text-align: center } .pricing-block .plan-price .price { display: flex; justify-content: center; align-items: flex-start; font-size: 43.2px; font-size: 2.7rem; font-weight: 600; line-height: 1; color: #212529 } .pricing-block .plan-price .price .price-unit { font-size: 50%; line-height: 1.4 } .pricing-block .plan-price .price-label { text-transform: uppercase; color: #777; font-size: 11.2px; font-size: .7rem; line-height: 1; margin-bottom: 0 } @media(max-width:991px) { .pricing-block > .row > div:nth-child(2) { border-left: none; border-top: 1px solid #dee2e6; border-radius: 0 0 4px 4px } } .price-menu-item .price-menu-item-details { display: flex; justify-content: space-between; position: relative } .price-menu-item .price-menu-item-details .price-menu-item-title { position: relative; padding-bottom: 10px } .price-menu-item .price-menu-item-details .price-menu-item-price { position: relative; top: -5px } .price-menu-item .price-menu-item-details .price-menu-item-price strong { font-size: 20.8px; font-size: 1.3rem } .price-menu-item .price-menu-item-details .price-menu-item-price strong > span { font-size: .6em } .price-menu-item .price-menu-item-details .price-menu-item-line { position: absolute; width: 100%; bottom: 0; border-bottom: dashed 1px #777 } .price-menu-item .price-menu-item-img img { border-radius: 50%; max-width: 60px; height: auto } .price-menu-item .price-menu-item-desc { position: relative; margin-top: 5px } .price-menu-item + .price-menu-item { margin-top: 25px } .process { text-align: center } .process .process-step { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative } .process .process-step-circle { display: flex; justify-content: center; height: 90px; text-align: center; width: 90px; border: 2px solid #ccc; border-radius: 50%; align-items: center; position: relative; background-color: transparent; transition: all .2s ease-in-out } .process .process-step-content { padding-top: 20px } .process .process-step-circle-content { font-weight: 700; color: #212529; font-size: 1.6em; letter-spacing: -1px; transition: all .2s ease-in-out } .process .process-step:hover .process-step-circle { background-color: #ccc } .process .process-step:hover .process-step-circle .process-step-circle-content { color: #fff } .process .process-step:hover .process-step-circle .process-step-circle-content .icons { color: #fff !important } .process.process-shapes .process-step-circle { position: relative; width: auto; height: auto; border: 0; margin-bottom: 19.2px; margin-bottom: 1.2rem } .process.process-shapes .process-step-circle .process-step-circle-content { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background-color: #ccc; border-radius: 100%; color: #fff; z-index: 3 } .process.process-shapes .process-step-circle:before, .process.process-shapes .process-step-circle:after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background-color: #777; border-radius: 100%; opacity: .6; transform: translate3d(-50%,-50%,0) scale(1.5); transition: ease transform 1s; z-index: 2 } .process.process-shapes .process-step-circle:after { background-color: #999; opacity: .3; transform: translate3d(-50%,-50%,0) scale(2); z-index: 1 } .process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:before { -webkit-animation-name: processShapesScaleOne; animation-name: processShapesScaleOne; -webkit-animation-delay: 300ms; animation-delay: 300ms } .process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:after { -webkit-animation-name: processShapesScaleTwo; animation-name: processShapesScaleTwo } .process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:before, .process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:after { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear } .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:before { -webkit-animation-name: processShapesScaleOne; animation-name: processShapesScaleOne; -webkit-animation-delay: 300ms; animation-delay: 300ms } .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:after { -webkit-animation-name: processShapesScaleTwo; animation-name: processShapesScaleTwo } .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:before, .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:after { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear } .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle.process-shapes-always-animate-delay:before { -webkit-animation-name: processShapesScaleOne; animation-name: processShapesScaleOne; -webkit-animation-delay: 1000ms; animation-delay: 1000ms } .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle.process-shapes-always-animate-delay:after { -webkit-animation-name: processShapesScaleTwo; animation-name: processShapesScaleTwo; -webkit-animation-delay: 700ms; animation-delay: 700ms } @-webkit-keyframes processShapesScaleOne { 0% { opacity: .6; transform: translate3d(-50%,-50%,0) scale(1.5) } 25% { opacity: 0; transform: translate3d(-50%,-50%,0) scale(1.8) } 50% { opacity: 0; transform: translate3d(-50%,-50%,0) scale(1) } 100% { opacity: .6; transform: translate3d(-50%,-50%,0) scale(1.5) } } @keyframes processShapesScaleOne { 0% { opacity: .6; transform: translate3d(-50%,-50%,0) scale(1.5) } 25% { opacity: 0; transform: translate3d(-50%,-50%,0) scale(1.8) } 50% { opacity: 0; transform: translate3d(-50%,-50%,0) scale(1) } 100% { opacity: .6; transform: translate3d(-50%,-50%,0) scale(1.5) } } @-webkit-keyframes processShapesScaleTwo { 0% { opacity: .3; transform: translate3d(-50%,-50%,0) scale(2) } 25% { opacity: 0; transform: translate3d(-50%,-50%,0) scale(2.3) } 50% { opacity: 0; transform: translate3d(-50%,-50%,0) scale(1) } 100% { opacity: .3; transform: translate3d(-50%,-50%,0) scale(2) } } @keyframes processShapesScaleTwo { 0% { opacity: .3; transform: translate3d(-50%,-50%,0) scale(2) } 25% { opacity: 0; transform: translate3d(-50%,-50%,0) scale(2.3) } 50% { opacity: 0; transform: translate3d(-50%,-50%,0) scale(1) } 100% { opacity: .3; transform: translate3d(-50%,-50%,0) scale(2) } } @media(min-width:992px) { .process .process-step:before { content: ''; height: 2px; display: block; background-color: #ededed; position: absolute; width: 50%; top: 45px; left: 75% } .process .process-step:last-child:before { display: none } .process.process-shapes .process-step:before { top: 23px } } .process-vertical { text-align: left } .process-vertical .process-step { width: 100%; flex-direction: row; justify-content: start; align-items: start; position: relative; padding-bottom: 60px } .process-vertical .process-step:before { display: none } .process-vertical .process-step:after { width: 2px; display: block; background-color: #ededed; position: absolute; content: ''; height: calc(100% - 80px); top: 70px; left: 30px } .process-vertical .process-step:last-child:after { display: none } .process-vertical .process-step-circle { height: 60px; width: 60px; margin: 0 15px 0 0; min-height: 60px; min-width: 60px } .process-vertical .process-step-content { padding-top: 0 } .process-connecting-line { position: relative; text-align: left } .process-connecting-line .connecting-line { content: ''; position: absolute; top: 25px; left: 15px; right: 15px; height: 3px; background: #ccc } .process-connecting-line .process-step { align-items: flex-start; padding-right: 48px; padding-right: 3rem; padding-left: 48px; padding-left: 3rem } .process-connecting-line .process-step:before { content: none } .process-connecting-line .process-step-circle { background: #fff; width: 50px; height: 50px; border: 3px solid #ccc } html .scroll-to-top { transition: opacity .3s; background: #404040; border-radius: 4px 4px 0 0; bottom: 0; color: #fff; display: block; height: 9px; opacity: 0; padding: 10px 10px 35px; position: fixed; right: 10px; text-align: center; text-decoration: none; min-width: 50px; z-index: 1040; font-size: .8em } html .scroll-to-top:hover { opacity: 1 } html .scroll-to-top.visible { opacity: .75 } html .scroll-to-top span { display: inline-block; padding: 0 5px } html.lightbox-opened .scroll-to-top { right: 27px } @media(max-width:991px) { html .scroll-to-top.hidden-mobile { } } .scrollable { overflow: hidden; position: relative; width: 100% } .scrollable .scrollable-content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; padding: 0 37px 0 0; overflow-x: hidden; overflow-y: scroll; outline: none } .scrollable .scrollable-content::-webkit-scrollbar { visibility: hidden } .scrollable .scrollable-pane { bottom: 0; opacity: .01; position: absolute; right: 5px; top: 0; transition: all .2s ease 0; width: 4px } .scrollable .scrollable-slider { border-radius: 5px; background: none repeat scroll 0 0 #ccc; margin: 0; position: relative; transition: opacity .2s ease 0; opacity: 0 } .scrollable.scrollable-padding .scrollable-content { padding: 10px 24px 10px 10px } .scrollable:hover .scrollable-slider, .scrollable.visible-slider .scrollable-slider { opacity: 1 } section.section { background: #f7f7f7; border-top: 5px solid #f1f1f1; margin: 30px 0; padding: 50px 0 } section.section > .container { position: relative } section.section.section-height-1 { padding: 12.307px 0; padding: .7692307692rem 0 } section.section.section-height-2 { padding: 36.923px 0; padding: 2.3076923077rem 0 } section.section.section-height-3 { padding: 73.846px 0; padding: 4.6153846154rem 0 } section.section.section-height-4 { padding: 110.769px 0; padding: 6.9230769231rem 0 } section.section.section-height-5 { padding: 147.692px 0; padding: 9.2307692308rem 0 } section.section.section-bg-strong-grey { background: #ededed } section.section.section-no-background { background: 0 0; border-top-color: transparent } section.section.section-center { text-align: center } section.section.section-text-light h1, section.section.section-text-light h2, section.section.section-text-light h3, section.section.section-text-light h4, section.section.section-text-light h5, section.section.section-text-light h6 { color: #fff } section.section.section-text-light p { color: #e6e5e5 } section.section.section-background { background-repeat: repeat; border: 0 } section.section.section-background-change-anim { -webkit-animation-name: colorTransition; animation-name: colorTransition; -webkit-animation-duration: 25s; animation-duration: 25s; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear } section.section.section-funnel { position: relative } section.section.section-funnel .section-funnel-layer-top { position: absolute; top: 0; left: 0; width: 100%; padding: 96px 0; padding: 6rem 0; transform: translate3d(0,-50%,0) } section.section.section-funnel .section-funnel-layer-bottom { position: absolute; bottom: 0; left: 0; width: 100%; padding: 96px 0; padding: 6rem 0; transform: translate3d(0,50%,0) } section.section.section-funnel .section-funnel-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff } section.section.section-funnel .section-funnel-layer:nth-child(1) { transform: skewY(-4.7deg) } section.section.section-funnel .section-funnel-layer:nth-child(2) { transform: skewY(4.7deg) } section.section.section-angled { position: relative; margin: 0; overflow: hidden } section.section.section-angled .section-angled-layer-top { position: absolute; top: 0; left: 0; width: 100%; padding: 48px 0; padding: 3rem 0; transform: skewY(-0.7deg) translate3d(0,-50%,0) } section.section.section-angled .section-angled-layer-bottom { position: absolute; bottom: 0; left: 0; width: 100%; padding: 48px 0; padding: 3rem 0; transform: skewY(0.7deg) translate3d(0,50%,0) } section.section.section-angled .section-angled-layer-top + .section-angled-content, section.section.section-angled .section-angled-layer-top + .section-angled-layer-bottom + .section-angled-content { margin-top: 40px; margin-top: 2.5rem } section.section.section-angled .section-angled-layer-bottom + .section-angled-content, section.section.section-angled .section-angled-layer-bottom + .section-angled-layer-top + .section-angled-content { margin-bottom: 40px; margin-bottom: 2.5rem } section.section.section-angled .section-angled-layer-increase-angle.section-angled-layer-top { transform: skewY(-1.7deg) translate3d(0,-50%,0) } section.section.section-angled .section-angled-layer-increase-angle.section-angled-layer-bottom { transform: skewY(1.7deg) translate3d(0,50%,0) } section.section.section-angled .section-angled-layer-increase-angle-2.section-angled-layer-top { padding: 112px 0; padding: 7rem 0; transform: skewY(-4.7deg) translate3d(0,-50%,0) } section.section.section-angled .section-angled-layer-increase-angle-2.section-angled-layer-bottom { padding: 112px 0; padding: 7rem 0; transform: skewY(4.7deg) translate3d(0,50%,0) } section.section.section-angled.section-angled-reverse .section-angled-layer-top { transform: skewY(0.7deg) translate3d(0,-50%,0) } section.section.section-angled.section-angled-reverse .section-angled-layer-bottom { transform: skewY(-0.7deg) translate3d(0,50%,0) } section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle.section-angled-layer-top { transform: skewY(1.7deg) translate3d(0,-50%,0) } section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle.section-angled-layer-bottom { transform: skewY(-1.7deg) translate3d(0,50%,0) } section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle-2.section-angled-layer-top { padding: 112px 0; padding: 7rem 0; transform: skewY(4.7deg) translate3d(0,-50%,0) } section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle-2.section-angled-layer-bottom { padding: 112px 0; padding: 7rem 0; transform: skewY(-4.7deg) translate3d(0,50%,0) } section.section.section-angled + .section-angled { padding-top: 0 } section.section.overlay .section-angled-layer-top, section.section.overlay .section-angled-layer-bottom { z-index: 99 !important } section.section.section-overlay { position: relative } section.section.section-overlay:before { content: ""; display: block; background: rgba(33,37,41,.8); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } section.section.section-overlay .section-angled-layer-top, section.section.section-overlay .section-angled-layer-bottom { z-index: 99 !important } section.section.section-overlay-dot:before { background: url(../img/overlay-dot.png) repeat scroll 0 0 transparent } section.section.section-overlay-opacity { position: relative } section.section.section-overlay-opacity:before { content: ""; display: block; background: rgba(0,0,0,.5); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } section.section.section-overlay-opacity.section-overlay-opacity-scale-1:before { background: rgba(33,37,41,.1) } section.section.section-overlay-opacity.section-overlay-opacity-scale-2:before { background: rgba(33,37,41,.2) } section.section.section-overlay-opacity.section-overlay-opacity-scale-3:before { background: rgba(33,37,41,.3) } section.section.section-overlay-opacity.section-overlay-opacity-scale-4:before { background: rgba(33,37,41,.4) } section.section.section-overlay-opacity.section-overlay-opacity-scale-5:before { background: rgba(33,37,41,.5) } section.section.section-overlay-opacity.section-overlay-opacity-scale-6:before { background: rgba(33,37,41,.6) } section.section.section-overlay-opacity.section-overlay-opacity-scale-7:before { background: rgba(33,37,41,.7) } section.section.section-overlay-opacity.section-overlay-opacity-scale-8:before { background: rgba(33,37,41,.8) } section.section.section-overlay-opacity.section-overlay-opacity-scale-9:before { background: rgba(33,37,41,.9) } section.section.section-overlay-opacity-light:before { background: rgba(255,255,255,.5) } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-1:before { background: rgba(255,255,255,.1) } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-2:before { background: rgba(255,255,255,.2) } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-3:before { background: rgba(255,255,255,.3) } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-4:before { background: rgba(255,255,255,.4) } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-5:before { background: rgba(255,255,255,.5) } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-6:before { background: rgba(255,255,255,.6) } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-7:before { background: rgba(255,255,255,.7) } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-8:before { background: rgba(255,255,255,.8) } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-9:before { background: rgba(255,255,255,.9) } section.section.section-overlay-opacity-gradient:before { opacity: .85 } section.section.section-video { background: 0 0 !important; border: 0 } section.section.section-parallax { background-color: transparent; background-position: 50% 50%; background-repeat: repeat; background-attachment: fixed; border: 0 } section.section.section-parallax.parallax-disabled { background-attachment: scroll !important; background-position: 50% 50% !important } section.section.section-no-border { border: 0 } section.section.section-with-divider { margin: 56px 0 35px } section.section.section-with-divider .divider { margin: -56px 0 44px } section.section.section-footer { margin-bottom: -50px } section.section.section-with-mockup { margin-top: 120px } section.section.section-front { position: relative; z-index: 1 } @media(max-width:991px) { .container-fluid > .row > .p-0 section.section { margin-bottom: 0; margin-top: 0 } .container-fluid > .row > .p-0:first-child section.section { margin-bottom: 0; margin-top: 30px } .container-fluid > .row > .p-0:last-child section.section { margin-bottom: 30px; margin-top: 0 } } @-webkit-keyframes shapeDividerToLeft { from { transform: translate3d(0,0,0) } to { transform: translate3d(-200%,0,0) } } @keyframes shapeDividerToLeft { from { transform: translate3d(0,0,0) } to { transform: translate3d(-200%,0,0) } } @-webkit-keyframes shapeDividerToRight { from { transform: translate3d(0,0,0) } to { transform: translate3d(200%,0,0) } } @keyframes shapeDividerToRight { from { transform: translate3d(0,0,0) } to { transform: translate3d(200%,0,0) } } .section.section-with-shape-divider { position: relative; overflow: hidden } .section.section-with-shape-divider .shape-divider { position: absolute; top: 0; left: 0; width: 100%; height: 80px; z-index: 1 } .section.section-with-shape-divider .shape-divider svg { position: absolute; top: 0; left: 50%; height: 100%; transform: translate3d(-50%,0,0) } @media(min-width:1950px) { .section.section-with-shape-divider .shape-divider svg { width: 100% } } .section.section-with-shape-divider .shape-divider.shape-divider-bottom { top: auto; bottom: 0 } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y { transform: rotateY(180deg) } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x { transform: rotateX(180deg) } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy { transform: rotateY(180deg) rotateX(180deg) } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; -webkit-animation-duration: 45s; animation-duration: 45s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation > svg { width: 100vw; left: 0; transform: none } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start { -webkit-animation-name: shapeDividerToRight; animation-name: shapeDividerToRight } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) { transform: rotateY(180deg) translate3d(99.9%,0,0) } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) { transform: translate3d(-199.8%,0,0) } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start { -webkit-animation-name: shapeDividerToLeft; animation-name: shapeDividerToLeft } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) { transform: rotateY(180deg) translate3d(-99.9%,0,0) } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) { transform: translate3d(199.8%,0,0) } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start, .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start { -webkit-animation-name: shapeDividerToLeft; animation-name: shapeDividerToLeft } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) { transform: rotateY(180deg) translate3d(-99.9%,0,0) } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) { transform: translate3d(199.8%,0,0) } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start, .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start { -webkit-animation-name: shapeDividerToRight; animation-name: shapeDividerToRight } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) { transform: rotateY(180deg) translate3d(99.9%,0,0) } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) { transform: translate3d(-199.8%,0,0) } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start { -webkit-animation-name: shapeDividerToRight; animation-name: shapeDividerToRight } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start { -webkit-animation-name: shapeDividerToLeft; animation-name: shapeDividerToLeft } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) { transform: rotateY(180deg) translate3d(-99.9%,0,0) } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) { transform: translate3d(199.8%,0,0) } .section.section-with-shape-divider.overlay:before { z-index: 1 } aside ul.nav-list > li > a { color: #666; font-size: .9em; padding: 8px 0 8px 22px } aside .twitter [class*=fa-], aside .twitter .icons { clear: both; font-size: 1.5em; position: relative; top: 3px; margin-right: -22px; left: -30px; color: #212529 } aside .twitter .meta { display: block; font-size: .9em; padding-top: 3px } aside .twitter ul { list-style: none; margin: 0; padding: 0 } aside .twitter ul li { padding-bottom: 20px; padding-left: 30px } aside .twitter ul li:last-child { padding-bottom: 0 } aside .twitter-account { display: block; font-size: .9em; margin: -15px 0 5px; opacity: .55 } aside .twitter-account:hover { opacity: 1 } html.side-panel .body:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(33,37,41,.5); opacity: 0; visibility: hidden; z-index: 9998; transition: ease opacity 300ms } html.side-panel .side-panel-wrapper { position: fixed; top: 0; left: 0; width: 300px; height: 100vh; background: #fff; padding: 32px; padding: 2rem; box-shadow: 0 0 30px -13px rgba(0,0,0,.2); overflow-y: auto; transform: translate3d(-100%,0,0); transition: ease transform 300ms; z-index: 9999 } html.side-panel .side-panel-wrapper .side-panel-close { position: absolute; top: 0; right: 0 } html.side-panel.side-panel-push .body { transform: translate3d(0,0,0); transition: ease transform 300ms } html.side-panel.side-panel-right .side-panel-wrapper { left: auto; right: 0; transform: translate3d(100%,0,0) } html.side-panel.side-panel-without-overlay .body:before { content: none } html.side-panel.side-panel-open .body:before { opacity: 1; visibility: visible } html.side-panel.side-panel-open .side-panel-wrapper { transform: translate3d(0,0,0) } html.side-panel.side-panel-open.side-panel-push .body { transform: translate3d(300px,0,0) } html.side-panel.side-panel-open.side-panel-push.side-panel-right .body { transform: translate3d(-300px,0,0) } .slider-container { background: #151719; height: 500px; overflow: hidden; width: 100%; direction: ltr } .slider-container .tparrows { border-radius: 6px } .slider-container .slider-single-slide .tparrows { display: none } .slider-container .top-label { color: #fff; font-size: 24px; font-weight: 300 } .slider-container .main-label { color: #fff; font-size: 62px; line-height: 62px; font-weight: 800; text-shadow: 2px 2px 4px rgba(0,0,0,.15) } .slider-container .featured-label { color: #fff; font-size: 52px; line-height: 52px; font-weight: 800; text-shadow: 1px 1px 3px rgba(0,0,0,.15) } .slider-container .bottom-label { color: #fff; font-size: 20px; line-height: 20px; font-weight: 300 } .slider-container .blackboard-text { color: #bab9be; font-size: 46px; line-height: 46px; font-family: shadows into light,cursive; text-transform: uppercase } .slider-container .btn.btn-lg.btn-slider-action { font-size: 22px; font-weight: 600; line-height: 20px; padding: 19.2px 28.8px; padding: 1.2rem 1.8rem } .slider-container .top-label-dark, .slider-container .main-label-dark, .slider-container .bottom-label-dark { color: #333 } .slider-container .tp-caption-dark a { color: #333 } .slider-container .tp-caption-dark a:hover { color: #333 } .slider-container .tp-caption-overlay { background: #000; padding: 10px } .slider-container .tp-caption-overlay-opacity { background: rgba(0,0,0,.4); padding: 10px } .slider-container .tp-opacity-overlay { background: #000; opacity: .75 } .slider-container .tp-opacity-overlay-light { background: #fff; opacity: .75 } .slider-container.transparent { background-color: transparent } .slider-container.light { background-color: #eaeaea } .slider-container.light .tp-bannershadow { opacity: .05; top: 0; bottom: auto; z-index: 1000 } .slider-container.light .featured-label, .slider-container.light .top-label, .slider-container.light .main-label, .slider-container.light .bottom-label { color: #333 } .slider-container.light .tp-caption a { color: #333 } .slider-container.light .tp-caption a:hover { color: #333 } .tp-caption[data-typewriter]:after { transform: translateX(-9px) } .rev_slider li.slide-overlay .slotholder:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; pointer-events: none; opacity: .9; background: #212529; z-index: 2 } .rev_slider li.slide-overlay.slide-overlay-light .slotholder:after { background: #fff } .rev_slider li.slide-overlay.slide-overlay-gradient .slotholder:after { background-color: #6c6ef1; background-image: linear-gradient(to right,#6c6ef1 0%,#e2498e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6ef1',endColorstr='#e2498e',GradientType=1) } .rev_slider li.slide-overlay.slide-overlay-gradient.slide-overlay-gradient-animated .slotholder:after { background-size: 200% 200%; -webkit-animation-name: gradientTransition; animation-name: gradientTransition; -webkit-animation-duration: 20000ms; animation-duration: 20000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .rev_slider li.slide-overlay.slide-overlay-level-0 .slotholder:after { opacity: 0 } .rev_slider li.slide-overlay.slide-overlay-level-1 .slotholder:after { opacity: .1 } .rev_slider li.slide-overlay.slide-overlay-level-2 .slotholder:after { opacity: .2 } .rev_slider li.slide-overlay.slide-overlay-level-3 .slotholder:after { opacity: .3 } .rev_slider li.slide-overlay.slide-overlay-level-4 .slotholder:after { opacity: .4 } .rev_slider li.slide-overlay.slide-overlay-level-5 .slotholder:after { opacity: .5 } .rev_slider li.slide-overlay.slide-overlay-level-6 .slotholder:after { opacity: .6 } .rev_slider li.slide-overlay.slide-overlay-level-7 .slotholder:after { opacity: .7 } .rev_slider li.slide-overlay.slide-overlay-level-8 .slotholder:after { opacity: .8 } .rev_slider li.slide-overlay.slide-overlay-level-9 .slotholder:after { opacity: .9 } .rev_slider li.slide-overlay.slide-overlay-level-10 .slotholder:after { opacity: .1 } .slider-scroll-button { position: relative; width: 57px; height: 57px; border-radius: 100%; text-indent: -9999px } .slider-scroll-button:before { content: ''; position: absolute; top: 50%; left: 49%; width: 23px; height: 34px; border: 1px solid #fff; border-radius: 15px; transform: translate3d(-50%,-50%,0) } .slider-scroll-button:after { content: ''; width: 6px; height: 10px; border-radius: 10px; border: 1px solid #fff; position: absolute; top: 19px; left: 49%; transform: translate3d(-50%,0,0); -webkit-animation-name: sliderScrollButton; animation-name: sliderScrollButton; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .slider-scroll-button.slider-scroll-button-dark:before { border-color: #212529 } .slider-scroll-button.slider-scroll-button-dark:after { border-color: #212529 } .tparrows.tparrows-carousel { display: inline-block; position: absolute; width: 30px; height: auto; padding: 20px 0 } .tparrows.tparrows-carousel.tp-leftarrow { right: auto !important; left: -30px !important; border-radius: 0 4px 4px 0 } .tparrows.tparrows-carousel.tp-leftarrow:before { font-family: 'font awesome 6 free'; font-weight: 900; content: "\f053"; position: relative; left: -1px; top: 1px } .tparrows.tparrows-carousel.tp-rightarrow { right: -60px !important; left: auto !important; border-radius: 4px 0 0 4px } .tparrows.tparrows-carousel.tp-rightarrow:before { font-family: 'font awesome 6 free'; font-weight: 900; content: "\f054"; position: relative; left: 1px; top: 1px } .tparrows.arrows-style-1 { background: 0 0 !important } .tparrows.arrows-style-2 { background: 0 0 !important } .tparrows.arrows-style-2.tp-leftarrow:before, .tparrows.arrows-style-2.tp-rightarrow:before { content: ''; display: block; position: absolute; left: 1.5px; top: 50%; width: .8em; height: .8em; border-top: 1px solid #fff; border-left: 1px solid #fff; transition: ease opacity 400ms; font-size: inherit; opacity: .7 } .tparrows.arrows-style-2.tp-leftarrow:after, .tparrows.arrows-style-2.tp-rightarrow:after { content: ''; display: block; border-top: 1px solid #fff; transition: ease opacity 400ms; width: 1.5em; position: absolute; top: 50%; font-size: inherit; transform: translate3d(0,-50%,0); opacity: .7 } .tparrows.arrows-style-2.tp-leftarrow:hover:before, .tparrows.arrows-style-2.tp-rightarrow:hover:before { opacity: 1 } .tparrows.arrows-style-2.tp-leftarrow:hover:after, .tparrows.arrows-style-2.tp-rightarrow:hover:after { opacity: 1 } .tparrows.arrows-style-2.tp-leftarrow:before { left: .5px; transform: translate3d(0,-50%,0) rotate(-45deg) } .tparrows.arrows-style-2.tp-rightarrow:before { left: 9.5px; transform: translate3d(0,-50%,0) rotate(135deg) } @media(max-width:768px) { .tparrows.arrows-style-2 { display: none } } .tparrows.arrows-dark:before { color: #111 !important } .tparrows.arrows-big:before { font-size: 25px } .tparrows.arrows-rounded { border-radius: 100% } .tp-bullets.bullets-style-1 .tp-bullet { width: 8px; height: 8px; border-radius: 100% } .tp-bullets.bullets-style-2 .tp-bullet { width: 8px; height: 8px; border-radius: 100%; background: #78888d } .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { border: 0 !important } .hesperiden-custom { padding: 10px 0 !important } .hesperiden-custom .tp-tab { border: 0 !important } .slider-with-overlay { position: relative } .slider-with-overlay .slider-container { z-index: auto } .slider-contact-form { margin: 45px 0 } .slider-contact-form .featured-box { text-align: left } .slider-contact-form label.error { display: none !important } .slider-contact-form .alert { padding: 6px; text-align: center } .slider-contact-form textarea { resize: none } @media(min-width:992px) { .slider-contact-form { margin: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; width: 100% } } html.boxed .slider-container { width: 100% !important; left: auto !important } @media(max-width:991px) { html.side-header .slider-container.fullscreen-slider, html.side-header .slider-container.fullscreen-slider + .tp-fullwidth-forcer { height: calc(100vh - 84px) !important } } .social-icons { margin: 0; padding: 0; width: auto } .social-icons li { display: inline-block; margin: -1px 1px 0 0; padding: 0; border-radius: 100%; overflow: visible } .social-icons li a { transition: all .2s ease; border-radius: 100%; display: block; height: 28px; line-height: 28px; width: 28px; text-align: center; color: #333 !important; text-decoration: none; font-size: 12.8px; font-size: .8rem } .social-icons li:hover a { background: #151719; color: #fff !important } .social-icons li:hover.social-icons-twitter a { background: #1aa9e1 !important } .social-icons li:hover.social-icons-facebook a { background: #3b5a9a !important } .social-icons li:hover.social-icons-linkedin a { background: #0073b2 !important } .social-icons li:hover.social-icons-rss a { background: #ff8201 !important } .social-icons li:hover.social-icons-googleplus a { background: #dd4b39 !important } .social-icons li:hover.social-icons-pinterest a { background: #cc2127 !important } .social-icons li:hover.social-icons-youtube a { background: #c3191e !important } .social-icons li:hover.social-icons-instagram a { background: #7c4a3a !important } .social-icons li:hover.social-icons-skype a { background: #00b0f6 !important } .social-icons li:hover.social-icons-email a { background: #dd4b39 !important } .social-icons li:hover.social-icons-vk a { background: #6383a8 !important } .social-icons li:hover.social-icons-xing a { background: #1a7576 !important } .social-icons li:hover.social-icons-tumblr a { background: #304e6c !important } .social-icons li:hover.social-icons-reddit a { background: #ff4107 !important } .social-icons li:hover.social-icons-whatsapp a { background: #25d366 !important } .social-icons.social-icons-dark li a { background: #181818 } .social-icons.social-icons-dark li a i { color: #fff } .social-icons.social-icons-dark-2 li a { background: #272a2e } .social-icons.social-icons-dark-2 li a i { color: #fff } .social-icons.social-icons-transparent li { box-shadow: none } .social-icons.social-icons-transparent li a { background: 0 0 } .social-icons.social-icons-icon-gray li a { color: #777 !important } .social-icons.social-icons-icon-gray li:hover a { color: #fff !important } .social-icons.social-icons-icon-light li a i { color: #fff } .social-icons.social-icons-icon-light.social-icons-clean li a i { color: #fff !important } .social-icons.social-icons-medium li a, .social-icons.social-icons-md li a { height: 33px; line-height: 33px; width: 33px; font-size: 14.4px; font-size: .9rem } .social-icons.social-icons-big li a, .social-icons.social-icons-lg li a { height: 48px; line-height: 50px; width: 48px } @media(max-width:400px) { .social-icons.social-icons-big li a, .social-icons.social-icons-lg li a { height: 38px; line-height: 40px; width: 38px } } .social-icons.social-icons-opacity-light li a { background: rgba(255,255,255,.04) } .social-icons.social-icons-clean-with-border li a { background: 0 0; color: #fff !important; border: 1px solid rgba(255,255,255,.1) } .social-icons.social-icons-clean-with-border.social-icons-clean-with-border-border-grey li a { border: 1px solid #e7e7e7 } .social-icons.social-icons-clean-with-border.social-icons-clean-with-border-icon-dark li a { color: #212121 !important } .social-icons.social-icons-clean-with-border.social-icons-clean-with-border-icon-dark li:hover a { color: #fff !important } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li { box-shadow: 0 1px 1px 0 rgba(0,0,0,.2) } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li a { background: #fff } .social-icons-dark.social-icons-clean li a, .social-icons-dark-2.social-icons-clean li a { background: 0 0; color: #fff !important } .sort-source-wrapper { padding: 8px 0; position: relative } .sort-source-wrapper .nav { margin: -100px 0 5px } .sort-source-wrapper .nav > li > a { color: #fff; background: 0 0 } .sort-source-wrapper .nav > li > a:hover, .sort-source-wrapper .nav > li > a:focus { background: 0 0 } .sort-source-wrapper .nav > li.active > a { background: 0 0 } .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus { background: 0 0 } .sort-source { clear: both } .sort-source.d-none { display: block !important; width: 0; height: 0; overflow: hidden } .sort-source > li > a { padding: 6px 12px; text-decoration: none } .sort-source.sort-source-style-2 { margin: -10px auto } .sort-source.sort-source-style-2 > li { float: none; display: inline-block } .sort-source.sort-source-style-2 > li > a, .sort-source.sort-source-style-2 > li > a:focus, .sort-source.sort-source-style-2 > li > a:hover { background: 0 0; color: #fff; display: inline-block; border-radius: 0; margin: 0; padding: 18px 28px; position: relative; text-decoration: none } .sort-source.sort-source-style-2 > li > a:after { transition: margin .3s; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #ccc; content: " "; display: block; position: absolute; left: 50%; margin-left: -20px; margin-top: 0; opacity: 0 } .sort-source.sort-source-style-2 > li.active > a, .sort-source.sort-source-style-2 > li.active > a:focus, .sort-source.sort-source-style-2 > li.active > a:hover { background: 0 0 } .sort-source.sort-source-style-2 > li.active > a:after { opacity: 1; margin-top: 18px } @media(max-width:991px) { .sort-source.sort-source-style-2 > li { display: block } .sort-source.sort-source-style-2 > li.active > a:after { display: none !important } } .sort-source.sort-source-style-3 > li > a { color: #777 } .sort-source.sort-source-style-3 > li.active > a { background: 0 0 !important; border-bottom: 3px solid #ccc; border-radius: 0 } .sort-destination { overflow: hidden } .sort-destination .isotope-item { min-width: 1px } .sort-destination.full-width { position: relative } .sort-destination.full-width .isotope-item { width: 20%; float: left } .sort-destination.full-width .isotope-item.w2 { width: 40% } .sort-destination.full-width .isotope-item .img-thumbnail, .sort-destination.full-width .isotope-item a, .sort-destination.full-width .isotope-item .thumb-info img { border-radius: 0 } .sort-destination.full-width-spaced { margin-top: 50px; margin-left: 20px; margin-right: 20px } .sort-destination.full-width-spaced .portfolio-item { margin-left: 20px; margin-right: 20px } .sort-destination.sort-destination-items-hardware-acc .isotope-item { transform: translate3d(0,0,0) } html.gecko .sort-destination.sort-destination-margin > [class*=col-] { margin: -1px } .sort-source-wrapper + .sort-destination.full-width { margin: 0 0 -81px; top: -51px } .sort-source-wrapper + .sort-destination-loader .full-width { margin: 0 0 -81px; top: -51px } .sort-destination-loader { height: auto; overflow: hidden; position: relative } .sort-destination-loader:after { transition: opacity .3s; content: ' '; background: #fff; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; opacity: 0 } .sort-destination-loader .bounce-loader { display: none } .sort-destination-loader.sort-destination-loader-showing { max-height: 200px } .sort-destination-loader.sort-destination-loader-showing:after { opacity: 1 } .sort-destination-loader.sort-destination-loader-showing .bounce-loader { display: block } .sort-destination-loader.loader-showing-dark:after { background: #181818 } .sort-destination-loader.sort-destination-loader-loaded { overflow: visible } .sort-destination-loader.sort-destination-loader-loaded:after { display: none } .sort-destination-loader-full-width { overflow: visible } .sort-destination-loader-full-width:after { bottom: -81px; top: -51px } .sort-destination-loader-full-width.sort-destination-loader-showing { overflow: hidden; height: 600px } .sort-destination-loader-lg.sort-destination-loader-showing { height: 600px } .portfolio-load-more-loader.portfolio-load-more-loader-showing .bounce-loader { display: block !important } @media(min-width:992px) { .col-md-6.isotope-item:nth-child(2n+1) { clear: both } .col-md-4.isotope-item:nth-child(3n+1) { clear: both } .col-md-3.isotope-item:nth-child(4n+1) { clear: both } .col-md-1-5.isotope-item:nth-child(5n+1) { clear: both } .col-md-2.isotope-item:nth-child(6n+1) { clear: both } .sort-destination.full-width .isotope-item:nth-child(5n+1) { clear: both } } @media(max-width:991px) { .sort-destination.isotope { overflow: visible !important; height: auto !important } .sort-destination.isotope.full-width { overflow: hidden !important } .isotope-hidden { display: none !important } } @media(max-width:767px) { .isotope-item { position: static !important; text-align: center; width: 100%; margin-left: auto; margin-right: auto; transform: none !important } .isotope-item.product { position: relative !important } .sort-source-wrapper { background: #151719; clear: both; margin-top: -35px } .sort-source-wrapper .nav { margin: 0 } .sort-destination { height: auto !important } .sort-destination.full-width, .sort-source-wrapper + .sort-destination.full-width { max-width: none; margin: 0 0 -30px; top: 0 } .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item { max-width: 100% } .sort-source-wrapper + .sort-destination-loader .full-width { margin: 0 0 -30px; top: 0 } } @media(max-width:575px) { .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item { position: static !important; clear: both; float: none; width: auto } } .clip-svg { width: 0; height: 0 } .svg-fill-color-light { fill: #fff !important } .svg-fill-color-light svg path, .svg-fill-color-light svg rect { fill: #fff !important } .svg-fill-color-hover-light:hover { fill: #fff !important } .svg-fill-color-hover-light svg:hover path, .svg-fill-color-hover-light svg:hover rect { fill: #fff !important } .svg-stroke-color-light { stroke: #fff !important } .svg-stroke-color-light svg path, .svg-stroke-color-light svg rect { stroke: #fff !important } .svg-stroke-color-hover-light:hover { stroke: #fff !important } .svg-stroke-color-hover-light svg:hover path, .svg-stroke-color-hover-light svg:hover rect { stroke: #fff !important } .svg-fill-color-dark { fill: #212529 !important } .svg-fill-color-dark svg path, .svg-fill-color-dark svg rect { fill: #212529 !important } .svg-fill-color-hover-dark:hover { fill: #212529 !important } .svg-fill-color-hover-dark svg:hover path, .svg-fill-color-hover-dark svg:hover rect { fill: #212529 !important } .svg-stroke-color-dark { stroke: #212529 !important } .svg-stroke-color-dark svg path, .svg-stroke-color-dark svg rect { stroke: #212529 !important } .svg-stroke-color-hover-dark:hover { stroke: #212529 !important } .svg-stroke-color-hover-dark svg:hover path, .svg-stroke-color-hover-dark svg:hover rect { stroke: #212529 !important } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg rect { stroke: #212529 } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg rect { stroke: #fff } .table td, .table th { border-color: rgba(0,0,0,.06) } .table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th { background-color: #ccc; color: #fff } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #28a745; color: #fff } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #ffc107; color: #fff } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #dc3545; color: #fff } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #17a2b8; color: #fff } .table > thead > tr > td.dark, .table > tbody > tr > td.dark, .table > tfoot > tr > td.dark, .table > thead > tr > th.dark, .table > tbody > tr > th.dark, .table > tfoot > tr > th.dark, .table > thead > tr.dark > td, .table > tbody > tr.dark > td, .table > tfoot > tr.dark > td, .table > thead > tr.dark > th, .table > tbody > tr.dark > th, .table > tfoot > tr.dark > th { background-color: #212529; color: #fff } .tabs { border-radius: 4px; margin-bottom: 20px } .nav-tabs { margin: 0; padding: 0; border-bottom-color: #eee } .nav-tabs li:last-child .nav-link { margin-right: 0 } .nav-tabs li .nav-link { border-radius: 5px 5px 0 0; font-size: 13px; font-weight: 600; letter-spacing: -.2px; padding: 11.2px 24px; padding: .7rem 1.5rem; transition: all .2s; margin-right: 1px } .nav-tabs li .nav-link, .nav-tabs li .nav-link:hover { background: #f7f7f7; border-bottom: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #eee; color: #ccc } .nav-tabs li .nav-link:hover { border-bottom-color: transparent; border-top: 3px solid #ccc; box-shadow: none } .nav-tabs li .nav-link:active, .nav-tabs li .nav-link:hover, .nav-tabs li .nav-link:focus { background: #fff; border-left-color: #eee; border-right-color: #eee; border-top: 3px solid #ccc; color: #ccc } .tab-content { border-radius: 0 0 4px 4px; box-shadow: 0 1px 5px 0 rgba(0,0,0,.04); background-color: #fff; border: 1px solid #eee; border-top: 0; padding: 15px } .nav-tabs.nav-right { text-align: right } .tabs.tabs-bottom { margin: 0 0 20px; padding: 0 } .tabs.tabs-bottom .tab-content { border-radius: 4px 4px 0 0; border-bottom: 0; border-top: 1px solid #eee } .tabs.tabs-bottom .nav-tabs { border-bottom: none; border-top: 1px solid #eee } .tabs.tabs-bottom .nav-tabs li { margin-bottom: 0; margin-top: -1px } .tabs.tabs-bottom .nav-tabs li:last-child .nav-link { margin-right: 0 } .tabs.tabs-bottom .nav-tabs li .nav-link { border-radius: 0 0 5px 5px; font-size: 13px; margin-right: 1px; border-bottom: 3px solid #ccc; border-top-color: transparent !important } .tabs.tabs-bottom .nav-tabs li .nav-link.active, .tabs.tabs-bottom .nav-tabs li .nav-link.active:hover, .tabs.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom: 3px solid #ccc; border-top-color: transparent !important } .tabs.tabs-bottom .nav-tabs li .nav-link, .tabs.tabs-bottom .nav-tabs li .nav-link:hover { border-bottom: 3px solid #eee; border-top: 1px solid #eee } .tabs.tabs-bottom .nav-tabs li .nav-link:hover { border-bottom: 3px solid #ccc; border-top: 1px solid #eee } .tabs-vertical { display: table; width: 100%; padding: 0; border-top: 1px solid #eee } .tabs-vertical .tab-content { display: table-cell; vertical-align: top } .tabs-vertical .nav-tabs { border-bottom: none; display: table-cell; height: 100%; float: none; padding: 0; vertical-align: top; width: 25% } .tabs-vertical .nav-tabs > li { display: block } .tabs-vertical .nav-tabs > li .nav-link { border-radius: 0; display: block; padding-top: 10px } .tabs-vertical .nav-tabs > li .nav-link, .tabs-vertical .nav-tabs > li .nav-link:hover, .tabs-vertical .nav-tabs > li .nav-link:focus { border-bottom: none; border-top: none } .tabs-vertical .nav-tabs > li .nav-link.active, .tabs-vertical .nav-tabs > li .nav-link.active:hover, .tabs-vertical .nav-tabs > li .nav-link.active:focus { border-top: none } .tabs-left { padding: 0 } .tabs-left .tab-content { border-radius: 0 5px 5px 5px; border-left: none } .tabs-left .nav-tabs > li { margin-right: -1px } .tabs-left .nav-tabs > li:first-child .nav-link { border-radius: 5px 0 0 0 } .tabs-left .nav-tabs > li:last-child .nav-link { border-radius: 0 0 0 5px; border-bottom: 1px solid #eee } .tabs-left .nav-tabs > li .nav-link { border-right: 1px solid #eee; border-left: 3px solid #eee; margin-right: 1px; margin-left: -3px } .tabs-left .nav-tabs > li .nav-link:hover { border-left-color: #ccc } .tabs-left .nav-tabs > li .nav-link.active, .tabs-left .nav-tabs > li .nav-link.active:hover, .tabs-left .nav-tabs > li .nav-link.active:focus { border-left: 3px solid #ccc; border-right-color: #fff } .tabs-right { padding: 0 } .tabs-right .tab-content { border-radius: 5px 0 5px 5px; border-right: none } .tabs-right .nav-tabs > li { margin-left: -1px } .tabs-right .nav-tabs > li:first-child .nav-link { border-radius: 0 5px 0 0 } .tabs-right .nav-tabs > li:last-child .nav-link { border-radius: 0 0 5px 0; border-bottom: 1px solid #eee } .tabs-right .nav-tabs > li .nav-link { border-right: 3px solid #eee; border-left: 1px solid #eee; margin-right: 1px; margin-left: 1px } .tabs-right .nav-tabs > li .nav-link:hover { border-right-color: #ccc } .tabs-right .nav-tabs > li .nav-link.active, .tabs-right .nav-tabs > li .nav-link.active:hover, .tabs-right .nav-tabs > li .nav-link.active:focus { border-right: 3px solid #ccc; border-left: 1px solid #fff } .nav-tabs.nav-justified { padding: 0; margin-bottom: -1px } .nav-tabs.nav-justified li { margin-bottom: 0 } .nav-tabs.nav-justified li:first-child .nav-link, .nav-tabs.nav-justified li:first-child .nav-link:hover { border-radius: 5px 0 0 0 } .nav-tabs.nav-justified li:last-child .nav-link, .nav-tabs.nav-justified li:last-child .nav-link:hover { border-radius: 0 5px 0 0 } .nav-tabs.nav-justified li .nav-link { border-bottom: 1px solid #ddd; border-radius: 0; margin-right: 0 } .nav-tabs.nav-justified li .nav-link:hover, .nav-tabs.nav-justified li .nav-link:focus { border-bottom: 1px solid #ddd } .nav-tabs.nav-justified li .nav-link.active { border-bottom: 1px solid #fff } .nav-tabs.nav-justified li .nav-link.active, .nav-tabs.nav-justified li .nav-link.active:hover, .nav-tabs.nav-justified li .nav-link.active:focus { background: #fff; border-left-color: #eee; border-right-color: #eee; border-top-width: 3px; border-top-width: 3px } .nav-tabs.nav-justified li .nav-link.active:hover { border-bottom: 1px solid #fff } .tabs.tabs-bottom { padding: 0 } .tabs.tabs-bottom .nav.nav-tabs.nav-justified { border-top: none } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link { margin-right: 0; border-top-color: transparent } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link.active, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link.active:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: transparent } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link { border-radius: 0 0 0 5px } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link { margin-right: 0; border-radius: 0 0 5px 0 } .tabs-center .nav-tabs { margin: 0 auto; text-align: center } .tabs-navigation { border-radius: 5px } .tabs-navigation .nav-tabs > li { margin-bottom: 1px } .tabs-navigation .nav-tabs > li .nav-link { color: #777; padding: 18px; line-height: 100%; position: relative } .tabs-navigation .nav-tabs > li .nav-link:before { font-family: 'font awesome 6 free'; font-weight: 900; font-size: 10px; content: "\f054"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) } .tabs-navigation .nav-tabs > li .nav-link [class*=fa-], .tabs-navigation .nav-tabs > li .nav-link .icons { margin-right: 4px } .tabs-navigation .nav-tabs li:first-child .nav-link { border-radius: 5px 5px 0 0 } .tabs-navigation .nav-tabs li .nav-link.active, .tabs-navigation .nav-tabs li .nav-link.active:hover, .tabs-navigation .nav-tabs li .nav-link.active:focus { border-right-color: #eee } .tabs-navigation .nav-tabs li:last-child .nav-link { border-radius: 0 0 5px 5px } .tabs-navigation-simple { border: 0 !important; border-radius: 0 !important } .tabs-navigation-simple .nav-tabs { border: 0 !important; border-radius: 0 !important } .tabs-navigation-simple .nav-tabs .nav-link, .tabs-navigation-simple .nav-tabs .nav-link:hover { background: 0 0 !important; border-radius: 0 !important; border-bottom: 1px solid rgba(0,0,0,.06) !important; border-left: 0 !important; padding-left: 0 !important } .tabs-navigation-simple .nav-tabs li:last-child .nav-link, .tabs-navigation-simple .nav-tabs li:last-child .nav-link:hover { border-bottom: 0 !important } .tab-pane-navigation { display: none } .tab-pane-navigation.active { display: block } .tabs.tabs-simple .nav-tabs { justify-content: center; border: 0; margin-bottom: 10px } .tabs.tabs-simple .nav-tabs > li { margin-left: 0; margin-bottom: 20px } .tabs.tabs-simple .nav-tabs > li .nav-link, .tabs.tabs-simple .nav-tabs > li .nav-link:hover, .tabs.tabs-simple .nav-tabs > li .nav-link:focus { padding: 15px 30px; background: 0 0; border: 0; border-bottom: 3px solid #eee; border-radius: 0; color: #777; font-size: 16px } .tabs.tabs-simple .tab-content { background: 0 0; border: 0; padding: 0; margin: 0; box-shadow: none } .tabs.tabs-simple.tabs-simple-full-width-line .nav-tabs { border-bottom: 3px solid #eee } .tabs.tabs-simple.tabs-simple-full-width-line .nav-tabs > li { margin-bottom: -3px } @media(max-width:575px) { .tabs .nav.nav-tabs.nav-justified li { display: block; margin-bottom: -5px } .tabs .nav.nav-tabs.nav-justified li .nav-link { border-top-width: 3px !important; border-bottom-width: 0 !important } .tabs .nav.nav-tabs.nav-justified li:first-child .nav-link, .tabs .nav.nav-tabs.nav-justified li:first-child .nav-link:hover { border-radius: 5px 5px 0 0 } .tabs .nav.nav-tabs.nav-justified li:last-child .nav-link, .tabs .nav.nav-tabs.nav-justified li:last-child .nav-link:hover { border-radius: 0 } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li { margin-bottom: 0; margin-top: -5px } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link { border-bottom-width: 3px !important; border-top-width: 0 !important } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link:hover { border-radius: 0 } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link:hover { border-radius: 0 0 5px 5px } } .responsive-tabs-container .tab-pane { margin-bottom: 15px } .responsive-tabs-container .accordion-link { display: none; margin-bottom: 10px; padding: 10px 15px; background-color: #f7f7f7; border-radius: 3px; border: 1px solid #ebebeb } @media(max-width:767px) { .responsive-tabs-container.accordion-xs .nav-tabs { display: none } .responsive-tabs-container.accordion-xs .accordion-link { display: block } } @media(min-width:768px) and (max-width:991px) { .responsive-tabs-container.accordion-sm .nav-tabs { display: none } .responsive-tabs-container.accordion-sm .accordion-link { display: block } } @media(min-width:992px) and (max-width:1199px) { .responsive-tabs-container.accordion-md .nav-tabs { display: none } .responsive-tabs-container.accordion-md .accordion-link { display: block } } @media(min-width:1200px) { .responsive-tabs-container.accordion-lg .nav-tabs { display: none } .responsive-tabs-container.accordion-lg .accordion-link { display: block } } .testimonial { margin-bottom: 20px } .testimonial blockquote { background: #ccc; border-radius: 5px; border: 0; color: #666; font-family: 'Nunito', sans-serif; ; margin: 0; padding: 40px 64px 40px 72px; padding: 2.5rem 4rem 2.5rem 4.5rem; position: relative } .testimonial blockquote:before { left: 22px; top: 21px; color: #fff; content: "“"; font-size: 85px; font-style: normal; line-height: 1; position: absolute } .testimonial blockquote p { color: #fff; font-family: 'Nunito', sans-serif; ; font-size: 1.2em } .testimonial .testimonial-arrow-down { border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 8px solid #ccc; height: 0; margin: 0 0 0 45px; width: 0 } .testimonial .testimonial-author { display: flex; margin: 12px 0 0 } .testimonial .testimonial-author .testimonial-author-thumbnail { width: auto } .testimonial .testimonial-author img { max-width: 25px } .testimonial .testimonial-author strong { color: #111; display: block; margin-bottom: 2px; font-size: 16px; font-size: 1rem } .testimonial .testimonial-author span { color: #666; display: block; font-size: 12.8px; font-size: .8rem; font-weight: 600 } .testimonial .testimonial-author p { color: #999; text-align: left; line-height: 1.2; margin-left: 9.6px; margin-left: .6rem } .testimonial.testimonial-style-2 { text-align: center } .testimonial.testimonial-style-2 blockquote { background: 0 0 !important; border-radius: 4px; padding: 22px 20px } .testimonial.testimonial-style-2 blockquote:before, .testimonial.testimonial-style-2 blockquote:after { display: none } .testimonial.testimonial-style-2 blockquote p { color: #777 } .testimonial.testimonial-style-2 .testimonial-arrow-down { display: none } .testimonial.testimonial-style-2 .testimonial-author { padding: 0; margin: 6px 0 0; flex-direction: column } .testimonial.testimonial-style-2 .testimonial-author img { margin: 0 auto 15px; max-width: 60px; max-height: 60px } .testimonial.testimonial-style-2 .testimonial-author p { text-align: center; padding: 0; margin: 0 } .testimonial.testimonial-style-3 blockquote { background: #f2f2f2 !important; border-radius: 4px; padding: 12px 30px } .testimonial.testimonial-style-3 blockquote:before { top: 5px; left: 9px; color: #777; font-size: 35px } .testimonial.testimonial-style-3 blockquote:after { color: #777; font-size: 35px; bottom: -5px } .testimonial.testimonial-style-3 blockquote p { color: #777; font-family: 'Nunito', sans-serif; font-size: 1em; font-style: normal } .testimonial.testimonial-style-3 .testimonial-author { margin-left: 8px; align-items: center } .testimonial.testimonial-style-3 .testimonial-author img { max-width: 55px } .testimonial.testimonial-style-3 .testimonial-author p { margin-bottom: 0 } .testimonial.testimonial-style-3 .testimonial-arrow-down { margin-left: 20px; border-top: 10px solid #f2f2f2 !important } .testimonial.testimonial-style-3.testimonial-style-3-light blockquote { background: #fff !important } .testimonial.testimonial-style-3.testimonial-style-3-light .testimonial-arrow-down { border-top: 10px solid #fff !important } .testimonial.testimonial-style-4 { border-radius: 6px; padding: 8px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04) } .testimonial.testimonial-style-4 blockquote { background: 0 0 !important; border-radius: 4px; padding: 12px 30px } .testimonial.testimonial-style-4 blockquote:before { top: 5px; left: 9px; color: #777; font-size: 35px } .testimonial.testimonial-style-4 blockquote:after { color: #777; font-size: 35px; bottom: -5px } .testimonial.testimonial-style-4 blockquote p { color: #777; font-family: 'Nunito', sans-serif; font-size: 1em; font-style: normal } .testimonial.testimonial-style-4 .testimonial-arrow-down { display: none } .testimonial.testimonial-style-4 .testimonial-author { margin-left: 30px; align-items: center } .testimonial.testimonial-style-4 .testimonial-author img { max-width: 55px } .testimonial.testimonial-style-4 .testimonial-author p { margin-bottom: 0 } .testimonial.testimonial-style-4.testimonial-no-borders { border: 0; box-shadow: none } .testimonial.testimonial-style-5 { text-align: center } .testimonial.testimonial-style-5 blockquote { background: 0 0 !important; border-radius: 4px; padding: 6px 20px } .testimonial.testimonial-style-5 blockquote:before, .testimonial.testimonial-style-5 blockquote:after { display: none } .testimonial.testimonial-style-5 blockquote p { color: #777; font-family: 'Nunito', sans-serif; font-size: 1.2em; font-style: normal } .testimonial.testimonial-style-5 .testimonial-arrow-down { display: none } .testimonial.testimonial-style-5 .testimonial-author { display: block; padding: 6px 0 0; margin: 12px 0 0; border-top: 1px solid #f2f2f2; justify-content: center } .testimonial.testimonial-style-5 .testimonial-author img { margin: 0 auto 10px; max-width: 55px } .testimonial.testimonial-style-5 .testimonial-author p { text-align: center; padding: 0; margin: 0 } .testimonial.testimonial-style-6 { text-align: center } .testimonial.testimonial-style-6 blockquote { background: 0 0 !important; border-radius: 4px; border: 0; padding: 0 10% } .testimonial.testimonial-style-6 blockquote:before, .testimonial.testimonial-style-6 blockquote:after { display: none } .testimonial.testimonial-style-6 blockquote i.fa-quote-left { font-size: 34px; position: relative; left: -5px } .testimonial.testimonial-style-6 blockquote p { color: #777; font-size: 24px; line-height: 30px } .testimonial.testimonial-style-6 blockquote span { font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px } .testimonial.testimonial-style-6 .testimonial-arrow-down { display: none } .testimonial.testimonial-style-6 .testimonial-author { padding: 0; margin: 6px 0 0; justify-content: center } .testimonial.testimonial-style-6 .testimonial-author img { margin: 0 auto 10px } .testimonial.testimonial-style-6 .testimonial-author p { text-align: center; padding: 0; margin: 0 } .testimonial.testimonial-style-7 { text-align: center; background-color: #ccc; padding: 20px } .testimonial.testimonial-style-7 blockquote { padding: 30px } .testimonial.testimonial-style-7 blockquote:before { color: #fff; display: block !important; left: 50%; top: -10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; transform: translate3d(-50%,0,0) } .testimonial.testimonial-style-7 blockquote:after { display: none } .testimonial.testimonial-style-7 .testimonial-arrow-down { display: none } .testimonial.testimonial-style-7 .testimonial-author { padding: 0; margin: 6px 0 0; justify-content: center } .testimonial.testimonial-style-7 .testimonial-author img { margin: 0 auto 10px } .testimonial.testimonial-style-7 .testimonial-author p { text-align: center; padding: 0; margin: 0 } .testimonial.testimonial-with-quotes blockquote:before { color: #777; display: block !important; left: 10px; top: 0; content: "“"; font-size: 80px; font-style: normal; line-height: 1; position: absolute } .testimonial.testimonial-with-quotes blockquote:after { color: #777; display: block !important; right: 10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -.5em; content: "”" } .testimonial.testimonial-with-quotes blockquote p { padding: 0 40px } .testimonial.testimonial-with-quotes.testimonial-remove-left-quote blockquote:before { content: none } .testimonial.testimonial-with-quotes.testimonial-remove-right-quote blockquote:after { content: none } .testimonial.testimonial-with-quotes.testimonial-quotes-light blockquote:before, .testimonial.testimonial-with-quotes.testimonial-quotes-light blockquote:after { color: #fff !important } .testimonial.testimonial-with-quotes.testimonial-quotes-dark blockquote:before, .testimonial.testimonial-with-quotes.testimonial-quotes-dark blockquote:after { color: #212529 !important } @media(max-width:767px) { .testimonial.testimonial-with-quotes.testimonial-with-quotes-mobile-remove blockquote:before, .testimonial.testimonial-with-quotes.testimonial-with-quotes-mobile-remove blockquote:after { content: none } } .testimonial.testimonial-trasnparent-background blockquote { background: 0 0 !important } .testimonial.testimonial-alternarive-font blockquote p { font-family: 'Nunito', sans-serif; ; font-style: italic; font-size: 1.2em } .testimonial.testimonial-light blockquote:before, .testimonial.testimonial-light blockquote:after, .testimonial.testimonial-light blockquote p { color: #fff } .testimonial.testimonial-light blockquote.blockquote-default:before, .testimonial.testimonial-light blockquote.blockquote-default:after, .testimonial.testimonial-light blockquote.blockquote-default p { color: #777 !important } .testimonial.testimonial-light .testimonial-author span, .testimonial.testimonial-light .testimonial-author strong { color: #fff } .section-text-light .testimonial.testimonial blockquote:before, .section-text-light .testimonial.testimonial blockquote:after, .section-text-light .testimonial.testimonial blockquote p { opacity: .9; color: #fff } .section-text-light .testimonial.testimonial .testimonial-author span, .section-text-light .testimonial.testimonial .testimonial-author strong { opacity: .6; color: #fff } .thumb-info { display: block; position: relative; text-decoration: none; max-width: 100%; background-color: #fff; border-radius: 4px; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0,0,0) } .thumb-info .thumb-info-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0,0,0); border-radius: 4px; margin: 0; overflow: hidden; display: block; position: relative } .thumb-info .thumb-info-wrapper.thumb-info-wrapper-demos { max-height: 330px } .thumb-info .thumb-info-wrapper:after, .thumb-info .thumb-info-wrapper .thumb-info-wrapper-overlay:before { content: ""; background: rgba(33,37,41,.8); transition: all .3s; border-radius: 4px; bottom: -4px; color: #fff; left: -4px; position: absolute; right: -4px; top: -4px; display: block; opacity: 0; z-index: 1 } .thumb-info .thumb-info-wrapper .thumb-info-wrapper-overlay { position: absolute; width: 100%; height: 100%; left: auto; top: auto } .thumb-info .thumb-info-wrapper .thumb-info-wrapper-overlay:before { opacity: 1; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0 } .thumb-info .thumb-info-wrapper.thumb-info-wrapper-link { background-size: cover; background-position: center; background-repeat: no-repeat } .thumb-info .thumb-info-wrapper.thumb-info-wrapper-link > a { display: block; padding-top: 72%; text-indent: -9999px } .thumb-info.thumb-info-wrapper-direction-aware .thumb-info-wrapper:after { display: none !important } .thumb-info .thumb-info-wrapper-opacity-0:after { opacity: 0 } .thumb-info .thumb-info-wrapper-opacity-1:after { opacity: .1 } .thumb-info .thumb-info-wrapper-opacity-2:after { opacity: .2 } .thumb-info .thumb-info-wrapper-opacity-3:after { opacity: .3 } .thumb-info .thumb-info-wrapper-opacity-4:after { opacity: .4 } .thumb-info .thumb-info-wrapper-opacity-5:after { opacity: .5 } .thumb-info .thumb-info-wrapper-opacity-6:after { opacity: .6 } .thumb-info .thumb-info-wrapper-opacity-7:after { opacity: .7 } .thumb-info .thumb-info-wrapper-opacity-8:after { opacity: .8 } .thumb-info .thumb-info-wrapper-opacity-9:after { opacity: .9 } .thumb-info .thumb-info-action-icon { transition: all .3s; background: #ccc; border-radius: 0 0 0 4px; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; top: -100px; width: 50px; z-index: 2 } .thumb-info .thumb-info-action-icon i { font-size: 14px; right: 50%; position: absolute; top: 50%; color: #fff; transform: translate(50%,-50%); margin: -2px -1px 0 0 } .thumb-info .thumb-info-inner { transition: all .3s; display: block } .thumb-info .thumb-info-inner em { display: block; font-size: .8em; font-style: normal; font-weight: 400 } .thumb-info .thumb-info-title { transition: all .3s; background: rgba(33,37,41,.8); color: #fff; font-weight: 600; left: 0; letter-spacing: -.05em; position: absolute; z-index: 2; max-width: 90%; font-size: 17px; padding: 13px 21px 2px; bottom: 13% } .thumb-info .thumb-info-title.thumb-info-title-vert-align { bottom: auto; top: 50%; transform: translateY(-50%) } .thumb-info .thumb-info-title.thumb-info-title-top { bottom: auto; top: 13% } .thumb-info .thumb-info-type { background-color: #ccc; border-radius: 2px; display: inline-block; float: left; font-size: .6em; font-weight: 600; letter-spacing: 0; margin: 8px -2px -15px 0; padding: 2px 12px; text-transform: uppercase; z-index: 2; line-height: 2.3 } .thumb-info .owl-carousel { z-index: auto } .thumb-info .owl-carousel .owl-dots { z-index: 2 } .thumb-info img { transition: all .3s ease; border-radius: 3px; position: relative; width: 100% } .thumb-info:hover .thumb-info-wrapper:after { opacity: 1 } .thumb-info:hover .thumb-info-action-icon { right: 0; top: 0 } .thumb-info:hover .thumb-info-title { background: rgba(33,37,41,.9) } .thumb-info:hover img { transform: scale(1.1,1.1) } .thumb-info.thumb-info-no-zoom img { transition: none } .thumb-info.thumb-info-no-zoom:hover img { transform: scale(1,1) } .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(23,23,23,.25) } .thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after { display: none } .thumb-info.thumb-info-centered-icons .thumb-info-action { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 0; right: auto; bottom: auto; width: 100%; height: 45px; text-align: center; opacity: 0; transition: transform .2s ease-out,opacity .2s ease-out; transform: translate3d(0,-70%,0); z-index: 2 } .thumb-info.thumb-info-centered-icons .thumb-info-action a { text-decoration: none } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon { display: inline-flex; align-items: center; justify-content: center; position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 35px; height: 35px; font-size: 14px; border-radius: 50%; margin-right: 5px; transition: all .1s ease; z-index: 2 } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon i { margin: 0 } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover { transform: scale(1.15,1.15) } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action { opacity: 1; transform: translate3d(0,-50%,0) } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon { position: relative } .thumb-info.thumb-info-centered-info .thumb-info-title { background: 0 0; left: 5%; width: 90%; transition: transform .2s ease-out,opacity .2s ease-out; transform: translate(0%,-50%); top: 50%; bottom: auto; opacity: 0; text-align: center; padding: 0; position: absolute } .thumb-info.thumb-info-centered-info .thumb-info-type { float: none } .thumb-info.thumb-info-centered-info:hover .thumb-info-title { opacity: 1; transform: translate(0%,-50%) } .thumb-info.thumb-info-bottom-info .thumb-info-title { background: #fff; left: 0; width: 100%; max-width: 100%; transition: transform .2s ease-out,opacity .2s ease-out; transform: translate3d(0,100%,0); top: auto; bottom: 0; opacity: 0; padding: 15px; text-shadow: none; color: #777 } .thumb-info.thumb-info-bottom-info .thumb-info-type { float: none; background: 0 0; padding: 0; margin: 0 } .thumb-info.thumb-info-bottom-info:hover .thumb-info-title { transform: translate3d(0,0,0); opacity: 1 } .thumb-info.thumb-info-bottom-info:hover img { transform: scale(1.1) } .thumb-info.thumb-info-show-button-hover .btn { opacity: 0 } .thumb-info.thumb-info-show-button-hover .btn, .thumb-info.thumb-info-show-button-hover .thumb-info-type { transition: opacity .3s ease-out } .thumb-info.thumb-info-show-button-hover .thumb-info-title { transform: translate3d(0,35px,0); transition: transform .3s ease-out; bottom: 0 } .thumb-info.thumb-info-show-button-hover:hover .btn { opacity: 1 } .thumb-info.thumb-info-show-button-hover:hover .thumb-info-type { opacity: 0 } .thumb-info.thumb-info-show-button-hover:hover .thumb-info-title { transform: translate3d(0,-20px,0) } .thumb-info.thumb-info-bottom-info-linear .thumb-info-title { background: linear-gradient(to top,rgba(255,255,255,0.8) 0,transparent 100%) repeat scroll 0 0 rgba(255,255,255,0) } .thumb-info.thumb-info-bottom-info-dark .thumb-info-title { background: #212529; color: #fff } .thumb-info.thumb-info-bottom-info-dark-linear .thumb-info-title { background: linear-gradient(to top,rgba(33,37,41,0.8) 0,transparent 100%) repeat scroll 0 0 rgba(0,0,0,0) } .thumb-info.thumb-info-bottom-info-show-more img { transform: none !important } .thumb-info.thumb-info-bottom-info-show-more .thumb-info-title { transform: translate3d(0,0,0); opacity: 1 } .thumb-info.thumb-info-bottom-info-show-more .thumb-info-show-more-content { transition: ease max-height 800ms; overflow: hidden; max-height: 0; display: block } .thumb-info.thumb-info-bottom-info-show-more:hover .thumb-info-show-more-content { max-height: 300px } .thumb-info.thumb-info-push-hor img { transform: translatex(-18px); width: calc(100% + 19px); max-width: none } .thumb-info.thumb-info-push-hor:hover img { transform: translatex(0) } .thumb-info.thumb-info-block .thumb-info-action-icon { top: 15px; right: 15px; opacity: 0; transition: all .2s ease-in-out } .thumb-info.thumb-info-block .thumb-info-wrapper:before { content: ""; background: rgba(255,255,255,.9); transition: all .3s; border-radius: 0; bottom: 16px; bottom: 1rem; color: #fff; left: 16px; left: 1rem; position: absolute; right: 16px; right: 1rem; top: 16px; top: 1rem; display: block; opacity: 0; z-index: 2 } .thumb-info.thumb-info-block:hover .thumb-info-wrapper:before { opacity: 1 } .thumb-info.thumb-info-block:hover .thumb-info-action-icon { opacity: 1 } .thumb-info.thumb-info-block.thumb-info-block-dark .thumb-info-wrapper:before { background: rgba(33,37,41,.9) } .thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after { opacity: .65 } .thumb-info.thumb-info-hide-info-hover .thumb-info-title { opacity: 1; top: 50% } .thumb-info.thumb-info-hide-info-hover .thumb-info-type { float: none } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after { opacity: .1 } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title { opacity: 0 } .thumb-info.thumb-info-slide-info-hover .thumb-info-wrapper:after { opacity: .65 } .thumb-info.thumb-info-slide-info-hover .thumb-info-wrapper-no-opacity:after { opacity: 1 } .thumb-info.thumb-info-slide-info-hover .thumb-info-title { opacity: 1; top: 0; height: 100%; top: 0; transform: none !important } .thumb-info.thumb-info-slide-info-hover .thumb-info-type { float: none } .thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-1, .thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 { transition: cubic-bezier(.55,0,.1,1) top 500ms; position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translate(0%,-50%) } .thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 { top: 150% } .thumb-info.thumb-info-slide-info-hover:hover .thumb-info-slide-info-hover-1 { top: -50% } .thumb-info.thumb-info-slide-info-hover:hover .thumb-info-slide-info-hover-2 { top: 50% } .thumb-info.thumb-info-show-image-hover img { opacity: 0 } .thumb-info.thumb-info-show-image-hover .thumb-info-title { background: 0 0; color: #333 } .thumb-info.thumb-info-show-image-hover .thumb-info-inner { transition: cubic-bezier(.55,0,.1,1) top 500ms } .thumb-info.thumb-info-show-image-hover:hover img { opacity: 1 } .thumb-info.thumb-info-show-image-hover:hover .thumb-info-title { color: #fff } .thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img { border: 0; padding: 0; margin: 0; border-radius: 0 } .thumb-info.thumb-info-no-borders .thumb-info-wrapper { border: 0; padding: 0; margin: 0; border-radius: 0 } .thumb-info.thumb-info-no-borders .thumb-info-wrapper:after { border-radius: 0; bottom: 0; left: 0; right: 0; top: 0 } .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper:after { border-radius: 4px } .thumb-info.thumb-info-preview .thumb-info-wrapper:after { display: none } .thumb-info.thumb-info-preview .thumb-info-image { min-height: 232px; display: block; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; position: relative; transition: background-position .8s linear 0 } .thumb-info.thumb-info-preview:hover .thumb-info-image { transition: background-position 2.5s linear 0; background-position: center bottom } .thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image { transition: background-position 1s linear 0 } .thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image { transition: background-position 5s linear 0 } .thumb-info.thumb-info-slow-image-zoom-hover img { transition: transform 2s } .thumb-info.thumb-info-slow-image-zoom-hover:hover img { transform: scale(1.5,1.5) } .thumb-info.thumb-info-no-overlay .thumb-info-wrapper:after { content: none } .thumb-info.thumb-info-no-bg { background: 0 0 } .thumb-info.thumb-info-swap-content .thumb-info-swap-content-wrapper > * { transition: cubic-bezier(.55,0,.1,1) all 300ms } .thumb-info.thumb-info-swap-content .thumb-info-swap-content-wrapper > :nth-child(1) { max-width: 100%; text-align: center; bottom: 0; margin: 0; position: absolute; width: 100%; left: 0 } .thumb-info.thumb-info-swap-content .thumb-info-swap-content-wrapper > :nth-child(2) { display: inline-block; transform: translateY(120%); opacity: 0 } .thumb-info.thumb-info-swap-content:hover .thumb-info-swap-content-wrapper > :nth-child(1) { transform: translateY(-120%); opacity: 0 } .thumb-info.thumb-info-swap-content:hover .thumb-info-swap-content-wrapper > :nth-child(2) { transform: none; opacity: 1 } .thumb-info-ribbon { background: #999; position: absolute; margin: -16px 0 0; padding: 5px 13px 6px; right: 15px; z-index: 1 } .thumb-info-ribbon:before { border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; left: -10px; position: absolute; top: 0; width: 7px } .thumb-info-ribbon span { color: #fff; font-size: 1.1em; font-family: shadows into light,cursive } .full-width .thumb-info img { border-radius: 0 !important } .thumb-info-caption { padding: 10px 0 } .thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p { font-size: .9em; margin: 0; padding: 15px 0; display: block } .thumb-info-side-image { display: flex } .thumb-info-side-image .thumb-info-side-image-wrapper { padding: 0; margin-right: 20px } .thumb-info-side-image-right { display: flex } .thumb-info-side-image-right .thumb-info-side-image-wrapper { margin-left: 20px; margin-right: 0 } .thumb-info-social-icons { margin: 0; padding: 0; display: block } .thumb-info-social-icons a { background: #ccc; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px } .thumb-info-social-icons a:hover { text-decoration: none } .thumb-info-social-icons a span { display: none } .thumb-info-social-icons a i { color: #fff; font-size: .9em; font-weight: 400 } .thumb-info-floating-caption-title { background: rgba(33,37,41,.8); color: #fff; font-weight: 600; letter-spacing: -.05em; font-size: 17px; padding: 13px 21px } .thumb-info-floating-caption-title .thumb-info-floating-caption-type { position: absolute; background-color: #ccc; border-radius: 2px; display: block; font-size: .6em; font-weight: 600; letter-spacing: 0; margin: 8px -2px -15px 0; padding: 2px 12px; text-transform: uppercase; line-height: 2.3 } @media(max-width:991px) { .thumb-info .thumb-info-title { font-size: 14px } .thumb-info .thumb-info-more { font-size: 11px } } section.timeline { width: 100%; margin: 50px 0 0; position: relative; float: left; padding-bottom: 120px } section.timeline:before { background: #505050; background: linear-gradient(to bottom,rgba(80,80,80,0) 0%,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%); content: ""; display: block; height: 100%; left: 50%; margin-left: -2px; position: absolute; top: -60px; width: 3px; z-index: 0; filter: alpha(opacity=35); opacity: .35 } section.timeline .timeline-body { position: relative; z-index: 1 !important } section.timeline .timeline-date { box-shadow: 0 1px 5px 0 rgba(0,0,0,.04); position: relative; display: block; clear: both; width: 200px; height: 45px; padding: 5px; border: 1px solid #e5e5e5; margin: 0 auto 10px; text-shadow: 0 1px 1px #fff; border-radius: 4px; background: #fff; z-index: 1 } section.timeline .timeline-date h3 { display: block; text-align: center; color: #757575; font-size: .9em; line-height: 32px } section.timeline .timeline-title { background: #f7f7f7; padding: 12px } section.timeline .timeline-title h4 { padding: 0; margin: 0; color: #151719; font-size: 1.4em } section.timeline .timeline-title a { color: #151719 } section.timeline .timeline-title .timeline-title-tags { color: #b1b1b1; font-size: .9em } section.timeline .timeline-title .timeline-title-tags a { color: #b1b1b1; font-size: .9em } section.timeline .timeline-box { box-shadow: 0 1px 5px 0 rgba(0,0,0,.04); border: 1px solid #e5e5e5; border-radius: 4px; margin: 20px 10px 10px; padding: 10px; width: 45.7%; float: left; z-index: 1; margin-bottom: 30px; background: #fff } section.timeline .timeline-box.left { clear: both } section.timeline .timeline-box.left:before { background: none repeat scroll 0 0 #e5e5e5; border-radius: 50%; box-shadow: 0 0 0 3px #fff,0 0 0 6px #e5e5e5; content: ""; display: block; height: 7px; margin-right: -5px; position: absolute; left: 50%; margin-top: 22px; width: 8px; transform: translate3d(-50%,0,0); z-index: 1 } section.timeline .timeline-box.left .timeline-box-arrow { transform: rotate(45deg); content: ''; display: block; background: #fff; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; float: right; height: 14px; margin-top: 17px; margin-right: -18px; width: 14px; z-index: 0 } section.timeline .timeline-box.right { clear: right; float: right; right: -1px; margin-top: 40px } section.timeline .timeline-box.right:before { background: none repeat scroll 0 0 #e5e5e5; border-radius: 50%; box-shadow: 0 0 0 3px #fff,0 0 0 6px #e5e5e5; content: ""; display: block; height: 7px; position: absolute; left: 50%; margin-top: 32px; width: 8px; transform: translate3d(-50%,0,0); z-index: 1 } section.timeline .timeline-box.right .timeline-box-arrow { transform: rotate(45deg); content: ''; display: block; background: #fff; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; float: left; height: 14px; margin-top: 28px; margin-left: -18px; width: 14px; z-index: 0 } section.timeline .timeline-box .owl-carousel { border-radius: 0; padding: 0; border: 0; box-shadow: none } @media(max-width:991px) { section.timeline .timeline-box { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto } section.timeline .timeline-box.right { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto } section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before { display: none } } @media(max-width:767px) { section.timeline { width: 100%; margin: 0 } } @media(max-width:575px) { section.timeline { width: auto; float: none; margin-left: 0; margin-right: 0 } section.timeline .timeline-box { margin: 15px auto; max-width: 90% } section.timeline .timeline-box.right { margin: 15px auto; max-width: 90% } article.post-large { margin-left: 0 } article.post-large .post-image, article.post-large .post-date { margin-left: 0 } } .toggle { margin: 10px 0 20px; position: relative; clear: both } .toggle .toggle { margin: 10px 0 0 } .toggle > input { cursor: pointer; filter: alpha(opacity=0); height: 45px; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 2 } .toggle > label, .toggle > .toggle-title { transition: all .15s ease-out; background: #f7f7f7; border-left: 3px solid #ccc; border-radius: 5px; color: #ccc; display: block; min-height: 20px; padding: 12px 20px 12px 15px; position: relative; cursor: pointer; font-weight: 600; letter-spacing: -.2px; text-decoration: none !important } .toggle > label:-moz-selection, .toggle > .toggle-title:-moz-selection { background: 0 0 } .toggle > label i.fa-minus, .toggle > .toggle-title i.fa-minus { display: none } .toggle > label i.fa-plus, .toggle > .toggle-title i.fa-plus { display: inline } .toggle > label:before, .toggle > .toggle-title:before { content: " "; position: absolute; top: calc(50% + 1px); right: 14px; border-color: #ccc; border-top: 1px solid; border-right: 1px solid; width: 8px; height: 8px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .3s,top .3s; transform: rotate(-45deg) translate3d(0,-50%,0); transform-origin: 35% } .toggle > label:hover, .toggle > .toggle-title:hover { background: #f5f5f5 } .toggle > label + p, .toggle > .toggle-title + p { color: #999; display: block; overflow: hidden; padding-left: 30px; text-overflow: ellipsis; white-space: nowrap; height: 25px } .toggle > label i, .toggle > .toggle-title i { font-size: .7em; margin-right: 8px; position: relative; top: -1px } .toggle > .toggle-content { display: none } .toggle > .toggle-content > p { margin-bottom: 0; padding: 10px 0 } .toggle.active i.fa-minus { display: inline } .toggle.active i.fa-plus { display: none } .toggle.active > label, .toggle.active > .toggle-title { background: #f7f7f7; border-color: #ccc } .toggle.active > label:before, .toggle.active > .toggle-title:before { top: calc(50% - 8px); transform: rotate(135deg) } .toggle.active > p { white-space: normal } .toggle > p.preview-active { height: auto; white-space: normal } .toggle.toggle-sm .toggle > label, .toggle.toggle-sm .toggle > .toggle-title { font-size: .9em; padding: 6px 20px 6px 10px } .toggle.toggle-sm .toggle > .toggle-content > p { font-size: .9em } .toggle.toggle-lg .toggle > label, .toggle.toggle-lg .toggle > .toggle-title { font-size: 1.1em; padding: 16px 20px } .toggle.toggle-lg .toggle > .toggle-content > p { font-size: 1.1em } .toggle.toggle-simple .toggle > label, .toggle.toggle-simple .toggle > .toggle-title { border-radius: 0; border: 0; background: 0 0; color: #777; padding-left: 32px; margin-bottom: -10px; font-size: 1em; font-weight: 600; color: #212529 } .toggle.toggle-simple .toggle > label:after, .toggle.toggle-simple .toggle > .toggle-title:after { content: ''; position: absolute; left: 0; display: block; width: 24px; height: 24px; background: #ccc; top: 25px; margin-top: -12px; border-radius: 3px; z-index: 1 } .toggle.toggle-simple .toggle > label:before, .toggle.toggle-simple .toggle > .toggle-title:before { border: 0; left: 9px; right: auto; margin-top: 0; top: 12px; font-family: 'font awesome 6 free'; font-weight: 900; content: "\f067"; z-index: 2; color: #fff; font-size: 7px; width: auto; height: auto; transform: none } .toggle.toggle-simple .toggle.active > label, .toggle.toggle-simple .toggle.active > .toggle-title { background: 0 0; color: #212529 } .toggle.toggle-simple .toggle.active > label:before, .toggle.toggle-simple .toggle.active > .toggle-title:before { content: "\f068" } .toggle.toggle-minimal .toggle { margin: 0 } .toggle.toggle-minimal .toggle > label, .toggle.toggle-minimal .toggle > .toggle-title { background: 0 0; color: #777; border-left: 0; border-bottom: 1px solid #cccc; border-radius: 0; margin: 0; padding: 12px 20px 12px 0; font-weight: 600 } .toggle.toggle-minimal .toggle.active > label, .toggle.toggle-minimal .toggle.active > .toggle-title { background: 0 0; border-bottom-color: #ccc } blockquote { border-left: 5px solid #eee; margin: 0 0 16px; margin: 0 0 1rem; padding: 8px 16px; padding: .5rem 1rem; font-size: 1em } blockquote.with-borders { border-radius: 6px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04); padding: 20.8px; padding: 1.3rem } blockquote.blockquote-reverse { text-align: right; border-right: 5px solid #eee; border-left: 0 !important } small, .small { font-size: 70% } p { color: #777; line-height: 26px; margin: 0 0 20px } p.featured { font-size: 1.6em; line-height: 1.5em } p.lead { line-height: 28.8px; line-height: 1.8rem } p .alternative-font { display: inline-block; margin-top: -15px; position: relative; top: 3px; margin-bottom: -6px } .lead { letter-spacing: -.05em; font-size: 19.2px; font-size: 1.2rem } .lead-2 { font-size: 17.92px; font-size: 1.12rem } a, a:hover, a:focus { color: #005CE6; } p.drop-caps:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia } p.drop-caps.drop-caps-style-2:first-letter { background-color: #ccc; color: #fff; padding: 6px; margin-right: 5px; border-radius: 4px } .default-font { font-family: poppins,Arial,sans-serif !important } .alternative-font { color: #ccc; font-family: shadows into light,cursive !important; font-size: 1.6em } .alternative-font-2 { font-family: oswald,sans-serif !important } .alternative-font-3 { font-family: segoe script,zapfino,savoye let !important } .alternative-font-4 { font-family: poppins,Arial,sans-serif !important } .alternative-font-5 { font-family: open sans,Arial,sans-serif !important } .alternative-font-6 { font-family: montserrat,Arial,sans-serif !important } .alternative-font-7 { font-family: jost,sans-serif !important } .gradient-text-color { -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important } .no-backgroundcliptext .gradient-text-color { background: 0 0 !important } .sup-text-small { font-size: .5em; font-weight: 500; top: -.7em } .text-default, .text-color-default { color: #777 !important } section.video { background-position: 50% 50%; background-repeat: no-repeat; padding: 50px 0; position: relative; overflow: hidden; width: 100% } section.video .container { position: relative; z-index: 3 } html.boxed section.video > div:first-child { z-index: 0 !important } html.boxed section.video > div:first-child video { z-index: 0 !important } .word-rotator i, .word-rotator em, .word-rotator b { font-style: normal; font-weight: inherit } .word-rotator-words { display: inline-flex !important; position: relative; text-align: left } .word-rotator-words b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0 } .word-rotator-words b.is-visible { position: relative } .word-rotator-words[class*=bg-] { background: #ccc } .word-rotator-words[class*=bg-] b { color: #fff; padding: 1.6px 8px; padding: .1rem .5rem } .word-rotator.rotate-1 .word-rotator-words { perspective: 300px } .word-rotator.rotate-1 b { opacity: 0; transform-origin: 50% 100%; transform: rotateX(180deg) } .word-rotator.rotate-1 b.is-visible { opacity: 1; transform: rotateX(0deg); -webkit-animation: word-rotator-rotate-1-in 1.2s; animation: word-rotator-rotate-1-in 1.2s } .word-rotator.rotate-1 b.is-hidden { transform: rotateX(180deg); -webkit-animation: word-rotator-rotate-1-out 1.2s; animation: word-rotator-rotate-1-out 1.2s } @-webkit-keyframes word-rotator-rotate-1-in { 0% { transform: rotateX(180deg); opacity: 0 } 35% { transform: rotateX(120deg); opacity: 0 } 65% { opacity: 0 } 100% { transform: rotateX(360deg); opacity: 1 } } @keyframes word-rotator-rotate-1-in { 0% { transform: rotateX(180deg); opacity: 0 } 35% { transform: rotateX(120deg); opacity: 0 } 65% { opacity: 0 } 100% { transform: rotateX(360deg); opacity: 1 } } @-webkit-keyframes word-rotator-rotate-1-out { 0% { transform: rotateX(0deg); opacity: 1 } 35% { transform: rotateX(-40deg); opacity: 1 } 65% { opacity: 0 } 100% { transform: rotateX(180deg); opacity: 0 } } @keyframes word-rotator-rotate-1-out { 0% { transform: rotateX(0deg); opacity: 1 } 35% { transform: rotateX(-40deg); opacity: 1 } 65% { opacity: 0 } 100% { transform: rotateX(180deg); opacity: 0 } } .word-rotator.type .word-rotator-words { vertical-align: top; overflow: hidden; position: relative; padding-right: 3px } .word-rotator.type .word-rotator-words::after { content: ' '; position: absolute; right: 0; top: 5%; height: 90%; width: 2px; display: block; background-color: transparent } .word-rotator.type .word-rotator-words.waiting::after { -webkit-animation: 1s word-rotator-pulse step-end infinite; animation: 1s word-rotator-pulse step-end infinite } .word-rotator.type .word-rotator-words.selected { background-color: #212529 !important } .word-rotator.type .word-rotator-words.selected::after { visibility: hidden } .word-rotator.type .word-rotator-words.selected b { color: #fff !important } .word-rotator.type b { visibility: hidden } .word-rotator.type b.is-visible { visibility: visible } .word-rotator.type i { position: absolute; visibility: hidden } .word-rotator.type i.in { position: relative; visibility: visible } .word-rotator.type.type-clean-light .word-rotator-words:after { width: 8px } .word-rotator.type.type-clean-light .word-rotator-words.waiting::after { -webkit-animation: 500ms word-rotator-pulse-light step-end infinite; animation: 500ms word-rotator-pulse-light step-end infinite } .word-rotator.type.type-clean-light .word-rotator-words.selected { background-color: transparent !important } @-webkit-keyframes word-rotator-pulse { from,to { background-color: transparent } 50% { background-color: #000 } } @keyframes word-rotator-pulse { from,to { background-color: transparent } 50% { background-color: #000 } } @-webkit-keyframes word-rotator-pulse-light { from,to { background-color: transparent } 50% { background-color: #fff } } @keyframes word-rotator-pulse-light { from,to { background-color: transparent } 50% { background-color: #fff } } .word-rotator.rotate-2 .word-rotator-words { perspective: 300px } .word-rotator.rotate-2 i, .word-rotator.rotate-2 em { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden } .word-rotator.rotate-2 b { opacity: 0 } .word-rotator.rotate-2 i { transform-style: preserve-3d; transform: translateZ(-20px) rotateX(90deg); opacity: 0 } .is-visible .word-rotator.rotate-2 i { opacity: 1 } .word-rotator.rotate-2 i.in { -webkit-animation: word-rotator-rotate-2-in .4s forwards; animation: word-rotator-rotate-2-in .4s forwards } .word-rotator.rotate-2 i.out { -webkit-animation: word-rotator-rotate-2-out .4s forwards; animation: word-rotator-rotate-2-out .4s forwards } .word-rotator.rotate-2 em { transform: translateZ(20px) } .no-csstransitions .word-rotator.rotate-2 i { transform: rotateX(0deg); opacity: 0 } .no-csstransitions .word-rotator.rotate-2 i em { transform: scale(1) } .no-csstransitions .word-rotator.rotate-2 .is-visible i { opacity: 1 } @-webkit-keyframes word-rotator-rotate-2-in { 0% { opacity: 0; transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; transform: translateZ(-20px) rotateX(0deg) } } @keyframes word-rotator-rotate-2-in { 0% { opacity: 0; transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; transform: translateZ(-20px) rotateX(0deg) } } @-webkit-keyframes word-rotator-rotate-2-out { 0% { opacity: 1; transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; transform: translateZ(-20px) rotateX(-90deg) } } @keyframes word-rotator-rotate-2-out { 0% { opacity: 1; transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; transform: translateZ(-20px) rotateX(-90deg) } } .word-rotator.loading-bar span { display: inline-block; padding: .2em 0 } .word-rotator.loading-bar .word-rotator-words { overflow: hidden; vertical-align: top } .word-rotator.loading-bar .word-rotator-words::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #212529; z-index: 2; transition: width .3s -.1s } .word-rotator.loading-bar .word-rotator-words.is-loading::after { width: 100%; transition: width 3s } .word-rotator.loading-bar .word-rotator-words.bg-light::after { background-color: #212529 !important } .word-rotator.loading-bar .word-rotator-words[class*=bg-]:not(.bg-light)::after { background-color: #fff !important } .word-rotator.loading-bar b { top: .2em; opacity: 0; transition: opacity .3s } .word-rotator.loading-bar b.is-visible { opacity: 1; top: 0 } .word-rotator.slide span { display: inline-block; padding: .2em 0 } .word-rotator.slide .word-rotator-words { overflow: hidden; vertical-align: top } .word-rotator.slide b { opacity: 0; top: .2em } .word-rotator.slide b.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in .6s; animation: slide-in .6s } .word-rotator.slide b.is-hidden { -webkit-animation: slide-out .6s; animation: slide-out .6s } @-webkit-keyframes slide-in { 0% { opacity: 0; transform: translateY(-100%) } 60% { opacity: 1; transform: translateY(20%) } 100% { opacity: 1; transform: translateY(0) } } @keyframes slide-in { 0% { opacity: 0; transform: translateY(-100%) } 60% { opacity: 1; transform: translateY(20%) } 100% { opacity: 1; transform: translateY(0) } } @-webkit-keyframes slide-out { 0% { opacity: 1; transform: translateY(0) } 60% { opacity: 0; transform: translateY(120%) } 100% { opacity: 0; transform: translateY(100%) } } @keyframes slide-out { 0% { opacity: 1; transform: translateY(0) } 60% { opacity: 0; transform: translateY(120%) } 100% { opacity: 0; transform: translateY(100%) } } .word-rotator.clip span { display: inline-block; padding: .2em 0 } .word-rotator.clip .word-rotator-words { overflow: hidden; vertical-align: top } .word-rotator.clip .word-rotator-words::after { content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #212529 } .word-rotator.clip b { opacity: 0 } .word-rotator.clip b.is-visible { opacity: 1 } .word-rotator.zoom .word-rotator-words { perspective: 300px } .word-rotator.zoom b { opacity: 0 } .word-rotator.zoom b.is-visible { opacity: 1; -webkit-animation: zoom-in .8s; animation: zoom-in .8s } .word-rotator.zoom b.is-hidden { -webkit-animation: zoom-out .8s; animation: zoom-out .8s } @-webkit-keyframes zoom-in { 0% { opacity: 0; transform: translateZ(100px) } 100% { opacity: 1; transform: translateZ(0) } } @keyframes zoom-in { 0% { opacity: 0; transform: translateZ(100px) } 100% { opacity: 1; transform: translateZ(0) } } @-webkit-keyframes zoom-out { 0% { opacity: 1; transform: translateZ(0) } 100% { opacity: 0; transform: translateZ(-100px) } } @keyframes zoom-out { 0% { opacity: 1; transform: translateZ(0) } 100% { opacity: 0; transform: translateZ(-100px) } } .word-rotator.rotate-3 .word-rotator-words { perspective: 300px } .word-rotator.rotate-3 b { opacity: 0 } .word-rotator.rotate-3 i { display: inline-block; transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden } .is-visible .word-rotator.rotate-3 i { transform: rotateY(0deg) } .word-rotator.rotate-3 i.in { -webkit-animation: word-rotator-rotate-3-in .6s forwards; animation: word-rotator-rotate-3-in .6s forwards } .word-rotator.rotate-3 i.out { -webkit-animation: word-rotator-rotate-3-out .6s forwards; animation: word-rotator-rotate-3-out .6s forwards } .no-csstransitions .word-rotator.rotate-3 i { transform: rotateY(0deg); opacity: 0 } .no-csstransitions .word-rotator.rotate-3 .is-visible i { opacity: 1 } @-webkit-keyframes word-rotator-rotate-3-in { 0% { transform: rotateY(180deg) } 100% { transform: rotateY(0deg) } } @keyframes word-rotator-rotate-3-in { 0% { transform: rotateY(180deg) } 100% { transform: rotateY(0deg) } } @-webkit-keyframes word-rotator-rotate-3-out { 0% { transform: rotateY(0) } 100% { transform: rotateY(-180deg) } } @keyframes word-rotator-rotate-3-out { 0% { transform: rotateY(0) } 100% { transform: rotateY(-180deg) } } .word-rotator.scale b { opacity: 0 } .word-rotator.scale i { display: inline-block; opacity: 0; transform: scale(0) } .is-visible .word-rotator.scale i { opacity: 1 } .word-rotator.scale i.in { -webkit-animation: scale-up .6s forwards; animation: scale-up .6s forwards } .word-rotator.scale i.out { -webkit-animation: scale-down .6s forwards; animation: scale-down .6s forwards } .no-csstransitions .word-rotator.scale i { transform: scale(1); opacity: 0 } .no-csstransitions .word-rotator.scale .is-visible i { opacity: 1 } @-webkit-keyframes scale-up { 0% { transform: scale(0); opacity: 0 } 60% { transform: scale(1.2); opacity: 1 } 100% { transform: scale(1); opacity: 1 } } @keyframes scale-up { 0% { transform: scale(0); opacity: 0 } 60% { transform: scale(1.2); opacity: 1 } 100% { transform: scale(1); opacity: 1 } } @-webkit-keyframes scale-down { 0% { transform: scale(1); opacity: 1 } 60% { transform: scale(0); opacity: 0 } } @keyframes scale-down { 0% { transform: scale(1); opacity: 1 } 60% { transform: scale(0); opacity: 0 } } .word-rotator.push b { opacity: 0 } .word-rotator.push b.is-visible { opacity: 1; -webkit-animation: push-in .6s; animation: push-in .6s } .word-rotator.push b.is-hidden { -webkit-animation: push-out .6s; animation: push-out .6s } @-webkit-keyframes push-in { 0% { opacity: 0; transform: translateX(-100%) } 60% { opacity: 1; transform: translateX(10%) } 100% { opacity: 1; transform: translateX(0) } } @keyframes push-in { 0% { opacity: 0; transform: translateX(-100%) } 60% { opacity: 1; transform: translateX(10%) } 100% { opacity: 1; transform: translateX(0) } } @-webkit-keyframes push-out { 0% { opacity: 1; transform: translateX(0) } 60% { opacity: 0; transform: translateX(110%) } 100% { opacity: 0; transform: translateX(100%) } } @keyframes push-out { 0% { opacity: 1; transform: translateX(0) } 60% { opacity: 0; transform: translateX(110%) } 100% { opacity: 0; transform: translateX(100%) } } section.section-custom-map { background: transparent url(../img/map.png) center 0 no-repeat; padding: 129px 0 0; margin: 20px 0 0; border: 0 } section.section-custom-map section.section { border-top: 0; background: rgba(247,247,247,.5) } .home-intro { background-color: #212529; margin-bottom: 60px; overflow: hidden; padding: 38.4px 0; padding: 2.4rem 0; position: relative; text-align: left; letter-spacing: -.5px } .home-intro p { color: #fff; display: inline-block; font-size: 1.4em; font-weight: 600; margin-bottom: 0 } .home-intro p span:not(.highlighted-word) { color: #fff; display: block; font-size: .8em; font-weight: 300; padding-top: 5px; opacity: .7 } .home-intro p .highlighted-word { font-size: 1.6em } .home-intro .get-started { position: relative } .home-intro .get-started .btn { position: relative; z-index: 1 } .home-intro .get-started .btn i { font-size: 1.1em; font-weight: 400; margin-left: 5px } .home-intro .get-started a { color: #fff } .home-intro .get-started a:not(.btn) { color: #fff; font-weight: 600 } .home-intro .learn-more { color: #fff; margin-left: 15px; font-weight: 300 } .home-intro.light { background-color: #ededed } .home-intro.light.secondary { background-color: #e0e1e4 } .home-intro.light p, .home-intro.light .learn-more, .home-intro.light p span:not(.highlighted-word), .home-intro.light .get-started a:not(.btn) { color: #333 } .home-intro-compact { border-radius: 0 0 .3rem .3rem; margin: -10px auto 60px; max-width: 1116px } .home-intro-compact p { padding-left: 20px } .home-intro-compact .get-started { padding-right: 20px } @media(max-width:991px) { .home-intro p { margin-bottom: 2rem } .home-intro-compact .get-started { padding-left: 20px } } @media(max-width:767px) { .home-intro-compact { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0 } } @-webkit-keyframes animatedLineBg { from { stroke-dasharray: 1000 } to { stroke-dasharray: 1360 } } @keyframes animatedLineBg { from { stroke-dasharray: 1000 } to { stroke-dasharray: 1360 } } @-webkit-keyframes animatedLineSmallCircle { from { stroke-dasharray: 1000 } to { stroke-dasharray: 1120 } } @keyframes animatedLineSmallCircle { from { stroke-dasharray: 1000 } to { stroke-dasharray: 1120 } } @-webkit-keyframes animatedLineBigCircle { from { stroke-dasharray: 1000 } to { stroke-dasharray: 1266 } } @keyframes animatedLineBigCircle { from { stroke-dasharray: 1000 } to { stroke-dasharray: 1266 } } @-webkit-keyframes animatedInitialPin { 0% { transform: translate(2px,69px) scale(.23) } 33% { transform: translate(2px,79px) scale(.23) } 66% { transform: translate(2px,74px) scale(.23) } 100% { transform: translate(2px,79px) scale(.23) } } @keyframes animatedInitialPin { 0% { transform: translate(2px,69px) scale(.23) } 33% { transform: translate(2px,79px) scale(.23) } 66% { transform: translate(2px,74px) scale(.23) } 100% { transform: translate(2px,79px) scale(.23) } } @-webkit-keyframes animatedFinalPin { 0% { transform: translate(325px,-19px) scale(.23) rotate(36deg) } 33% { transform: translate(325px,-13px) scale(.23) rotate(36deg) } 66% { transform: translate(325px,-16px) scale(.23) rotate(36deg) } 100% { transform: translate(325px,-13px) scale(.23) rotate(36deg) } } @keyframes animatedFinalPin { 0% { transform: translate(325px,-19px) scale(.23) rotate(36deg) } 33% { transform: translate(325px,-13px) scale(.23) rotate(36deg) } 66% { transform: translate(325px,-16px) scale(.23) rotate(36deg) } 100% { transform: translate(325px,-13px) scale(.23) rotate(36deg) } } @-webkit-keyframes animatedFinalPinFirefox { 0% { transform: translate(193px,-16px) scale(.23) rotate(36deg) } 33% { transform: translate(193px,-10px) scale(.23) rotate(36deg) } 66% { transform: translate(193px,-13px) scale(.23) rotate(36deg) } 100% { transform: translate(193px,-10px) scale(.23) rotate(36deg) } } @keyframes animatedFinalPinFirefox { 0% { transform: translate(193px,-16px) scale(.23) rotate(36deg) } 33% { transform: translate(193px,-10px) scale(.23) rotate(36deg) } 66% { transform: translate(193px,-13px) scale(.23) rotate(36deg) } 100% { transform: translate(193px,-10px) scale(.23) rotate(36deg) } } .home-concept { background: transparent url(../img/home/home-concept.png) no-repeat center 0; width: 100%; overflow: hidden } .home-concept strong { display: block; font-family: shadows into light,cursive; font-size: 1.8em; font-weight: 400 !important; position: relative; margin-top: 30px } .home-concept .row { position: relative } .home-concept .process-image { background: transparent url(../img/home/home-concept-item.png) no-repeat 0 0; width: 160px; margin: 120px auto 0; padding-bottom: 50px; position: relative; z-index: 1 } .home-concept .process-image img { border-radius: 150px; margin: 7px 8px; width: auto; height: auto; max-width: 145px; max-height: 145px } @media(min-width:992px) { .home-concept .process-image.process-image-on-middle { margin-top: 95px } } .home-concept .our-work { margin-top: 52px; font-size: 2.2em } .home-concept .project-image { background: transparent url(../img/home/home-concept-item.png) no-repeat 100% 0; width: 350px; margin: 20px 0 0 -30px; padding-bottom: 45px; position: relative; z-index: 1 } .home-concept .sun { background: transparent url(../img/home/home-concept-icons.png) no-repeat 0 0; width: 60px; height: 56px; display: block; position: absolute; left: 0; top: 65px } .home-concept .cloud { background: transparent url(../img/home/home-concept-icons.png) no-repeat 100% 0; width: 116px; height: 56px; display: block; position: absolute; left: 53%; top: 35px } @media(max-width:991px) { .home-concept { background-image: none } .home-concept .project-image { margin: 20px auto 0 } .home-concept .process-image { margin-top: 0; padding-bottom: 25px } } @media(max-width:479px) { .home-concept .project-image { background-position: 0 0; margin-left: auto; max-width: 160px } .home-concept .fc-slideshow { max-width: 145px; height: 145px } .home-concept .fc-slideshow img { max-height: 145px; max-width: 145px } } .portfolio-title { margin-bottom: -10px } .portfolio-title a { display: inline-block } .portfolio-title [class*=fa-], .portfolio-title .icons { font-size: 1.7em } .portfolio-title .portfolio-nav { margin-top: 11px } .portfolio-title .portfolio-nav-all { margin-top: 9px } .portfolio-title .portfolio-nav { text-align: right } .portfolio-title .portfolio-nav a { width: 40% } .portfolio-title .portfolio-nav-all .fa, .portfolio-title .portfolio-nav-all .icons { font-size: 2em } .portfolio-title .fa-angle-right { text-align: right } .portfolio-title .portfolio-nav-prev { text-align: left } .portfolio-info { margin: 2px 0 10px } .portfolio-info ul { list-style: none; padding: 0; margin: 0 } .portfolio-info ul li { display: inline-block; border-right: 1px solid #e6e6e6; color: #b1b1b1; padding-right: 8px; margin-right: 8px; font-size: .9em } .portfolio-info ul li:last-child { border-right: 0; padding-right: 0; margin-right: 0 } .portfolio-info ul li a { text-decoration: none; color: #b1b1b1 } .portfolio-info ul li a:hover .fa-heart { color: #e53f51 } .portfolio-info ul li [class*=fa-], .portfolio-info ul li .icons { margin-right: 4px } .portfolio-list { list-style: none; padding: 0; margin-top: 0; margin-bottom: 0 } .portfolio-list:not(.row) { margin: 0 } .portfolio-list .portfolio-item { position: relative; margin-bottom: 35px } .portfolio-list .portfolio-item.portfolio-item-updated:after, .portfolio-list .portfolio-item.portfolio-item-new:after { position: absolute; z-index: 1; top: 10px; right: 10px; background: #ccc; content: "NEW"; display: block; padding: 0 8px; font-size: 9px; font-weight: 600; text-transform: uppercase; color: #fff; border-radius: 2px; line-height: 22px } .portfolio-list .portfolio-item.portfolio-item-updated:after { content: "UPDATED"; background: #36c57a } .portfolio-details { list-style: none; padding: 0; margin: 45px 0 0 5px; font-size: .9em } .portfolio-details > li { padding: 0; margin: 0 0 20px } .portfolio-details p { padding: 0; margin: 0 } .portfolio-details blockquote { padding: 0 0 0 10px; margin: 15px 0 0; color: #999 } .portfolio-details .list-icons { margin-left: 0 } .portfolio-details .list-icons > li { padding-left: 18px; margin-right: 10px } .portfolio-details .list-icons > li [class*=fa-], .portfolio-details .list-icons > li .icons { top: 7px } .portfolio-modal .mfp-arrow, .portfolio-ajax-modal .mfp-arrow { display: none } .portfolio-load-more-loader { display: none; position: relative; height: 49px } .btn-portfolio-infinite-scroll { opacity: 0 } .portfolio-next:hover [class*=fa-], .portfolio-next:hover .icons, .portfolio-prev:hover [class*=fa-], .portfolio-prev:hover .icons { -webkit-animation: navItemArrow 600ms ease; animation: navItemArrow 600ms ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @media(max-width:991px) { .portfolio-nav, .portfolio-nav-all { display: none } } ul.team-list { list-style: none; margin: 0; padding: 0 } ul.team-list .team-item { margin-bottom: 35px } ul.team-list .team-item .thumb-info-social-icons { margin: 0 10px } @media(max-width:991px) { ul.team-list .team-item { margin: 0 auto 35px; max-width: 270px } } .search-results { min-height: 300px } .http-error { padding: 50px 0 } .http-error h2 { font-size: 140px; font-weight: 700; line-height: 140px } .http-error h4 { color: #777 } .http-error p { font-size: 1.4em; line-height: 36px } @media(max-width:575px) { .http-error { padding: 0 } .http-error h2 { font-size: 100px; letter-spacing: 0; line-height: 100px } } .thumb-info-type { background-color: #0052cc !important; } .thumb-info .thumb-info-title { transition: all .3s; background: rgba(33,37,41,.8); color: #fff; font-weight: 600; left: 0; letter-spacing: -.05em; position: absolute; z-index: 2; max-width: 85%; font-size: 12px; padding: 2px 11px 0px !important; bottom: 9%; } body { padding-top: 0px; padding-bottom: 0px; } /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 0px; padding-right: 0px; } /* Set width on the form input elements since they're 100% wide by default */ /*input, select, textarea { max-width: 280px; }*/ .google-captcha { height: auto; display: inline-flex; margin-bottom: 30px; } .invalid-feedback { display: block !important; font-weight: 700; } /* cyrillic-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v24/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTk3j77e.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v24/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTA3j77e.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v24/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTs3j77e.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v24/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTo3j77e.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v24/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTQ3jw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }