/* Minification failed. Returning unminified contents. (2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (60,23): run-time error CSS1039: Token not allowed after unary operator: '-iconFont' (68,23): run-time error CSS1039: Token not allowed after unary operator: '-iconFont' (152,23): run-time error CSS1039: Token not allowed after unary operator: '-mainFont' (167,22): run-time error CSS1039: Token not allowed after unary operator: '-bgColor' (170,17): run-time error CSS1039: Token not allowed after unary operator: '-textDark' (245,23): run-time error CSS1039: Token not allowed after unary operator: '-boldFont' (281,24): run-time error CSS1039: Token not allowed after unary operator: '-col1' (282,20): run-time error CSS1039: Token not allowed after unary operator: '-col1' (284,21): run-time error CSS1039: Token not allowed after unary operator: '-col1' (290,24): run-time error CSS1039: Token not allowed after unary operator: '-col2' (291,20): run-time error CSS1039: Token not allowed after unary operator: '-col2' (293,21): run-time error CSS1039: Token not allowed after unary operator: '-col2' (299,24): run-time error CSS1039: Token not allowed after unary operator: '-col3' (300,20): run-time error CSS1039: Token not allowed after unary operator: '-col3' (302,21): run-time error CSS1039: Token not allowed after unary operator: '-col3' (308,24): run-time error CSS1039: Token not allowed after unary operator: '-col4' (309,20): run-time error CSS1039: Token not allowed after unary operator: '-col4' (311,21): run-time error CSS1039: Token not allowed after unary operator: '-col4' (317,24): run-time error CSS1039: Token not allowed after unary operator: '-col5' (318,20): run-time error CSS1039: Token not allowed after unary operator: '-col5' (320,21): run-time error CSS1039: Token not allowed after unary operator: '-col5' (326,24): run-time error CSS1039: Token not allowed after unary operator: '-col6' (327,20): run-time error CSS1039: Token not allowed after unary operator: '-col6' (329,21): run-time error CSS1039: Token not allowed after unary operator: '-col6' (335,24): run-time error CSS1039: Token not allowed after unary operator: '-col7' (336,20): run-time error CSS1039: Token not allowed after unary operator: '-col7' (338,21): run-time error CSS1039: Token not allowed after unary operator: '-col7' (344,24): run-time error CSS1039: Token not allowed after unary operator: '-col8' (345,20): run-time error CSS1039: Token not allowed after unary operator: '-col8' (347,21): run-time error CSS1039: Token not allowed after unary operator: '-col8' (353,24): run-time error CSS1039: Token not allowed after unary operator: '-col9' (354,20): run-time error CSS1039: Token not allowed after unary operator: '-col9' (356,21): run-time error CSS1039: Token not allowed after unary operator: '-col9' (362,24): run-time error CSS1039: Token not allowed after unary operator: '-col10' (363,20): run-time error CSS1039: Token not allowed after unary operator: '-col10' (365,21): run-time error CSS1039: Token not allowed after unary operator: '-col10' (371,24): run-time error CSS1039: Token not allowed after unary operator: '-col11' (372,20): run-time error CSS1039: Token not allowed after unary operator: '-col11' (374,21): run-time error CSS1039: Token not allowed after unary operator: '-col11' (380,24): run-time error CSS1039: Token not allowed after unary operator: '-col12' (381,20): run-time error CSS1039: Token not allowed after unary operator: '-col12' (383,21): run-time error CSS1039: Token not allowed after unary operator: '-col12' (401,28): run-time error CSS1039: Token not allowed after unary operator: '-col1' (402,24): run-time error CSS1039: Token not allowed after unary operator: '-col1' (404,25): run-time error CSS1039: Token not allowed after unary operator: '-col1' (410,28): run-time error CSS1039: Token not allowed after unary operator: '-col2' (411,24): run-time error CSS1039: Token not allowed after unary operator: '-col2' (413,25): run-time error CSS1039: Token not allowed after unary operator: '-col2' (419,28): run-time error CSS1039: Token not allowed after unary operator: '-col3' (420,24): run-time error CSS1039: Token not allowed after unary operator: '-col3' (422,25): run-time error CSS1039: Token not allowed after unary operator: '-col3' (428,28): run-time error CSS1039: Token not allowed after unary operator: '-col4' (429,24): run-time error CSS1039: Token not allowed after unary operator: '-col4' (431,25): run-time error CSS1039: Token not allowed after unary operator: '-col4' (437,28): run-time error CSS1039: Token not allowed after unary operator: '-col5' (438,24): run-time error CSS1039: Token not allowed after unary operator: '-col5' (440,25): run-time error CSS1039: Token not allowed after unary operator: '-col5' (446,28): run-time error CSS1039: Token not allowed after unary operator: '-col6' (447,24): run-time error CSS1039: Token not allowed after unary operator: '-col6' (449,25): run-time error CSS1039: Token not allowed after unary operator: '-col6' (455,28): run-time error CSS1039: Token not allowed after unary operator: '-col7' (456,24): run-time error CSS1039: Token not allowed after unary operator: '-col7' (458,25): run-time error CSS1039: Token not allowed after unary operator: '-col7' (464,28): run-time error CSS1039: Token not allowed after unary operator: '-col8' (465,24): run-time error CSS1039: Token not allowed after unary operator: '-col8' (467,25): run-time error CSS1039: Token not allowed after unary operator: '-col8' (473,28): run-time error CSS1039: Token not allowed after unary operator: '-col9' (474,24): run-time error CSS1039: Token not allowed after unary operator: '-col9' (476,25): run-time error CSS1039: Token not allowed after unary operator: '-col9' (482,28): run-time error CSS1039: Token not allowed after unary operator: '-col10' (483,24): run-time error CSS1039: Token not allowed after unary operator: '-col10' (485,25): run-time error CSS1039: Token not allowed after unary operator: '-col10' (491,28): run-time error CSS1039: Token not allowed after unary operator: '-col11' (492,24): run-time error CSS1039: Token not allowed after unary operator: '-col11' (494,25): run-time error CSS1039: Token not allowed after unary operator: '-col11' (500,28): run-time error CSS1039: Token not allowed after unary operator: '-col12' (501,24): run-time error CSS1039: Token not allowed after unary operator: '-col12' (503,25): run-time error CSS1039: Token not allowed after unary operator: '-col12' (522,28): run-time error CSS1039: Token not allowed after unary operator: '-col1' (523,24): run-time error CSS1039: Token not allowed after unary operator: '-col1' (525,25): run-time error CSS1039: Token not allowed after unary operator: '-col1' (531,28): run-time error CSS1039: Token not allowed after unary operator: '-col2' (532,24): run-time error CSS1039: Token not allowed after unary operator: '-col2' (534,25): run-time error CSS1039: Token not allowed after unary operator: '-col2' (540,28): run-time error CSS1039: Token not allowed after unary operator: '-col3' (541,24): run-time error CSS1039: Token not allowed after unary operator: '-col3' (543,25): run-time error CSS1039: Token not allowed after unary operator: '-col3' (549,28): run-time error CSS1039: Token not allowed after unary operator: '-col4' (550,24): run-time error CSS1039: Token not allowed after unary operator: '-col4' (552,25): run-time error CSS1039: Token not allowed after unary operator: '-col4' (558,28): run-time error CSS1039: Token not allowed after unary operator: '-col5' (559,24): run-time error CSS1039: Token not allowed after unary operator: '-col5' (561,25): run-time error CSS1039: Token not allowed after unary operator: '-col5' (567,28): run-time error CSS1039: Token not allowed after unary operator: '-col6' (568,24): run-time error CSS1039: Token not allowed after unary operator: '-col6' (570,25): run-time error CSS1039: Token not allowed after unary operator: '-col6' (576,28): run-time error CSS1039: Token not allowed after unary operator: '-col7' (577,24): run-time error CSS1039: Token not allowed after unary operator: '-col7' (579,25): run-time error CSS1039: Token not allowed after unary operator: '-col7' (585,28): run-time error CSS1039: Token not allowed after unary operator: '-col8' (586,24): run-time error CSS1039: Token not allowed after unary operator: '-col8' (588,25): run-time error CSS1039: Token not allowed after unary operator: '-col8' (594,28): run-time error CSS1039: Token not allowed after unary operator: '-col9' (595,24): run-time error CSS1039: Token not allowed after unary operator: '-col9' (597,25): run-time error CSS1039: Token not allowed after unary operator: '-col9' (603,28): run-time error CSS1039: Token not allowed after unary operator: '-col10' (604,24): run-time error CSS1039: Token not allowed after unary operator: '-col10' (606,25): run-time error CSS1039: Token not allowed after unary operator: '-col10' (612,28): run-time error CSS1039: Token not allowed after unary operator: '-col11' (613,24): run-time error CSS1039: Token not allowed after unary operator: '-col11' (615,25): run-time error CSS1039: Token not allowed after unary operator: '-col11' (621,28): run-time error CSS1039: Token not allowed after unary operator: '-col12' (622,24): run-time error CSS1039: Token not allowed after unary operator: '-col12' (624,25): run-time error CSS1039: Token not allowed after unary operator: '-col12' (643,28): run-time error CSS1039: Token not allowed after unary operator: '-col1' (644,24): run-time error CSS1039: Token not allowed after unary operator: '-col1' (646,25): run-time error CSS1039: Token not allowed after unary operator: '-col1' (652,28): run-time error CSS1039: Token not allowed after unary operator: '-col2' (653,24): run-time error CSS1039: Token not allowed after unary operator: '-col2' (655,25): run-time error CSS1039: Token not allowed after unary operator: '-col2' (661,28): run-time error CSS1039: Token not allowed after unary operator: '-col3' (662,24): run-time error CSS1039: Token not allowed after unary operator: '-col3' (664,25): run-time error CSS1039: Token not allowed after unary operator: '-col3' (670,28): run-time error CSS1039: Token not allowed after unary operator: '-col4' (671,24): run-time error CSS1039: Token not allowed after unary operator: '-col4' (673,25): run-time error CSS1039: Token not allowed after unary operator: '-col4' (679,28): run-time error CSS1039: Token not allowed after unary operator: '-col5' (680,24): run-time error CSS1039: Token not allowed after unary operator: '-col5' (682,25): run-time error CSS1039: Token not allowed after unary operator: '-col5' (688,28): run-time error CSS1039: Token not allowed after unary operator: '-col6' (689,24): run-time error CSS1039: Token not allowed after unary operator: '-col6' (691,25): run-time error CSS1039: Token not allowed after unary operator: '-col6' (697,28): run-time error CSS1039: Token not allowed after unary operator: '-col7' (698,24): run-time error CSS1039: Token not allowed after unary operator: '-col7' (700,25): run-time error CSS1039: Token not allowed after unary operator: '-col7' (706,28): run-time error CSS1039: Token not allowed after unary operator: '-col8' (707,24): run-time error CSS1039: Token not allowed after unary operator: '-col8' (709,25): run-time error CSS1039: Token not allowed after unary operator: '-col8' (715,28): run-time error CSS1039: Token not allowed after unary operator: '-col9' (716,24): run-time error CSS1039: Token not allowed after unary operator: '-col9' (718,25): run-time error CSS1039: Token not allowed after unary operator: '-col9' (724,28): run-time error CSS1039: Token not allowed after unary operator: '-col10' (725,24): run-time error CSS1039: Token not allowed after unary operator: '-col10' (727,25): run-time error CSS1039: Token not allowed after unary operator: '-col10' (733,28): run-time error CSS1039: Token not allowed after unary operator: '-col11' (734,24): run-time error CSS1039: Token not allowed after unary operator: '-col11' (736,25): run-time error CSS1039: Token not allowed after unary operator: '-col11' (742,28): run-time error CSS1039: Token not allowed after unary operator: '-col12' (743,24): run-time error CSS1039: Token not allowed after unary operator: '-col12' (745,25): run-time error CSS1039: Token not allowed after unary operator: '-col12' (764,28): run-time error CSS1039: Token not allowed after unary operator: '-col1' (765,24): run-time error CSS1039: Token not allowed after unary operator: '-col1' (767,25): run-time error CSS1039: Token not allowed after unary operator: '-col1' (773,28): run-time error CSS1039: Token not allowed after unary operator: '-col2' (774,24): run-time error CSS1039: Token not allowed after unary operator: '-col2' (776,25): run-time error CSS1039: Token not allowed after unary operator: '-col2' (782,28): run-time error CSS1039: Token not allowed after unary operator: '-col3' (783,24): run-time error CSS1039: Token not allowed after unary operator: '-col3' (785,25): run-time error CSS1039: Token not allowed after unary operator: '-col3' (791,28): run-time error CSS1039: Token not allowed after unary operator: '-col4' (792,24): run-time error CSS1039: Token not allowed after unary operator: '-col4' (794,25): run-time error CSS1039: Token not allowed after unary operator: '-col4' (800,28): run-time error CSS1039: Token not allowed after unary operator: '-col5' (801,24): run-time error CSS1039: Token not allowed after unary operator: '-col5' (803,25): run-time error CSS1039: Token not allowed after unary operator: '-col5' (809,28): run-time error CSS1039: Token not allowed after unary operator: '-col6' (810,24): run-time error CSS1039: Token not allowed after unary operator: '-col6' (812,25): run-time error CSS1039: Token not allowed after unary operator: '-col6' (818,28): run-time error CSS1039: Token not allowed after unary operator: '-col7' (819,24): run-time error CSS1039: Token not allowed after unary operator: '-col7' (821,25): run-time error CSS1039: Token not allowed after unary operator: '-col7' (827,28): run-time error CSS1039: Token not allowed after unary operator: '-col8' (828,24): run-time error CSS1039: Token not allowed after unary operator: '-col8' (830,25): run-time error CSS1039: Token not allowed after unary operator: '-col8' (836,28): run-time error CSS1039: Token not allowed after unary operator: '-col9' (837,24): run-time error CSS1039: Token not allowed after unary operator: '-col9' (839,25): run-time error CSS1039: Token not allowed after unary operator: '-col9' (845,28): run-time error CSS1039: Token not allowed after unary operator: '-col10' (846,24): run-time error CSS1039: Token not allowed after unary operator: '-col10' (848,25): run-time error CSS1039: Token not allowed after unary operator: '-col10' (854,28): run-time error CSS1039: Token not allowed after unary operator: '-col11' (855,24): run-time error CSS1039: Token not allowed after unary operator: '-col11' (857,25): run-time error CSS1039: Token not allowed after unary operator: '-col11' (863,28): run-time error CSS1039: Token not allowed after unary operator: '-col12' (864,24): run-time error CSS1039: Token not allowed after unary operator: '-col12' (866,25): run-time error CSS1039: Token not allowed after unary operator: '-col12' (885,28): run-time error CSS1039: Token not allowed after unary operator: '-col1' (886,24): run-time error CSS1039: Token not allowed after unary operator: '-col1' (888,25): run-time error CSS1039: Token not allowed after unary operator: '-col1' (894,28): run-time error CSS1039: Token not allowed after unary operator: '-col2' (895,24): run-time error CSS1039: Token not allowed after unary operator: '-col2' (897,25): run-time error CSS1039: Token not allowed after unary operator: '-col2' (903,28): run-time error CSS1039: Token not allowed after unary operator: '-col3' (904,24): run-time error CSS1039: Token not allowed after unary operator: '-col3' (906,25): run-time error CSS1039: Token not allowed after unary operator: '-col3' (912,28): run-time error CSS1039: Token not allowed after unary operator: '-col4' (913,24): run-time error CSS1039: Token not allowed after unary operator: '-col4' (915,25): run-time error CSS1039: Token not allowed after unary operator: '-col4' (921,28): run-time error CSS1039: Token not allowed after unary operator: '-col5' (922,24): run-time error CSS1039: Token not allowed after unary operator: '-col5' (924,25): run-time error CSS1039: Token not allowed after unary operator: '-col5' (930,28): run-time error CSS1039: Token not allowed after unary operator: '-col6' (931,24): run-time error CSS1039: Token not allowed after unary operator: '-col6' (933,25): run-time error CSS1039: Token not allowed after unary operator: '-col6' (939,28): run-time error CSS1039: Token not allowed after unary operator: '-col7' (940,24): run-time error CSS1039: Token not allowed after unary operator: '-col7' (942,25): run-time error CSS1039: Token not allowed after unary operator: '-col7' (948,28): run-time error CSS1039: Token not allowed after unary operator: '-col8' (949,24): run-time error CSS1039: Token not allowed after unary operator: '-col8' (951,25): run-time error CSS1039: Token not allowed after unary operator: '-col8' (957,28): run-time error CSS1039: Token not allowed after unary operator: '-col9' (958,24): run-time error CSS1039: Token not allowed after unary operator: '-col9' (960,25): run-time error CSS1039: Token not allowed after unary operator: '-col9' (966,28): run-time error CSS1039: Token not allowed after unary operator: '-col10' (967,24): run-time error CSS1039: Token not allowed after unary operator: '-col10' (969,25): run-time error CSS1039: Token not allowed after unary operator: '-col10' (975,28): run-time error CSS1039: Token not allowed after unary operator: '-col11' (976,24): run-time error CSS1039: Token not allowed after unary operator: '-col11' (978,25): run-time error CSS1039: Token not allowed after unary operator: '-col11' (984,28): run-time error CSS1039: Token not allowed after unary operator: '-col12' (985,24): run-time error CSS1039: Token not allowed after unary operator: '-col12' (987,25): run-time error CSS1039: Token not allowed after unary operator: '-col12' (1006,28): run-time error CSS1039: Token not allowed after unary operator: '-col1' (1007,24): run-time error CSS1039: Token not allowed after unary operator: '-col1' (1009,25): run-time error CSS1039: Token not allowed after unary operator: '-col1' (1015,28): run-time error CSS1039: Token not allowed after unary operator: '-col2' (1016,24): run-time error CSS1039: Token not allowed after unary operator: '-col2' (1018,25): run-time error CSS1039: Token not allowed after unary operator: '-col2' (1024,28): run-time error CSS1039: Token not allowed after unary operator: '-col3' (1025,24): run-time error CSS1039: Token not allowed after unary operator: '-col3' (1027,25): run-time error CSS1039: Token not allowed after unary operator: '-col3' (1033,28): run-time error CSS1039: Token not allowed after unary operator: '-col4' (1034,24): run-time error CSS1039: Token not allowed after unary operator: '-col4' (1036,25): run-time error CSS1039: Token not allowed after unary operator: '-col4' (1042,28): run-time error CSS1039: Token not allowed after unary operator: '-col5' (1043,24): run-time error CSS1039: Token not allowed after unary operator: '-col5' (1045,25): run-time error CSS1039: Token not allowed after unary operator: '-col5' (1051,28): run-time error CSS1039: Token not allowed after unary operator: '-col6' (1052,24): run-time error CSS1039: Token not allowed after unary operator: '-col6' (1054,25): run-time error CSS1039: Token not allowed after unary operator: '-col6' (1060,28): run-time error CSS1039: Token not allowed after unary operator: '-col7' (1061,24): run-time error CSS1039: Token not allowed after unary operator: '-col7' (1063,25): run-time error CSS1039: Token not allowed after unary operator: '-col7' (1069,28): run-time error CSS1039: Token not allowed after unary operator: '-col8' (1070,24): run-time error CSS1039: Token not allowed after unary operator: '-col8' (1072,25): run-time error CSS1039: Token not allowed after unary operator: '-col8' (1078,28): run-time error CSS1039: Token not allowed after unary operator: '-col9' (1079,24): run-time error CSS1039: Token not allowed after unary operator: '-col9' (1081,25): run-time error CSS1039: Token not allowed after unary operator: '-col9' (1087,28): run-time error CSS1039: Token not allowed after unary operator: '-col10' (1088,24): run-time error CSS1039: Token not allowed after unary operator: '-col10' (1090,25): run-time error CSS1039: Token not allowed after unary operator: '-col10' (1096,28): run-time error CSS1039: Token not allowed after unary operator: '-col11' (1097,24): run-time error CSS1039: Token not allowed after unary operator: '-col11' (1099,25): run-time error CSS1039: Token not allowed after unary operator: '-col11' (1105,28): run-time error CSS1039: Token not allowed after unary operator: '-col12' (1106,24): run-time error CSS1039: Token not allowed after unary operator: '-col12' (1108,25): run-time error CSS1039: Token not allowed after unary operator: '-col12' (1126,25): run-time error CSS1039: Token not allowed after unary operator: '-buttonRadius' (1136,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1138,38): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1138,52): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1144,22): run-time error CSS1039: Token not allowed after unary operator: '-accentLight' (1146,38): run-time error CSS1039: Token not allowed after unary operator: '-accentLight' (1146,57): run-time error CSS1039: Token not allowed after unary operator: '-accentLight' (1148,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1153,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1155,38): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1155,53): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1166,17): run-time error CSS1039: Token not allowed after unary operator: '-textDark' (1196,30): run-time error CSS1039: Token not allowed after unary operator: '-textDark' (1542,22): run-time error CSS1039: Token not allowed after unary operator: '-bgHeader' (1544,38): run-time error CSS1039: Token not allowed after unary operator: '-bgHeader' (1544,54): run-time error CSS1039: Token not allowed after unary operator: '-bgHeader' (1599,22): run-time error CSS1039: Token not allowed after unary operator: '-bgFooter' (1601,38): run-time error CSS1039: Token not allowed after unary operator: '-bgFooter' (1601,54): run-time error CSS1039: Token not allowed after unary operator: '-bgFooter' (1628,17): run-time error CSS1039: Token not allowed after unary operator: '-col12' (1631,24): run-time error CSS1039: Token not allowed after unary operator: '-col12' (1632,20): run-time error CSS1039: Token not allowed after unary operator: '-col12' (1640,21): run-time error CSS1039: Token not allowed after unary operator: '-col3' (1643,28): run-time error CSS1039: Token not allowed after unary operator: '-col3' (1644,24): run-time error CSS1039: Token not allowed after unary operator: '-col3' (1654,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1743,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1752,21): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1930,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1945,28): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2003,32): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2078,32): run-time error CSS1039: Token not allowed after unary operator: '-borderColorActive' (2105,32): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2141,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2213,17): run-time error CSS1039: Token not allowed after unary operator: '-textDarkLess' (2219,23): run-time error CSS1039: Token not allowed after unary operator: '-boldFont' (2222,17): run-time error CSS1039: Token not allowed after unary operator: '-textDark' (2224,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2235,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2248,22): run-time error CSS1039: Token not allowed after unary operator: '-bgHero' (2250,17): run-time error CSS1039: Token not allowed after unary operator: '-textLight' (2280,17): run-time error CSS1039: Token not allowed after unary operator: '-textDark' (2284,23): run-time error CSS1039: Token not allowed after unary operator: '-mainFont' (2307,17): run-time error CSS1039: Token not allowed after unary operator: '-textDarkLess' (2351,17): run-time error CSS1039: Token not allowed after unary operator: '-textDark' (2362,22): run-time error CSS1039: Token not allowed after unary operator: '-bgBanner' (2364,17): run-time error CSS1039: Token not allowed after unary operator: '-textLight' (2387,17): run-time error CSS1039: Token not allowed after unary operator: '-textDark' (2415,22): run-time error CSS1039: Token not allowed after unary operator: '-dark' (2417,17): run-time error CSS1039: Token not allowed after unary operator: '-textLight' (2426,17): run-time error CSS1039: Token not allowed after unary operator: '-textLight' (2439,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2444,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (2449,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2454,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2460,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2462,38): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2462,53): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2468,22): run-time error CSS1039: Token not allowed after unary operator: '-accentLight' (2470,38): run-time error CSS1039: Token not allowed after unary operator: '-accentLight' (2470,57): run-time error CSS1039: Token not allowed after unary operator: '-accentLight' (2472,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2536,28): run-time error CSS1039: Token not allowed after unary operator: '-col6' (2537,24): run-time error CSS1039: Token not allowed after unary operator: '-col6' (2539,21): run-time error CSS1039: Token not allowed after unary operator: '-col6' (2547,28): run-time error CSS1039: Token not allowed after unary operator: '-col3' (2548,24): run-time error CSS1039: Token not allowed after unary operator: '-col3' (2550,21): run-time error CSS1039: Token not allowed after unary operator: '-col3' (2584,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2590,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2593,27): run-time error CSS1039: Token not allowed after unary operator: '-mainFont' (2608,23): run-time error CSS1039: Token not allowed after unary operator: '-boldFont' (2732,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2794,17): run-time error CSS1039: Token not allowed after unary operator: '-textDark' (2807,21): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2822,17): run-time error CSS1039: Token not allowed after unary operator: '-textDarkLess' (2884,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2891,21): run-time error CSS1039: Token not allowed after unary operator: '-primary' (3103,17): run-time error CSS1039: Token not allowed after unary operator: '-textDarkLess' (3108,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (3116,28): run-time error CSS1039: Token not allowed after unary operator: '-borderColor' (3122,24): run-time error CSS1039: Token not allowed after unary operator: '-accent' (3128,21): run-time error CSS1039: Token not allowed after unary operator: '-accent' (3130,33): run-time error CSS1039: Token not allowed after unary operator: '-accent' (3170,21): run-time error CSS1039: Token not allowed after unary operator: '-primary' (3199,30): run-time error CSS1039: Token not allowed after unary operator: '-accentLight' (3230,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (3232,29): run-time error CSS1039: Token not allowed after unary operator: '-primary' (3290,23): run-time error CSS1039: Token not allowed after unary operator: '-boldFont' (3312,24): run-time error CSS1039: Token not allowed after unary operator: '-accent' (3323,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (3351,25): run-time error CSS1039: Token not allowed after unary operator: '-cardRadius' (3584,17): run-time error CSS1039: Token not allowed after unary operator: '-default' */ :root { --mainFont: "LL Circular Pro Book Web",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; --boldFont: "LL Circular Pro Bold Web",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; --iconFont: "br"; --primary: #fb682f; --accent: #3a5fab; --accentLight: #9fdded; --bgColor: #fff; --bgHeader: var(--primary); --bgFooter: var(--primary); --bgHero: #efefef; --bgBanner: #fff; --default: #9b9b9b; --success: #5ed37d; --warning: #f9a11b; --danger: #c63346; --info: #39a0dc; --dark: #8b56ae; --borderColor: #d2d6da; --borderColorActive: #9c9bad; --logoWidth: 350px; --textDark: #3e3e3e; --textDarker: #2f2f2f; --textDarkLess: #5c5c5c; --textLight: #f2f2f2; --buttonRadius: 50px; --cardRadius: 10px; --col1: 8.333333%; --col2: 16.666667%; --col3: 25%; --col4: 33.333333%; --col5: 41.666667%; --col6: 50%; --col7: 58.333333%; --col8: 66.666667%; --col9: 75%; --col10: 83.333333%; --col11: 91.666667%; --col12: 100% } @font-face { font-family: LL Circular Pro Book Web; font-display: swap; src: url(../Content/fonts/lineto-circular-pro-book.eot?#iefix) format("embedded-opentype"),url(../Content/fonts/lineto-circular-pro-book.woff2) format("woff2"),url(../Content/fonts/lineto-circular-pro-book.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: LL Circular Pro Bold Web; font-display: swap; src: url(../Content/fonts/lineto-circular-pro-bold.eot?#iefix) format("embedded-opentype"),url(../Content/fonts/lineto-circular-pro-bold.woff2) format("woff2"),url(../Content/fonts/lineto-circular-pro-bold.woff) format("woff"); font-weight: 700; font-style: normal } @font-face { font-family: br; font-family: var(--iconFont); font-display: swap; src: url(../Content/fonts/br.eot); src: url(../Content/fonts/br.eot?#iefix) format("embedded-opentype"),url(../Content/fonts/br.woff) format("woff"),url(../Content/fonts/br.ttf) format("truetype"),url(../Content/fonts/br.svg#basic) format("svg") } [class*=" i-"]:after, [class*=" i-"]:before, [class^=i-]:after, [class^=i-]:before { font-family: br; font-family: var(--iconFont); -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; font-style: normal; font-weight: inherit; line-height: 1 } .i-appstore:before { content: "\ea01" } .i-checked:before { content: "\ea02" } .i-circle:before { content: "\ea03" } .i-close:before { content: "\ea04" } .i-googleplay:before { content: "\ea05" } .i-left:before { content: "\ea06" } .i-mail:before { content: "\ea07" } .i-menu:before { content: "\ea08" } .i-message:before { content: "\ea09" } .i-operator:before { content: "\ea0a" } .i-phone:before { content: "\ea0b" } .i-remove:before { content: "\ea0c" } .i-right:before { content: "\ea0d" } .i-sale-old:before { content: "\ea0e" } .i-sale:before { content: "\ea0f" } .i-search:before { content: "\ea10" } .i-star:before { content: "\ea11" } .i-wheel:before { content: "\ea12" } html { font-family: LL Circular Pro Book Web,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; font-family: var(--mainFont); font-size: 16px } * { outline: 0; max-width: 100% } *, :after, :before { box-sizing: border-box } body { background: #fff; background: var(--bgColor); padding: 0; color: #3e3e3e; color: var(--textDark); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } blockquote, body, dl, figure, h1, h2, h3, h4, h5, h6, hr, li, ol, p, pre, ul { margin: 0; padding: 0 } h1, h2, h3, h4, h5, h6 { font-weight: 400 } ul { list-style: none } button, input, select, textarea { color: inherit; font: inherit; letter-spacing: inherit } button, input, textarea { border: none } textarea { resize: none; min-height: 100px } button { cursor: pointer; border-radius: 0; padding: .75em 1em; background-color: transparent } button * { pointer-events: none } label[for] { cursor: pointer } embed, iframe, img, object, video { display: block; max-width: 100% } a { color: inherit; cursor: pointer; text-decoration: none } .noscroll { overflow: hidden } input[type=checkbox], input[type=file], input[type=radio] { display: none } address { font-style: normal } b, strong { font-family: LL Circular Pro Bold Web,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; font-family: var(--boldFont) } h1 { font-size: 2.5rem } h2 { font-size: 2rem } h3 { font-size: 1.65rem } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .xs { width: 100%; min-height: 1px; position: relative; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .xs-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; -ms-flex: 0 0 var(--col1); flex: 0 0 var(--col1); max-width: 8.333333%; max-width: var(--col1) } .xs-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; -ms-flex: 0 0 var(--col2); flex: 0 0 var(--col2); max-width: 16.666667%; max-width: var(--col2) } .xs-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; -ms-flex: 0 0 var(--col3); flex: 0 0 var(--col3); max-width: 25%; max-width: var(--col3) } .xs-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; -ms-flex: 0 0 var(--col4); flex: 0 0 var(--col4); max-width: 33.333333%; max-width: var(--col4) } .xs-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; -ms-flex: 0 0 var(--col5); flex: 0 0 var(--col5); max-width: 41.666667%; max-width: var(--col5) } .xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex: 0 0 var(--col6); flex: 0 0 var(--col6); max-width: 50%; max-width: var(--col6) } .xs-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; -ms-flex: 0 0 var(--col7); flex: 0 0 var(--col7); max-width: 58.333333%; max-width: var(--col7) } .xs-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; -ms-flex: 0 0 var(--col8); flex: 0 0 var(--col8); max-width: 66.666667%; max-width: var(--col8) } .xs-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; -ms-flex: 0 0 var(--col9); flex: 0 0 var(--col9); max-width: 75%; max-width: var(--col9) } .xs-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; -ms-flex: 0 0 var(--col10); flex: 0 0 var(--col10); max-width: 83.333333%; max-width: var(--col10) } .xs-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; -ms-flex: 0 0 var(--col11); flex: 0 0 var(--col11); max-width: 91.666667%; max-width: var(--col11) } .xs-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex: 0 0 var(--col12); flex: 0 0 var(--col12); max-width: 100%; max-width: var(--col12) } @media (min-width:480px) { .s { width: 100%; min-height: 1px; position: relative; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .s-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; -ms-flex: 0 0 var(--col1); flex: 0 0 var(--col1); max-width: 8.333333%; max-width: var(--col1) } .s-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; -ms-flex: 0 0 var(--col2); flex: 0 0 var(--col2); max-width: 16.666667%; max-width: var(--col2) } .s-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; -ms-flex: 0 0 var(--col3); flex: 0 0 var(--col3); max-width: 25%; max-width: var(--col3) } .s-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; -ms-flex: 0 0 var(--col4); flex: 0 0 var(--col4); max-width: 33.333333%; max-width: var(--col4) } .s-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; -ms-flex: 0 0 var(--col5); flex: 0 0 var(--col5); max-width: 41.666667%; max-width: var(--col5) } .s-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex: 0 0 var(--col6); flex: 0 0 var(--col6); max-width: 50%; max-width: var(--col6) } .s-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; -ms-flex: 0 0 var(--col7); flex: 0 0 var(--col7); max-width: 58.333333%; max-width: var(--col7) } .s-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; -ms-flex: 0 0 var(--col8); flex: 0 0 var(--col8); max-width: 66.666667%; max-width: var(--col8) } .s-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; -ms-flex: 0 0 var(--col9); flex: 0 0 var(--col9); max-width: 75%; max-width: var(--col9) } .s-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; -ms-flex: 0 0 var(--col10); flex: 0 0 var(--col10); max-width: 83.333333%; max-width: var(--col10) } .s-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; -ms-flex: 0 0 var(--col11); flex: 0 0 var(--col11); max-width: 91.666667%; max-width: var(--col11) } .s-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex: 0 0 var(--col12); flex: 0 0 var(--col12); max-width: 100%; max-width: var(--col12) } } @media (min-width:600px) { .m { width: 100%; min-height: 1px; position: relative; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .m-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; -ms-flex: 0 0 var(--col1); flex: 0 0 var(--col1); max-width: 8.333333%; max-width: var(--col1) } .m-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; -ms-flex: 0 0 var(--col2); flex: 0 0 var(--col2); max-width: 16.666667%; max-width: var(--col2) } .m-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; -ms-flex: 0 0 var(--col3); flex: 0 0 var(--col3); max-width: 25%; max-width: var(--col3) } .m-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; -ms-flex: 0 0 var(--col4); flex: 0 0 var(--col4); max-width: 33.333333%; max-width: var(--col4) } .m-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; -ms-flex: 0 0 var(--col5); flex: 0 0 var(--col5); max-width: 41.666667%; max-width: var(--col5) } .m-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex: 0 0 var(--col6); flex: 0 0 var(--col6); max-width: 50%; max-width: var(--col6) } .m-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; -ms-flex: 0 0 var(--col7); flex: 0 0 var(--col7); max-width: 58.333333%; max-width: var(--col7) } .m-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; -ms-flex: 0 0 var(--col8); flex: 0 0 var(--col8); max-width: 66.666667%; max-width: var(--col8) } .m-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; -ms-flex: 0 0 var(--col9); flex: 0 0 var(--col9); max-width: 75%; max-width: var(--col9) } .m-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; -ms-flex: 0 0 var(--col10); flex: 0 0 var(--col10); max-width: 83.333333%; max-width: var(--col10) } .m-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; -ms-flex: 0 0 var(--col11); flex: 0 0 var(--col11); max-width: 91.666667%; max-width: var(--col11) } .m-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex: 0 0 var(--col12); flex: 0 0 var(--col12); max-width: 100%; max-width: var(--col12) } } @media (min-width:767px) { .l { width: 100%; min-height: 1px; position: relative; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .l-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; -ms-flex: 0 0 var(--col1); flex: 0 0 var(--col1); max-width: 8.333333%; max-width: var(--col1) } .l-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; -ms-flex: 0 0 var(--col2); flex: 0 0 var(--col2); max-width: 16.666667%; max-width: var(--col2) } .l-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; -ms-flex: 0 0 var(--col3); flex: 0 0 var(--col3); max-width: 25%; max-width: var(--col3) } .l-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; -ms-flex: 0 0 var(--col4); flex: 0 0 var(--col4); max-width: 33.333333%; max-width: var(--col4) } .l-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; -ms-flex: 0 0 var(--col5); flex: 0 0 var(--col5); max-width: 41.666667%; max-width: var(--col5) } .l-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex: 0 0 var(--col6); flex: 0 0 var(--col6); max-width: 50%; max-width: var(--col6) } .l-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; -ms-flex: 0 0 var(--col7); flex: 0 0 var(--col7); max-width: 58.333333%; max-width: var(--col7) } .l-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; -ms-flex: 0 0 var(--col8); flex: 0 0 var(--col8); max-width: 66.666667%; max-width: var(--col8) } .l-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; -ms-flex: 0 0 var(--col9); flex: 0 0 var(--col9); max-width: 75%; max-width: var(--col9) } .l-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; -ms-flex: 0 0 var(--col10); flex: 0 0 var(--col10); max-width: 83.333333%; max-width: var(--col10) } .l-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; -ms-flex: 0 0 var(--col11); flex: 0 0 var(--col11); max-width: 91.666667%; max-width: var(--col11) } .l-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex: 0 0 var(--col12); flex: 0 0 var(--col12); max-width: 100%; max-width: var(--col12) } } @media (min-width:992px) { .xl { width: 100%; min-height: 1px; position: relative; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; -ms-flex: 0 0 var(--col1); flex: 0 0 var(--col1); max-width: 8.333333%; max-width: var(--col1) } .xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; -ms-flex: 0 0 var(--col2); flex: 0 0 var(--col2); max-width: 16.666667%; max-width: var(--col2) } .xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; -ms-flex: 0 0 var(--col3); flex: 0 0 var(--col3); max-width: 25%; max-width: var(--col3) } .xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; -ms-flex: 0 0 var(--col4); flex: 0 0 var(--col4); max-width: 33.333333%; max-width: var(--col4) } .xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; -ms-flex: 0 0 var(--col5); flex: 0 0 var(--col5); max-width: 41.666667%; max-width: var(--col5) } .xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex: 0 0 var(--col6); flex: 0 0 var(--col6); max-width: 50%; max-width: var(--col6) } .xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; -ms-flex: 0 0 var(--col7); flex: 0 0 var(--col7); max-width: 58.333333%; max-width: var(--col7) } .xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; -ms-flex: 0 0 var(--col8); flex: 0 0 var(--col8); max-width: 66.666667%; max-width: var(--col8) } .xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; -ms-flex: 0 0 var(--col9); flex: 0 0 var(--col9); max-width: 75%; max-width: var(--col9) } .xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; -ms-flex: 0 0 var(--col10); flex: 0 0 var(--col10); max-width: 83.333333%; max-width: var(--col10) } .xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; -ms-flex: 0 0 var(--col11); flex: 0 0 var(--col11); max-width: 91.666667%; max-width: var(--col11) } .xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex: 0 0 var(--col12); flex: 0 0 var(--col12); max-width: 100%; max-width: var(--col12) } } @media (min-width:1040px) { .xxl { width: 100%; min-height: 1px; position: relative; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .xxl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; -ms-flex: 0 0 var(--col1); flex: 0 0 var(--col1); max-width: 8.333333%; max-width: var(--col1) } .xxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; -ms-flex: 0 0 var(--col2); flex: 0 0 var(--col2); max-width: 16.666667%; max-width: var(--col2) } .xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; -ms-flex: 0 0 var(--col3); flex: 0 0 var(--col3); max-width: 25%; max-width: var(--col3) } .xxl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; -ms-flex: 0 0 var(--col4); flex: 0 0 var(--col4); max-width: 33.333333%; max-width: var(--col4) } .xxl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; -ms-flex: 0 0 var(--col5); flex: 0 0 var(--col5); max-width: 41.666667%; max-width: var(--col5) } .xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex: 0 0 var(--col6); flex: 0 0 var(--col6); max-width: 50%; max-width: var(--col6) } .xxl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; -ms-flex: 0 0 var(--col7); flex: 0 0 var(--col7); max-width: 58.333333%; max-width: var(--col7) } .xxl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; -ms-flex: 0 0 var(--col8); flex: 0 0 var(--col8); max-width: 66.666667%; max-width: var(--col8) } .xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; -ms-flex: 0 0 var(--col9); flex: 0 0 var(--col9); max-width: 75%; max-width: var(--col9) } .xxl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; -ms-flex: 0 0 var(--col10); flex: 0 0 var(--col10); max-width: 83.333333%; max-width: var(--col10) } .xxl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; -ms-flex: 0 0 var(--col11); flex: 0 0 var(--col11); max-width: 91.666667%; max-width: var(--col11) } .xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex: 0 0 var(--col12); flex: 0 0 var(--col12); max-width: 100%; max-width: var(--col12) } } @media (min-width:1380px) { .xxxl { width: 100%; min-height: 1px; position: relative; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .xxxl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; -ms-flex: 0 0 var(--col1); flex: 0 0 var(--col1); max-width: 8.333333%; max-width: var(--col1) } .xxxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; -ms-flex: 0 0 var(--col2); flex: 0 0 var(--col2); max-width: 16.666667%; max-width: var(--col2) } .xxxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; -ms-flex: 0 0 var(--col3); flex: 0 0 var(--col3); max-width: 25%; max-width: var(--col3) } .xxxl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; -ms-flex: 0 0 var(--col4); flex: 0 0 var(--col4); max-width: 33.333333%; max-width: var(--col4) } .xxxl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; -ms-flex: 0 0 var(--col5); flex: 0 0 var(--col5); max-width: 41.666667%; max-width: var(--col5) } .xxxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex: 0 0 var(--col6); flex: 0 0 var(--col6); max-width: 50%; max-width: var(--col6) } .xxxl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; -ms-flex: 0 0 var(--col7); flex: 0 0 var(--col7); max-width: 58.333333%; max-width: var(--col7) } .xxxl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; -ms-flex: 0 0 var(--col8); flex: 0 0 var(--col8); max-width: 66.666667%; max-width: var(--col8) } .xxxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; -ms-flex: 0 0 var(--col9); flex: 0 0 var(--col9); max-width: 75%; max-width: var(--col9) } .xxxl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; -ms-flex: 0 0 var(--col10); flex: 0 0 var(--col10); max-width: 83.333333%; max-width: var(--col10) } .xxxl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; -ms-flex: 0 0 var(--col11); flex: 0 0 var(--col11); max-width: 91.666667%; max-width: var(--col11) } .xxxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex: 0 0 var(--col12); flex: 0 0 var(--col12); max-width: 100%; max-width: var(--col12) } } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 8px 20px; font-size: 14px; line-height: 1.42857; border-radius: 50px; border-radius: var(--buttonRadius); transition: all .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn-accent { background: #3a5fab; background: var(--accent); background: linear-gradient(#3a5fab,#3a5fab); background: linear-gradient(var(--accent),var(--accent)); color: #fff } .btn-accentLight { background: #9fdded; background: var(--accentLight); background: linear-gradient(#9fdded,#9fdded); background: linear-gradient(var(--accentLight),var(--accentLight)); color: #3a5fab; color: var(--accent) } .btn-primary { background: #fb682f; background: var(--primary); background: linear-gradient(#fb682f,#fb682f); background: linear-gradient(var(--primary),var(--primary)); color: #fff } .btn-stroke { border-color: #fff } .btn-default { background: #e8e8e8; color: #3e3e3e; color: var(--textDark) } .btn:disabled { border: 1px solid #fff4f4; background: #f1f0f0; color: #ccbebe; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .list { padding-left: 10px } .list li { position: relative } .list li:before { width: 4px; height: 4px; content: ""; display: block; position: absolute; border-radius: 4px; background: #3e3e3e; background: var(--textDark); margin-left: -10px; margin-top: 8px } .list-nobullet li { margin-bottom: 5px } .txs-center { text-align: center } .txs-right { text-align: right } .txs-left { text-align: left } @media (min-width:480px) { .ts-center { text-align: center } .ts-right { text-align: right } .ts-left { text-align: left } } @media (min-width:600px) { .tm-center { text-align: center } .tm-right { text-align: right } .tm-left { text-align: left } } @media (min-width:767px) { .tl-center { text-align: center } .tl-right { text-align: right } .tl-left { text-align: left } } @media (min-width:992px) { .txl-center { text-align: center } .txl-right { text-align: right } .txl-left { text-align: left } } .margin-auto { margin: auto } .margin-right { margin-right: auto } .margin-left { margin-left: auto } .mr5 { margin-right: 5px } .p5 { padding: 5px } .p10 { padding: 10px } .p20 { padding: 20px } .p30 { padding: 30px } .pr5 { padding-right: 5px } .pt10 { padding-top: 10px } .pt30 { padding-top: 30px } .pb10 { padding-bottom: 10px } .pb30 { padding-bottom: 30px } .xs-top { -ms-flex-align: start; align-items: flex-start } .xs-middle { -ms-flex-align: center; align-items: center } .xs-bottom { -ms-flex-align: end; align-items: flex-end } .xs-left { -ms-flex-pack: start; justify-content: flex-start } .xs-center { -ms-flex-pack: center; justify-content: center } .xs-right { -ms-flex-pack: end; justify-content: flex-end } .xs-around { -ms-flex-pack: distribute; justify-content: space-around } .xs-between { -ms-flex-pack: justify; justify-content: space-between } @media (min-width:480px) { .s-top { -ms-flex-align: start; align-items: flex-start } .s-middle { -ms-flex-align: center; align-items: center } .s-bottom { -ms-flex-align: end; align-items: flex-end } .s-left { -ms-flex-pack: start; justify-content: flex-start } .s-center { -ms-flex-pack: center; justify-content: center } .s-right { -ms-flex-pack: end; justify-content: flex-end } .s-around { -ms-flex-pack: distribute; justify-content: space-around } .s-between { -ms-flex-pack: justify; justify-content: space-between } } @media (min-width:600px) { .m-top { -ms-flex-align: start; align-items: flex-start } .m-middle { -ms-flex-align: center; align-items: center } .m-bottom { -ms-flex-align: end; align-items: flex-end } .m-left { -ms-flex-pack: start; justify-content: flex-start } .m-center { -ms-flex-pack: center; justify-content: center } .m-right { -ms-flex-pack: end; justify-content: flex-end } .m-around { -ms-flex-pack: distribute; justify-content: space-around } .m-between { -ms-flex-pack: justify; justify-content: space-between } } @media (min-width:767px) { .l-top { -ms-flex-align: start; align-items: flex-start } .l-middle { -ms-flex-align: center; align-items: center } .l-bottom { -ms-flex-align: end; align-items: flex-end } .l-left { -ms-flex-pack: start; justify-content: flex-start } .l-center { -ms-flex-pack: center; justify-content: center } .l-right { -ms-flex-pack: end; justify-content: flex-end } .l-around { -ms-flex-pack: distribute; justify-content: space-around } .l-between { -ms-flex-pack: justify; justify-content: space-between } } @media (min-width:992px) { .xl-top { -ms-flex-align: start; align-items: flex-start } .xl-middle { -ms-flex-align: center; align-items: center } .xl-bottom { -ms-flex-align: end; align-items: flex-end } .xl-left { -ms-flex-pack: start; justify-content: flex-start } .xl-center { -ms-flex-pack: center; justify-content: center } .xl-right { -ms-flex-pack: end; justify-content: flex-end } .xl-around { -ms-flex-pack: distribute; justify-content: space-around } .xl-between { -ms-flex-pack: justify; justify-content: space-between } } .header { position: fixed; top: 0; z-index: 10; width: 100%; transition: background .5s ease; max-width: 100vw; color: #fff; background: #fb682f; background: var(--bgHeader); background: linear-gradient(#fb682f,#fb682f); background: linear-gradient(var(--bgHeader),var(--bgHeader)); padding: 15px 0; font-size: .9em; box-shadow: 0 0 1px #f8f8f8 } .header .grid { display: -ms-flexbox; display: flex; position: relative; -ms-flex-pack: justify; justify-content: space-between } .header li { display: block; font-size: 1.4rem; padding: 10px; text-align: center } @media (min-width:992px) { .header li { padding: 0 0 0 15px; text-align: left; text-align: initial; font-size: 1rem; display: inline-block } } .logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 0 0 calc(100% - 60px); flex: 0 0 calc(100% - 60px); margin-right: auto } @media (min-width:767px) { .logo { -ms-flex: 0 0 335px; flex: 0 0 335px } } .footer { color: #fff; font-size: .8rem; -ms-flex-order: 3; order: 3; width: 100%; background: #fb682f; background: var(--bgFooter); background: linear-gradient(#fb682f,#fb682f); background: linear-gradient(var(--bgFooter),var(--bgFooter)); bottom: 0; padding: 30px 0 70px } .footer p { margin-bottom: 15px } .footer b { font-size: 1.2em } .footer p a { transition: .2s } .footer p a:focus, .footer p a:hover { border-bottom: 1px solid #fff } .footer img { display: inline-block } .footer-logo { width: 100%; width: var(--col12); -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex: 0 0 var(--col12); flex: 0 0 var(--col12); display: block; margin: auto auto 20px } @media (min-width:767px) { .footer-logo { width: 25%; width: var(--col3); -ms-flex: 0 0 25%; flex: 0 0 25%; -ms-flex: 0 0 var(--col3); flex: 0 0 var(--col3); display: inline; display: initial; margin: initial } } .menu { position: fixed; background: #fb682f; background: var(--primary); color: #fff; width: 100%; right: -300vw; top: 0; z-index: 10; padding: 20px 0 20px 10px; transition: top .8s ease .3s; height: 100%; display: block; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .menu.open { transition: right .5s ease; right: 0 } .menu.open .menu-option { opacity: 1 } .menu.open .menu-close { transform: rotate(0) } @media (min-width:992px) { .menu { position: static; height: auto; width: auto; background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; padding: 0 } } .menu-option { display: block; font-weight: 400; margin-right: 20px; transition: .2s ease-in; position: relative; opacity: 0; text-align: center; transition: opacity .2s ease .6s; font-size: 20px } @media (min-width:992px) { .menu-option { font-size: 1em; border: 0; opacity: 1; display: inline-block } } .menu-option a { padding: 12px 20px; display: block } @media (min-width:992px) { .menu-option a { padding: 20px 0 } } .menu-option a:after { content: " }" } .menu-option a:before { content: "{ " } .menu-option a:after, .menu-option a:before { color: transparent; transition: all .2s ease .2s } .menu-option a:focus:after, .menu-option a:focus:before, .menu-option a:hover:after, .menu-option a:hover:before { color: #3a5fab; color: var(--accent) } .menu-current a { font-weight: 600 } .menu-current a:after, .menu-current a:before { color: #3a5fab; color: var(--accent) } .menu .i-close { top: 20px } .menu-btn { font-size: 22px; margin-left: -10px; cursor: pointer; margin-top: -5px; z-index: 3; color: #fff; padding: 20px; height: 60px; position: absolute; right: 10px; top: -5px } .menu-btn i { line-height: 1em } @media (min-width:992px) { .menu-btn { display: none !important } } .menu-children { background: #121212; border: 1px solid #222; border-radius: 4px; padding: 10px; position: fixed; top: 80px; width: 150px; display: block; right: -500px; transition: right .2s } .menu-children ul { list-style: none } .menu-children li:not(:last-child) { border-bottom: 1px solid #222 } .menu-children .exit, .menu-children a { display: block; padding: 10px } .open + .menu-children { right: 20px } .alert { position: fixed; top: 80px; padding: 25px 20px; border-radius: 0; width: 250px; line-height: 1.4em; z-index: 20; transition: none; -webkit-animation: showAlert .4s forwards; animation: showAlert .4s forwards; color: #fff } .alert.success { background: #1ca45a } .alert.danger { background: #e13428 } .alert.hide { -webkit-animation: hideAlert .4s forwards; animation: hideAlert .4s forwards } @-webkit-keyframes showAlert { 0% { opacity: 0; right: -20px } 50% { opacity: 0 } to { opacity: 1; right: 20px } } @keyframes showAlert { 0% { opacity: 0; right: -20px } 50% { opacity: 0 } to { opacity: 1; right: 20px } } @-webkit-keyframes hideAlert { 0% { opacity: 1; right: 20px } 50% { opacity: 0 } to { opacity: 0; right: -20px } } @keyframes hideAlert { 0% { opacity: 1; right: 20px } 50% { opacity: 0 } to { opacity: 0; right: -20px } } .section-title { font-size: 2.2em } @media (min-width:767px) { .section-title { font-size: 2.55em } } .b-lazy { opacity: 0; transition: all .2s ease } .b-loaded { opacity: 1 } .select2-container--default .select2-selection--single { border-radius: 20px; border-color: #fff } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #3a5fab; background: var(--accent) } .select2-container.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container.select2-container--open.select2-container--below .select2-selection--single { border-radius: 20px } .select2-container--open .select2-dropdown--below { border-radius: 10px } .select2-container--classic .select2-selection--single { background: #fff; border-radius: 20px; border: 1px solid #3a5fab; border: 1px solid var(--accent) } .select2-container--classic .select2-selection--single .select2-selection__arrow { background: transparent; border: 0 } .select2-container--classic .select2-selection--single .select2-selection__rendered { padding-top: 2px } .select2-dropdown { margin-top: 5px; max-width: none; border-radius: 10px; overflow: hidden } @-webkit-keyframes openChoices { 0% { opacity: 0; top: 80% } to { opacity: 1; top: 100% } } @keyframes openChoices { 0% { opacity: 0; top: 80% } to { opacity: 1; top: 100% } } input[type=email], input[type=password], input[type=text], select, textarea { border-radius: 50px; box-shadow: none; line-height: 1.33em; padding: 7px 20px; background: #fff; border: 1px solid #fff } textarea { border-radius: 20px } input[type=email].border, input[type=password].border, input[type=text].border, select.border, textarea.border { border: 1px solid #3a5fab; border: 1px solid var(--accent) } .form label { display: block; margin-bottom: 5px } .form-title { font-size: 16px; margin: 0 } .form-title:not(:first-child) { margin-top: 20px } .form > :not(:last-child) { margin-bottom: 10px } .form-group { padding: 5px; position: relative } .form-group input, .form-group textarea { width: 100% } .form-group input:disabled, .form-group input[readonly], .form-group textarea:disabled, .form-group textarea[readonly] { background: #e6e6e6; cursor: default } .form-check, .form-radio { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .form-radio-h { -ms-flex-direction: row; flex-direction: row; margin: 0 -2px } .form-radio-h .radio { -ms-flex: 1; flex: 1; margin: 0 2px } .check input, .radio input { display: none } .check label, .radio label { cursor: pointer; position: relative; padding-left: 20px; font-weight: 500 } .check label:before, .radio label:before { width: 14px; height: 14px; content: ""; background: #fff; display: block; position: absolute; left: 0; top: 0; border: 1px solid #9c9bad; border: 1px solid var(--borderColorActive) } .check label { cursor: pointer; position: relative; padding-left: 20px; font-weight: 500 } .check label:before { margin-top: 1px; width: 14px; height: 14px; content: ""; background: #fff; display: block; position: absolute; left: 0; top: 0; border: 1px solid #ccc } .check label:after { transition: .2s; content: ""; border: 2px solid #fb682f; border: 2px solid var(--primary); border-left: 0 solid transparent; border-top: 0 solid transparent; width: 6px; height: 10px; left: 4px; top: 1px; opacity: 0; position: absolute; line-height: 1em } .check input[type=checkbox]:checked ~ label:after { opacity: 1; transform: rotate(35deg) } .radio label { border-radius: 3px; display: -ms-flexbox; display: flex; font-size: .9em; font-weight: 300 !important; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5px; position: relative; transition: all .25s ease } .radio label:before { border-radius: 50% } .radio label:after { background: #fb682f; background: var(--primary); border-radius: 50%; content: ""; display: block; font-weight: 500; height: 8px; left: 0; margin: 3px; opacity: 0; position: absolute; top: 0; transition: all .1s ease-in-out; width: 8px } .radio input[type=radio]:checked + label:after { opacity: 1 } .money:before { content: "$"; color: #415fa5; position: absolute; line-height: 35px; margin-left: 18px } .money input { padding-left: 30px } .overlay { background: hsla(0,0%,100%,.6); display: -ms-flexbox; display: flex; height: 100vh; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 10px; position: fixed; top: 0; left: 0; width: 100vw; z-index: 11; transition: all .1s ease,background .4s ease } .overlay.hidden { transition: all .1s ease 1s,background 1s ease; background: hsla(0,0%,100%,0); z-index: -1 } .overlay.hidden .modal { left: 200vw } .modal { left: 0; transition: left .5s ease; background: #fff; border-radius: 25px; box-shadow: 1px 1px 7px rgba(0,0,0,.5); max-height: 90vh; max-width: 90%; width: 800px; padding: 30px; font-size: 18px; position: relative; color: #5c5c5c; color: var(--textDarkLess) } .modal-title { font-size: 1.8rem; font-family: LL Circular Pro Bold Web,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; font-family: var(--boldFont); margin-bottom: 20px; color: #3e3e3e; color: var(--textDark); color: #3a5fab; color: var(--accent) } .modal .content { max-height: calc(80vh - 40px); overflow-y: auto } .modal .close { text-align: right; color: #fb682f; color: var(--primary); cursor: pointer; position: absolute; right: 25px; top: 20px } .modal label { font-weight: 700 } .hero { background: #efefef; background: var(--bgHero); color: #f2f2f2; color: var(--textLight); width: 100vw; position: relative; font-size: .9em; text-align: center; padding-bottom: 50px; margin-bottom: -80px } @media (min-width:767px) { .hero { padding-top: 70px; text-align: left; font-size: 1.25em } } .hero .grid { padding: 150px 15px 30px; position: relative } @media (min-width:767px) { .hero .grid { padding: 100px 15px 50px } } .hero h1 { color: #3e3e3e; color: var(--textDark); font-size: 40px; font-weight: 600; font-family: LL Circular Pro Book Web,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; font-family: var(--mainFont) } @media (min-width:600px) { .hero h1 { font-size: 50px } } @media (min-width:767px) { .hero h1 { font-size: 60px } } .hero-option { box-shadow: 0 4px 16px rgba(0,0,0,.12); background: #fff; border: 1px solid #ececec; box-sizing: border-box; border-radius: 6px; padding: 20px 25px; color: #5c5c5c; color: var(--textDarkLess); margin: 10px 15px; transition: .2s; width: 100% } @media (min-width:480px) { .hero-option { width: 400px } } @media (min-width:480px) { .hero-option:first-child { text-align: right } } .hero-option:focus, .hero-option:hover { transform: scale(1.02); border-color: #d7d7d7; box-shadow: 0 4px 16px rgba(0,0,0,.27) } .hero-options { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } @media (min-width:480px) { .hero-options { -ms-flex-wrap: nowrap; flex-wrap: nowrap } } .hero-option-title { font-weight: 600; color: #3e3e3e; color: var(--textDark); margin-bottom: 8px } .hero-option-description { font-size: 1.15em; margin-bottom: 20px } .banner { background: #fff; background: var(--bgBanner); color: #f2f2f2; color: var(--textLight); width: 100vw; position: relative; font-size: .9em; text-align: center; padding: 100px 0 50px; min-height: 600px } @media (min-width:767px) { .banner { text-align: left; font-size: 1.25em } } .banner .grid { position: relative; padding: 0 15px } .banner h1 { color: #3e3e3e; color: var(--textDark); font-size: 30px; margin-bottom: 20px } @media (min-width:600px) { .banner h1 { font-size: 35px } } @media (min-width:1040px) { .banner h1 { font-size: 42px } } .banner h1 strong { font-size: 1.5em; display: block } .banner .btn { font-size: 1.15em } .dark { background: #8b56ae; background: var(--dark); color: #f2f2f2; color: var(--textLight) } .tblack { color: #121212 } .tlight { color: #f2f2f2; color: var(--textLight) } .light { background: #f7f9fc } .tupp { text-transform: uppercase } .taccent { color: #3a5fab; color: var(--accent) } .tdanger { color: #c63346; color: var(--danger) } .tprimary { color: #fb682f; color: var(--primary) } .accent { background: #3a5fab; background: var(--accent); color: #fff } .primary { background: #fb682f; background: var(--primary); background: linear-gradient(#fb682f,#fb682f); background: linear-gradient(var(--primary),var(--primary)); color: #fff } .accentLight { background: #9fdded; background: var(--accentLight); background: linear-gradient(#9fdded,#9fdded); background: linear-gradient(var(--accentLight),var(--accentLight)); color: #3a5fab; color: var(--accent) } .cta-asistencia { position: relative; border-radius: 3px; margin: 0 auto; text-align: center; padding: 40px 30px; overflow: hidden; width: 500px } @media (min-width:767px) { .cta-asistencia { padding: 30px 15px; max-width: 300px; margin-right: inherit } } @media (min-width:992px) { .cta-asistencia { max-width: 355px } } .cta-asistencia h4 { font-size: 1.8em; margin-bottom: 20px } .cta-asistencia i { position: absolute; right: 0; bottom: -10px; line-height: .9em; opacity: .08; font-size: 150px; z-index: 0 } .cta-asistencia span { font-size: 1.35em; display: block } .cta-asistencia p { max-width: 250px; margin: auto auto 20px } .cta-asistencia .btn { position: relative } .step { margin-bottom: 30px } @media (min-width:480px) { .step { -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex: 0 0 var(--col6); flex: 0 0 var(--col6); width: 50%; width: var(--col6) } } @media (min-width:992px) { .step { -ms-flex: 0 0 25%; flex: 0 0 25%; -ms-flex: 0 0 var(--col3); flex: 0 0 var(--col3); width: 25%; width: var(--col3) } } @media (min-width:480px) { .step-grid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between } } .step-icon { margin-bottom: 10px } .step-description { max-width: 220px; margin: auto } .faq { margin-bottom: 20px; font-size: 1.12em; position: relative; padding-left: 25px } .faq-title { font-size: 1.23em; color: #3a5fab; color: var(--accent) } .faq-title:before { content: "+"; background: #fb682f; background: var(--primary); color: #fff; font-family: LL Circular Pro Book Web,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; font-family: var(--mainFont); border-radius: 3px; display: inline-block; position: absolute; margin-left: -25px; top: 8px; height: 17px; width: 17px; font-size: 15px; text-align: center; line-height: 15px } .faq input:checked + .faq-title { font-family: LL Circular Pro Bold Web,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; font-family: var(--boldFont) } .faq input:checked + .faq-title:before { content: "-" } .faq input:checked ~ .faq-answer { display: block; -webkit-animation: faqOpen .5s forwards; animation: faqOpen .5s forwards } .faq-answer { padding: 10px; display: none } .faq-grid { -ms-flex: 1; flex: 1 } @media (min-width:767px) { .faq-grid { padding-right: 40px } } @-webkit-keyframes faqOpen { 0% { opacity: 0; max-height: 0 } 80% { opacity: 1 } to { max-height: 500px } } @keyframes faqOpen { 0% { opacity: 0; max-height: 0 } 80% { opacity: 1 } to { max-height: 500px } } .compare { background: 50% no-repeat; background-size: cover; width: 45%; position: relative; padding-bottom: calc(30% + 8px); margin: 10px auto } @media (min-width:767px) { .compare { width: 150px; height: 100px; padding-bottom: 0; margin: 10px } } @media (min-width:992px) { .compare { margin: 10px 20px } } .compare img { position: absolute; height: 100%; width: 100%; object-fit: cover } .compare:empty { padding-bottom: 30%; border: 4px solid #fff } @media (min-width:767px) { .compare:empty { padding-bottom: 0 } } .compare-btn { display: none; margin-top: 20px } @media (min-width:992px) { .compare-btn { margin-top: 0 } } .compare:not(:empty) ~ .compare-btn { display: inline-block } .compare button { z-index: 1; position: absolute; top: 4px; right: 4px; padding: 0; font-size: .8em; background: #fb682f; background: var(--primary); width: 30px; text-align: center; border-radius: 20px; font-size: 15px; height: 30px } .favmin { font-size: 1.2em } .favmin h3 { font-size: 1.75em } #favorites .modal { min-width: 65vw } #favorites .image { margin-bottom: 5px; height: 100px; width: 100%; background: 50% no-repeat; background-size: cover; overflow: hidden } #favorites .cars { display: -ms-flexbox; display: flex; max-width: 850px; margin: 10px auto; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: space-evenly; justify-content: space-evenly } #favorites .car { padding: 10px; font-size: 14px; border: 0; line-height: 1.2em; width: 250px } @media (min-width:992px) { #favorites .car { width: 175px } } @media (min-width:1380px) { #favorites .car { width: 185px } } #favorites .car-title { color: #3e3e3e; color: var(--textDark); line-height: 1em; margin-bottom: 15px; font-size: 1.3em; text-transform: uppercase } #favorites .car-title span { padding-top: 8px; text-transform: none; display: block; font-size: 1.85em; color: #fb682f; color: var(--primary) } .car { padding: 0; border: 1px solid #e5e5e5; transition: transform .25s ease,box-shadow .25s ease; position: relative; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; color: #5c5c5c; color: var(--textDarkLess) } @media (min-width:600px) { .car { max-width: none } } .cars { -ms-flex-pack: center; justify-content: center } @media (min-width:600px) { .cars { -ms-flex-pack: left; justify-content: left } } .car-wrapper { width: 280px; padding: 10px 10px 20px } @media (min-width:600px) { .car-wrapper { max-width: 100%; width: 50% } } @media (min-width:767px) { .car-wrapper { width: 33% } } @media (min-width:992px) { .car-wrapper { width: 25% } } .car-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 20px 15px; -ms-flex: 1; flex: 1 } .car:focus, .car:hover { box-shadow: 0 6px 6px rgba(0,0,0,.1); transform: scale(1.01) } .car h4 { color: #3a5fab; color: var(--accent); margin-bottom: 10px } .car h4 span { display: block; color: #fb682f; color: var(--primary); font-size: 1.8em } .car dl { -ms-flex: 1; flex: 1; line-height: 1.4em } .car dt { float: left; clear: left; margin-right: 5px } .car dd { font-weight: 700; margin-left: 0 } .car .image { background: #d3d3d3 } .car .img { height: 150px } .car .b-lazy { background: 50% no-repeat; background-size: cover; transition: all .2s ease-in-out; opacity: 0 } .car .b-lazy.b-loaded { opacity: 1 } .car .b-lazy.b-error { opacity: 1; background-size: auto auto; background-size: initial; background-image: url(/Content/images/logo.png) } .car.single { border: 0; width: 100%; max-width: none } .car.single dd { margin-bottom: 10px } .car .icons { margin-top: auto; padding-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } .car .icons > * { -ms-flex: 0 0 49%; flex: 0 0 49% } .like { font-weight: 500; border-radius: 50%; background: #fff; position: absolute; right: 20px; color: #fb682f; padding: 7px; line-height: 1em; top: 20px; width: 30px; font-size: 16px; transition: background .25s ease } .like::active { box-shadow: 0 0 3px rgba(0,0,0,.5) } .like.liked { background: #fb682f; color: #fff } .like.liking + .liking-icon:before { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 458.2 458.2'%3E%3Cpath fill='%23fff' d='M445.7 202a17 17 0 10-33.7 5.6 187.9 187.9 0 11-46.7-95.4l-75.6 25.2a17 17 0 0010.8 32.4L403 135.7a17 17 0 0011.7-16.2V17a17 17 0 10-34.1 0v62.3A219.6 219.6 0 10445.7 202z'/%3E%3C/svg%3E"); width: 32px; height: 32px; display: block; position: absolute; background-color: #9fdded; background-size: 17px 22px; top: 20px; right: 19px; border-radius: 30px; background-repeat: no-repeat; background-position: 50%; -webkit-animation: liking 2s infinite; animation: liking 2s infinite; cursor: default } @-webkit-keyframes liking { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } @keyframes liking { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } @media (min-width:767px) { .single { padding: 15px 0 15px 15px } } .single:focus, .single:hover { transform: none; box-shadow: none } .single h1 small { font-size: 20px; text-transform: uppercase; display: block } .single .btn { margin-bottom: 5px } .instructions { padding-left: 25px } .calculate { padding: 25px; border: 1px solid #e5e5e5 } .calculate-label { font-size: 1.2em; padding-bottom: 10px } .calculate-group { padding-bottom: 20px } .version { max-width: 350px; position: relative; width: 100%; margin: 5px 5px 15px; border: 1px solid #e5e5e5; transition: border .2s ease,box-shadow .2s ease } @media (min-width:767px) { .version { max-width: calc(50% - 10px) } } @media (min-width:1040px) { .version { max-width: calc(33% - 10px) } } @media (min-width:1380px) { .version { max-width: calc(25% - 10px) } } .version input { display: none } .version label { border-bottom: 1px solid #e5e5e5; cursor: pointer; margin-bottom: 0; padding: 15px; transition: border-color .15s ease; font-size: 18px; color: #5c5c5c; color: var(--textDarkLess) } .version .name span { color: #fb682f; color: var(--primary); font-size: 1.85em; display: block } .version .btn { border-radius: 0; border: 2px solid #d2d6da; border: 2px solid var(--borderColor); border-top: 0 } .version-radio:checked + .version { border-color: #3a5fab; border-color: var(--accent); box-shadow: 0 4px 6px rgba(0,0,0,.25) } .version-radio:checked + .version label { color: #3a5fab; color: var(--accent); text-shadow: 0 0 0 #3a5fab; text-shadow: 0 0 0 var(--accent) } .version-radio:checked + .version label span { text-shadow: none } .version .tab:not(:last-child) { border-bottom: 1px solid #e5e5e5 } .versions { -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; margin: 30px 0 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -ms-flexbox; display: flex } @media (min-width:767px) { .versions { -ms-flex-pack: start; justify-content: flex-start } } .tabname { padding: 10px 15px; display: block; cursor: pointer; font-size: .9em } .tabname:after { content: "+"; color: #fb682f; color: var(--primary); position: absolute; font-size: 1.2em; right: 10px } .tabcontent { font-size: 0; max-height: 0; opacity: 0; padding: 0; overflow: hidden; line-height: 1.4em; transition: all .15s ease,font-size 0s ease,padding 0s ease } .tabcontent li { position: relative; margin-bottom: 5px } .tabcontent li:before { content: ""; width: 6px; height: 6px; display: inline-block; position: relative; border-radius: 6px; background: #9fdded; background: var(--accentLight); margin-left: -8px; margin-right: 5px; top: -2px } .tab.open .tabname { padding: 10px 15px; display: block; font-size: .9em; text-shadow: 0 0 0 #000 } .tab.open .tabname:after { content: "-" } .tab.open .tabcontent { transition: all .25s ease,font-size 0s ease,padding 0s ease; padding: 0 15px 10px 25px; opacity: 1; font-size: .85em; max-height: 10000px } .tab:last-child { padding-bottom: 5px } .tab.promo .tabname { color: #fb682f; color: var(--primary); text-shadow: 0 0 0 #fb682f; text-shadow: 0 0 0 var(--primary); background: #f3f3f3 } .tab.promo.open .tabcontent { padding-top: 10px } .tab.promo i { text-shadow: none } .tab.nopromo { color: #aaa; background: #f5f5f5; font-size: .9em; padding: 10px 15px } .tab.nopromo:before { content: "Sin promoción vigente" } .pack { border: 1px solid #e5e5e5; margin: 5px; padding: 20px; text-align: center; transition: border-color .2s ease,box-shadow .2s ease } @media (min-width:767px) { .pack { width: calc(33% - 10px) } } @media (min-width:992px) { .pack { width: calc(20% - 10px) } } .packs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center } .pack-months { display: block; font-size: 5em; font-family: LL Circular Pro Bold Web,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; font-family: var(--boldFont); line-height: 1em } .pack-months small { display: block; font-size: .3em; line-height: 1em } .pack-icons { display: block; overflow: hidden; max-height: 0; transition: max-height .2s; margin-top: 10px } .pack-radio:checked + .pack { padding: 10px 20px 20px; box-shadow: 0 4px 6px rgba(0,0,0,.25); border-color: #3a5fab; border-color: var(--accent) } .pack-radio:checked + .pack .pack-icons { max-height: 100px } .pack-price { margin: 15px 0 20px; font-size: 1.3em; color: #fb682f; color: var(--primary) } .pack-price, .pack-price small { display: block } .grid { padding: 0 30px; max-width: 1170px; margin: auto; width: 100% } @media (min-width:992px) { .grid { padding: 0 10px } } .footer { margin-top: auto } .card { background: #fff; padding: 30px; border-radius: 10px; border-radius: var(--cardRadius); box-shadow: 0 0 15px rgba(37,34,72,.13) } .platform { padding: 15px; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .3; transition: all .2s; min-height: 50px } .platform:hover { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1 } .platforms { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } #pc-image { width: 80%; margin-top: -150px; position: relative; z-index: 1; max-width: 300px } @media (min-width:767px) { #pc-image { margin-top: -350px; max-width: 500px; width: 70% } } #bigdata { min-height: 300px } @media (min-width:767px) { #bigdata { min-height: 500px } } .fbigger { font-size: 22px } .grid-text { max-width: 750px } :focus { box-shadow: 0 0 3px rgba(255,118,0,.58039) } .search .section-title { margin-bottom: 20px } .search .primary { padding: 30px 0 50px } .search-label { font-size: 1.2em; margin-bottom: 10px; display: block } .search-more-title { text-align: center; font-size: 1.25em; padding: 15px 0 } @media (min-width:767px) { .search-more-title { margin-right: auto; text-align: right } } .separator { display: block; height: 12px; width: 100%; background: #e8dacf } .app { padding: 5px; opacity: .505; display: inline-block; transition: .2s } .app:focus, .app:hover { border-bottom: 0; opacity: .85 } .app-grid { padding-top: 20px } #requisitos ul { font-size: 18px; max-width: 450px } .note { font-size: .8rem; color: #9b9b9b } #noresults { text-align: center; font-size: 20px; max-width: 700px; margin: auto; padding: 50px 0 } @media (min-width:767px) { #noresults { padding: 80px } } #noresults i { font-size: 46px; display: block } #noresults b { font-size: 1.3em } @media (min-width:767px) { #noresults b { font-size: 1.7em } } @media (min-width:992px) { #noresults b { font-size: 2em } } .offer { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .offer i, del { font-weight: 100 } del { font-size: smaller; color: #aeaeae } h2.lineamientos-cookies { margin: 2rem 0; color: #FF671D; } .left{ width:90%; padding-left:12px } .right { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center; width: 10%; } span.c-orange, .bg-orange { color: #FF671D; font-weight: bold; } .button-hero-orange { width: 100%; text-align: center; color: white; background: #FF671D; padding: .5rem; border-radius: 50px; } .mb-4 { margin-bottom: 1.5rem; } ul.point { box-sizing: border-box; padding-left: 3rem; list-style: disc; } ul.point li { padding-bottom: 1rem; } #politicas_cookies { height: 100px; width: 100%; position: fixed; background-color: #f8f8f8; vertical-align: middle; padding-top: 1rem; z-index: 10; color: var(--default); } #politicas_cookies .grid { display: -ms-flexbox; display: flex; position: relative; -ms-flex-pack: justify; justify-content: space-between; } .h-top { top: 100px; } @media (max-width:768px) { .left{ margin-bottom:.8rem; padding-left:0; } .right { -webkit-justify-content: flex-end; justify-content: flex-end; } .left, .right{ width:100% } #politicas_cookies { height:180px; min-height:180px; } .h-top{ top:180px } .button-hero-orange{ width:40%; } } @media (max-width:540px) { #politicas_cookies { height: 220px; min-height: 220px; } .h-top { top: 220px } } @media (max-width:467px) { #politicas_cookies { height: 260px; min-height: 260px; } .h-top { top: 260px } } @media (max-width:320px) { #politicas_cookies { height: 300px; min-height: 300px; } .h-top { top: 300px } }