/* Minification failed. Returning unminified contents.
(3180,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3231,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3232,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3279,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3328,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3399,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3450,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3451,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3498,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3612,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3638,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3928,26): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(3995,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10721,24): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(10722,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(10739,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(10740,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(10750,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(10771,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(10819,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(10820,35): run-time error CSS1039: Token not allowed after unary operator: '-light'
(10822,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10833,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(10837,15): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(10845,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(10849,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10853,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10898,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(10909,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10912,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(10925,15): run-time error CSS1039: Token not allowed after unary operator: '-light'
(10928,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(11129,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11164,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(11172,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(11173,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(11174,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(11321,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11326,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11327,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11717,28): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-loud'
(11718,28): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-quiet'
(11754,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11768,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11812,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12061,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12078,22): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(12247,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(12248,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12255,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(12259,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12281,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12288,17): run-time error CSS1039: Token not allowed after unary operator: '-hint'
(12295,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12309,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(12325,25): run-time error CSS1039: Token not allowed after unary operator: '-brand-outline-light-2'
(12367,28): run-time error CSS1039: Token not allowed after unary operator: '-informative-loud'
(12379,28): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(12410,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(12411,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12433,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12441,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12447,17): run-time error CSS1039: Token not allowed after unary operator: '-insurance-copy'
(12453,17): run-time error CSS1039: Token not allowed after unary operator: '-insurance-copy'
(12457,17): run-time error CSS1039: Token not allowed after unary operator: '-insurance-copy'
(12464,17): run-time error CSS1039: Token not allowed after unary operator: '-insurance-copy'
(12469,17): run-time error CSS1039: Token not allowed after unary operator: '-insurance-copy'
(12477,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12478,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12479,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12485,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(12486,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(12487,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12735,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12748,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-2'
(12749,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12754,24): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12767,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12772,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12778,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12891,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12905,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12915,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12937,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12938,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12939,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-2'
(12944,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12949,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12954,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12972,29): run-time error CSS1039: Token not allowed after unary operator: '-error'
(12977,29): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(12981,29): run-time error CSS1039: Token not allowed after unary operator: '-success'
(13034,40): run-time error CSS1039: Token not allowed after unary operator: '-error'
(13035,29): run-time error CSS1039: Token not allowed after unary operator: '-error'
(13036,34): run-time error CSS1039: Token not allowed after unary operator: '-error-quiet'
(13040,29): run-time error CSS1039: Token not allowed after unary operator: '-error'
(13044,40): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(13045,29): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(13046,34): run-time error CSS1039: Token not allowed after unary operator: '-warning-quiet'
(13050,29): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(13054,40): run-time error CSS1039: Token not allowed after unary operator: '-success'
(13055,29): run-time error CSS1039: Token not allowed after unary operator: '-success'
(13056,34): run-time error CSS1039: Token not allowed after unary operator: '-success-quiet'
(13060,29): run-time error CSS1039: Token not allowed after unary operator: '-success'
(13077,32): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(13091,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13099,26): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-2'
(13100,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13125,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13135,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13143,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13161,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13162,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13163,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-2'
(13166,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13169,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13172,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13183,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(13196,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13204,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13225,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13226,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13230,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13234,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13279,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13280,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(13293,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(13297,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-1'
(13298,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-1'
(13299,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13302,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(13303,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(13304,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13307,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(13308,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(13309,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13312,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(13313,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13314,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(13336,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13344,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13390,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13400,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13421,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-2'
(13422,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13423,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13427,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13431,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13440,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13447,16): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13464,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-2'
(13465,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13466,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13481,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13500,16): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13504,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-2'
(13533,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13543,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(13545,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13559,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(13560,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13582,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(13598,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(13600,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13614,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(13615,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13637,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(13646,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(13652,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13664,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(13669,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13678,32): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(13692,32): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(13709,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance-quiet'
(13715,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(13720,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13728,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13737,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance-quiet'
(13740,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(13786,32): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(13791,32): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(13796,32): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(13808,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(13809,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13816,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13819,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13820,17): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(13850,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13851,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(13852,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(13859,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13865,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(13866,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(13867,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(13869,18): run-time error CSS1030: Expected identifier, found '.'
(13869,36): run-time error CSS1031: Expected selector, found ')'
(13869,36): run-time error CSS1025: Expected comma or open brace, found ')'
(13886,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13887,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13890,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(13891,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13894,22): run-time error CSS1039: Token not allowed after unary operator: '-error-quiet'
(13895,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(13898,22): run-time error CSS1039: Token not allowed after unary operator: '-success-quiet'
(13899,17): run-time error CSS1039: Token not allowed after unary operator: '-success'
(13902,22): run-time error CSS1039: Token not allowed after unary operator: '-warning-quiet'
(13903,17): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(13931,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13946,16): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13965,17): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(13971,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13972,28): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(13979,31): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(13981,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13990,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(14008,22): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(14014,22): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(14019,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(14029,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14030,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(14057,28): run-time error CSS1039: Token not allowed after unary operator: '-error-quiet'
(14058,28): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(14063,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(14065,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14080,28): run-time error CSS1039: Token not allowed after unary operator: '-error-quiet'
(14081,28): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(14082,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(14113,28): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(14123,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14132,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-2'
(14140,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(14159,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14160,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(14165,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(14166,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-2'
(14314,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(14315,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(14328,17): run-time error CSS1039: Token not allowed after unary operator: '-hint'
(14338,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(14340,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(14348,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14412,22): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-80'
(14421,22): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-60'
(14422,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14426,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(14427,28): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-80'
(14440,38): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-60'
(14440,59): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-80'
(14449,38): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-80'
(14449,59): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green'
(14508,22): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-80'
(14517,22): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-60'
(14518,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14522,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(14523,28): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-80'
(14536,38): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-60'
(14536,59): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-80'
(14545,38): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-80'
(14545,59): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green'
(14674,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(14782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14893,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14935,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14941,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(14973,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15402,25): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15461,25): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15522,19): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15715,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15844,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15902,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15908,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(15912,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15917,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-1'
(15918,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15923,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(15927,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(15928,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(15929,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15933,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(15942,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(15943,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(15949,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-1'
(15950,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15955,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(15959,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(15960,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(15961,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15965,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(15974,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(15975,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(15980,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua'
(15981,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(15986,29): run-time error CSS1039: Token not allowed after unary operator: '-aqua-2'
(15987,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(15991,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-3'
(15992,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(15993,38): run-time error CSS1039: Token not allowed after unary operator: '-aqua-3'
(15994,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15998,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-3'
(15999,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16008,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(16009,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(16012,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16013,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16016,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(16017,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16024,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16025,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16026,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16030,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16031,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16032,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16036,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16037,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16038,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16043,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(16044,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16045,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16049,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(16050,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16051,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16056,28): run-time error CSS1039: Token not allowed after unary operator: '-informative-quiet'
(16057,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16058,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16067,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16068,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(16069,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(16078,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16084,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16087,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16095,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-70'
(16104,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-70'
(16112,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-90'
(16117,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(16119,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16123,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(16124,24): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16125,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16130,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(16132,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16143,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(16148,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16149,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(16151,28): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(16155,28): run-time error CSS1039: Token not allowed after unary operator: '-decline-state-1'
(16156,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(16160,28): run-time error CSS1039: Token not allowed after unary operator: '-error'
(16161,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16162,38): run-time error CSS1039: Token not allowed after unary operator: '-error'
(16163,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16167,28): run-time error CSS1039: Token not allowed after unary operator: '-decline-state-1'
(16168,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(16177,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(16178,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(16195,16): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(16199,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16203,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(16204,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16205,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16209,28): run-time error CSS1039: Token not allowed after unary operator: '-informative-quiet'
(16210,38): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16211,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16220,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(16221,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(16222,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(16227,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16231,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(16235,28): run-time error CSS1039: Token not allowed after unary operator: '-informative-quiet'
(16239,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-4'
(16240,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16593,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16594,28): run-time error CSS1039: Token not allowed after unary operator: '-light'
(16607,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16608,35): run-time error CSS1039: Token not allowed after unary operator: '-light'
(16613,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16623,35): run-time error CSS1039: Token not allowed after unary operator: '-light'
(16627,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16630,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16651,29): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(16655,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16678,28): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney'
(16679,17): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-copy'
(16684,29): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney'
(16685,17): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-copy'
(16689,28): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney'
(16690,17): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-copy'
(16691,38): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney'
(16692,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16696,28): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney'
(16697,17): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-copy'
(16706,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(16707,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(16713,28): run-time error CSS1039: Token not allowed after unary operator: '-loans'
(16714,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16719,29): run-time error CSS1039: Token not allowed after unary operator: '-loans'
(16720,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16724,28): run-time error CSS1039: Token not allowed after unary operator: '-loans'
(16725,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16726,38): run-time error CSS1039: Token not allowed after unary operator: '-loans'
(16727,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16731,28): run-time error CSS1039: Token not allowed after unary operator: '-loans'
(16732,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16741,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(16742,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(16747,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(16748,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16753,29): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(16754,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16758,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(16759,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16760,38): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(16761,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16765,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(16766,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16775,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(16776,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(16781,28): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green'
(16782,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16787,29): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green'
(16788,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16792,28): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green'
(16793,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16794,38): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green'
(16795,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16799,28): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green'
(16800,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(16809,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(16810,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(17273,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17287,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17311,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17319,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17323,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(17327,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(17331,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17335,17): run-time error CSS1039: Token not allowed after unary operator: '-aqua'
(17339,17): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(17343,17): run-time error CSS1039: Token not allowed after unary operator: '-light'
(17347,17): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(17351,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(17355,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-1'
(17359,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(17363,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-dark-3'
(17367,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(17371,17): run-time error CSS1039: Token not allowed after unary operator: '-hint'
(17375,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(17379,17): run-time error CSS1039: Token not allowed after unary operator: '-success'
(17383,17): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(17387,17): run-time error CSS1039: Token not allowed after unary operator: '-success-quiet'
(17391,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(17395,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(17399,17): run-time error CSS1039: Token not allowed after unary operator: '-error-quiet'
(17403,17): run-time error CSS1039: Token not allowed after unary operator: '-decline-state-1'
(17407,17): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(17411,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-loud'
(17415,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-quiet'
(17419,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17423,17): run-time error CSS1039: Token not allowed after unary operator: '-informative-loud'
(17427,17): run-time error CSS1039: Token not allowed after unary operator: '-informative-quiet'
(17431,17): run-time error CSS1039: Token not allowed after unary operator: '-aqua-2'
(17435,17): run-time error CSS1039: Token not allowed after unary operator: '-aqua-3'
(17439,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-1'
(17443,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(17447,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(17451,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(17455,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(17459,17): run-time error CSS1039: Token not allowed after unary operator: '-loans'
(17463,17): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(17467,17): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney'
(17471,17): run-time error CSS1039: Token not allowed after unary operator: '-loans-copy'
(17475,17): run-time error CSS1039: Token not allowed after unary operator: '-insurance-copy'
(17479,17): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-copy'
(17483,17): run-time error CSS1039: Token not allowed after unary operator: '-loans-quiet'
(17487,17): run-time error CSS1039: Token not allowed after unary operator: '-insurance-quiet'
(17491,17): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-quiet'
(17496,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-2'
(17500,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-70'
(17504,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-90'
(17508,17): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green'
(17512,17): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-80'
(17516,17): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-60'
(17520,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-10'
(17524,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(17528,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-outline-light-2'
(17532,17): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-loud'
(17537,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17541,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(17545,28): run-time error CSS1039: Token not allowed after unary operator: '-black'
(17549,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17553,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua'
(17557,28): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(17561,28): run-time error CSS1039: Token not allowed after unary operator: '-light'
(17565,28): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(17569,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(17574,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-1'
(17578,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(17582,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-dark-3'
(17586,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(17590,28): run-time error CSS1039: Token not allowed after unary operator: '-hint'
(17594,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(17598,28): run-time error CSS1039: Token not allowed after unary operator: '-success'
(17602,28): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(17606,28): run-time error CSS1039: Token not allowed after unary operator: '-success-quiet'
(17610,28): run-time error CSS1039: Token not allowed after unary operator: '-error'
(17614,28): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(17618,28): run-time error CSS1039: Token not allowed after unary operator: '-error-quiet'
(17622,28): run-time error CSS1039: Token not allowed after unary operator: '-decline-state-1'
(17626,28): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(17630,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-loud'
(17634,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-quiet'
(17638,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17642,28): run-time error CSS1039: Token not allowed after unary operator: '-informative-loud'
(17646,28): run-time error CSS1039: Token not allowed after unary operator: '-informative-quiet'
(17650,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-2'
(17654,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-3'
(17658,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-1'
(17662,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(17666,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(17670,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(17674,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(17678,22): run-time error CSS1039: Token not allowed after unary operator: '-loans'
(17682,22): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(17686,22): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney'
(17690,22): run-time error CSS1039: Token not allowed after unary operator: '-loans-copy'
(17694,22): run-time error CSS1039: Token not allowed after unary operator: '-insurance-copy'
(17698,22): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-copy'
(17702,22): run-time error CSS1039: Token not allowed after unary operator: '-loans-quiet'
(17706,22): run-time error CSS1039: Token not allowed after unary operator: '-insurance-quiet'
(17710,22): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-quiet'
(17714,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-2'
(17718,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-70'
(17722,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-90'
(17726,22): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green'
(17730,22): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-80'
(17734,22): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-60'
(17738,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-10'
(17742,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(17746,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-outline-light-2'
(17750,22): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-loud'
(17756,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17760,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(17764,28): run-time error CSS1039: Token not allowed after unary operator: '-black'
(17768,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17772,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua'
(17776,28): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(17780,28): run-time error CSS1039: Token not allowed after unary operator: '-light'
(17784,28): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(17788,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(17793,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-1'
(17797,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(17801,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-dark-3'
(17805,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-disabled'
(17809,28): run-time error CSS1039: Token not allowed after unary operator: '-hint'
(17813,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(17817,28): run-time error CSS1039: Token not allowed after unary operator: '-success'
(17821,28): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(17825,28): run-time error CSS1039: Token not allowed after unary operator: '-success-quiet'
(17829,28): run-time error CSS1039: Token not allowed after unary operator: '-error'
(17833,28): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(17837,28): run-time error CSS1039: Token not allowed after unary operator: '-decline-state-1'
(17841,28): run-time error CSS1039: Token not allowed after unary operator: '-error-quiet'
(17845,28): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(17849,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-loud'
(17853,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-quiet'
(17857,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17861,28): run-time error CSS1039: Token not allowed after unary operator: '-informative-loud'
(17865,28): run-time error CSS1039: Token not allowed after unary operator: '-informative-quiet'
(17869,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-2'
(17873,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-3'
(17877,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-1'
(17881,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(17885,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(17889,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(17893,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(17897,28): run-time error CSS1039: Token not allowed after unary operator: '-loans'
(17901,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(17905,28): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney'
(17909,28): run-time error CSS1039: Token not allowed after unary operator: '-loans-copy'
(17913,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance-copy'
(17917,28): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-copy'
(17921,28): run-time error CSS1039: Token not allowed after unary operator: '-loans-quiet'
(17925,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance-quiet'
(17929,28): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-quiet'
(17933,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-2'
(17937,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-70'
(17941,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-90'
(17945,28): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green'
(17949,28): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-80'
(17953,28): run-time error CSS1039: Token not allowed after unary operator: '-pjn-green-60'
(17957,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-10'
(17961,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(17965,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-outline-light-2'
(17969,28): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-loud'
(19160,25): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(19176,14): run-time error CSS1039: Token not allowed after unary operator: '-black'
(19182,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(19398,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(19404,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-70'
(19410,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-70'
(19416,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-90'
(19475,25): run-time error CSS1039: Token not allowed after unary operator: '-black'
(19476,14): run-time error CSS1039: Token not allowed after unary operator: '-black'
(19500,19): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(19560,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(19596,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(19688,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(19932,25): run-time error CSS1039: Token not allowed after unary operator: '-informative-quiet'
(19944,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(20282,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(20299,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(20302,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(20304,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20318,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(20337,17): run-time error CSS1039: Token not allowed after unary operator: '-hint'
(20358,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(20360,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20364,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(20375,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(20379,16): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(20383,24): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(20384,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20497,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(20498,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(20616,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(20617,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(20655,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(20684,17): run-time error CSS1039: Token not allowed after unary operator: '-hint'
(20697,16): run-time error CSS1039: Token not allowed after unary operator: '-black'
(20701,17): run-time error CSS1039: Token not allowed after unary operator: '-hint'
(20707,17): run-time error CSS1039: Token not allowed after unary operator: '-hint'
(20743,17): run-time error CSS1039: Token not allowed after unary operator: '-hint'
(20749,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(20759,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(20769,28): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(20773,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(20777,28): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(20781,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(20785,28): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(20789,17): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(20793,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-loud'
(20797,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-loud'
(20801,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(20806,17): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(20810,16): run-time error CSS1030: Expected identifier, found '*'
(20810,18): run-time error CSS1031: Expected selector, found ')'
(20810,18): run-time error CSS1025: Expected comma or open brace, found ')'
(20840,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20844,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(20850,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20856,35): run-time error CSS1039: Token not allowed after unary operator: '-light'
(20883,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(20899,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(20908,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20917,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20918,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(20928,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(20932,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(20962,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(20963,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(20969,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(20970,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(20971,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(20975,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(20976,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(20977,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(20982,28): run-time error CSS1039: Token not allowed after unary operator: '-informative-quiet'
(20983,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(20984,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-primary'
(20988,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(20989,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(20990,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20994,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-2'
(20998,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(20999,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(21000,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21004,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-state-3'
(21017,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-state-4'
(21025,17): run-time error CSS1039: Token not allowed after unary operator: '-success'
(21029,28): run-time error CSS1039: Token not allowed after unary operator: '-success'
(21030,22): run-time error CSS1039: Token not allowed after unary operator: '-success-quiet'
(21035,17): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(21039,28): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(21040,22): run-time error CSS1039: Token not allowed after unary operator: '-warning-quiet'
(21044,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(21048,28): run-time error CSS1039: Token not allowed after unary operator: '-error'
(21049,22): run-time error CSS1039: Token not allowed after unary operator: '-error-quiet'
(21076,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(21091,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(21113,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(21117,28): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(21127,17): run-time error CSS1039: Token not allowed after unary operator: '-success'
(21132,28): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(21309,22): run-time error CSS1039: Token not allowed after unary operator: '-success-loud'
(21310,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21317,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21341,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21346,22): run-time error CSS1039: Token not allowed after unary operator: '-success-quiet'
(21347,17): run-time error CSS1039: Token not allowed after unary operator: '-success'
(21358,17): run-time error CSS1039: Token not allowed after unary operator: '-success'
(21366,16): run-time error CSS1039: Token not allowed after unary operator: '-success'
(21370,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(21371,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21378,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21384,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21389,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-3'
(21390,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(21401,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(21408,16): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(21418,22): run-time error CSS1039: Token not allowed after unary operator: '-error-loud'
(21419,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21430,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21448,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21452,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21456,22): run-time error CSS1039: Token not allowed after unary operator: '-error-quiet'
(21457,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(21468,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(21474,16): run-time error CSS1039: Token not allowed after unary operator: '-error'
(21479,22): run-time error CSS1039: Token not allowed after unary operator: '-warning-loud'
(21480,17): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(21492,17): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(21508,16): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(21513,22): run-time error CSS1039: Token not allowed after unary operator: '-warning-quiet'
(21514,17): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(21525,17): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(21531,16): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(21535,22): run-time error CSS1039: Token not allowed after unary operator: '-informative-loud'
(21536,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21543,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21549,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21553,22): run-time error CSS1039: Token not allowed after unary operator: '-informative-quiet'
(21554,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-10'
(21561,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-10'
(21567,28): run-time error CSS1039: Token not allowed after unary operator: '-informative-quiet'
(21571,16): run-time error CSS1039: Token not allowed after unary operator: '-informative-quiet'
(21575,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-10'
(21579,28): run-time error CSS1039: Token not allowed after unary operator: '-insurance-quiet'
(21580,17): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(21587,17): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(21593,16): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(21599,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(21600,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(21604,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(21611,16): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(21615,16): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(21620,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21654,22): run-time error CSS1039: Token not allowed after unary operator: '-loans'
(21658,22): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney'
(21662,22): run-time error CSS1039: Token not allowed after unary operator: '-insurance'
(21669,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21675,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21679,17): run-time error CSS1039: Token not allowed after unary operator: '-mobimoney-copy'
(21684,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21685,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(21686,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-outline-light'
(21700,22): run-time error CSS1039: Token not allowed after unary operator: '-black'
(21701,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21707,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
 */
@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.7.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #fefefe; 
  font-weight: normal;
  line-height: 1.5;
  color: #010101;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}
button pre {
  overflow: auto;
}
button button,
button input,
button optgroup,
button select,
button textarea {
  font-family: inherit;
}
button .is-visible {
  display: block !important;
}
button .is-hidden {
  display: none !important;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(1, 1, 1, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #010101;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  appearance: none;
  border-radius: 0;
}

input[type=search] {
  box-sizing: border-box;
}

::placeholder {
  color: #cacaca;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #010101;
}
label.middle {
  margin: 0 0 1rem;
  line-height: 1.5;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #010101;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #010101;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #010101;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}
select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #CD001F;
  background-color: #f9e5e8;
}
.is-invalid-input:not(:focus)::placeholder {
  color: #CD001F;
}

.is-invalid-label {
  color: #CD001F;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #CD001F;
}
.form-error.is-visible {
  display: block;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 { 
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3rem;
  }

  h2, .h2 {
    font-size: 2.5rem;
  }

  h3, .h3 {
    font-size: 1.9375rem;
  }

  h4, .h4 {
    font-size: 1.5625rem;
  }

  h5, .h5 {
    font-size: 1.25rem;
  }

  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #D70053;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #b90047;
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

abbr, abbr[title] {
  border-bottom: 1px dotted #010101;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #010101;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

.cite-block, cite {
  display: block;
  color: #8a8a8a;
  font-size: 0.8125rem;
}
.cite-block:before, cite:before {
  content: "— ";
}

.code-inline, code {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #010101;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #010101;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }

  .medium-text-right {
    text-align: right;
  }

  .medium-text-center {
    text-align: center;
  }

  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }

  .large-text-right {
    text-align: right;
  }

  .large-text-center {
    text-align: center;
  }

  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .show-for-print {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  table.show-for-print {
    display: table !important;
  }

  thead.show-for-print {
    display: table-header-group !important;
  }

  tbody.show-for-print {
    display: table-row-group !important;
  }

  tr.show-for-print {
    display: table-row !important;
  }

  td.show-for-print {
    display: table-cell !important;
  }

  th.show-for-print {
    display: table-cell !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  pre,
blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .print-break-inside {
    page-break-inside: auto;
  }
}
.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.fluid {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
}
.cell.auto {
  flex: 1 1 0px;
}
.cell.shrink {
  flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}
.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto;
  }
}
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
  flex: 0 0 auto;
}

.grid-x > .small-1 {
  width: 8.3333333333%;
}

.grid-x > .small-2 {
  width: 16.6666666667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.3333333333%;
}

.grid-x > .small-5 {
  width: 41.6666666667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.3333333333%;
}

.grid-x > .small-8 {
  width: 66.6666666667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.3333333333%;
}

.grid-x > .small-11 {
  width: 91.6666666667%;
}

.grid-x > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
    flex: 0 0 auto;
  }

  .grid-x > .medium-shrink {
    width: auto;
  }

  .grid-x > .medium-1 {
    width: 8.3333333333%;
  }

  .grid-x > .medium-2 {
    width: 16.6666666667%;
  }

  .grid-x > .medium-3 {
    width: 25%;
  }

  .grid-x > .medium-4 {
    width: 33.3333333333%;
  }

  .grid-x > .medium-5 {
    width: 41.6666666667%;
  }

  .grid-x > .medium-6 {
    width: 50%;
  }

  .grid-x > .medium-7 {
    width: 58.3333333333%;
  }

  .grid-x > .medium-8 {
    width: 66.6666666667%;
  }

  .grid-x > .medium-9 {
    width: 75%;
  }

  .grid-x > .medium-10 {
    width: 83.3333333333%;
  }

  .grid-x > .medium-11 {
    width: 91.6666666667%;
  }

  .grid-x > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
    flex: 0 0 auto;
  }

  .grid-x > .large-shrink {
    width: auto;
  }

  .grid-x > .large-1 {
    width: 8.3333333333%;
  }

  .grid-x > .large-2 {
    width: 16.6666666667%;
  }

  .grid-x > .large-3 {
    width: 25%;
  }

  .grid-x > .large-4 {
    width: 33.3333333333%;
  }

  .grid-x > .large-5 {
    width: 41.6666666667%;
  }

  .grid-x > .large-6 {
    width: 50%;
  }

  .grid-x > .large-7 {
    width: 58.3333333333%;
  }

  .grid-x > .large-8 {
    width: 66.6666666667%;
  }

  .grid-x > .large-9 {
    width: 75%;
  }

  .grid-x > .large-10 {
    width: 83.3333333333%;
  }

  .grid-x > .large-11 {
    width: 91.6666666667%;
  }

  .grid-x > .large-12 {
    width: 100%;
  }
}
.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.grid-margin-x > .cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
}
.grid-margin-x > .auto {
  width: auto;
}
.grid-margin-x > .shrink {
  width: auto;
}
.grid-margin-x > .small-1 {
  width: calc(8.3333333333% - 1.25rem);
}
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1.25rem);
}
.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1.25rem);
}
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1.25rem);
}
.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1.25rem);
}
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 1.25rem);
}
.grid-margin-x > .small-12 {
  width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.3333333333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.6666666667%;
}

.small-up-7 > .cell {
  width: 14.2857142857%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%;
  }

  .medium-up-2 > .cell {
    width: 50%;
  }

  .medium-up-3 > .cell {
    width: 33.3333333333%;
  }

  .medium-up-4 > .cell {
    width: 25%;
  }

  .medium-up-5 > .cell {
    width: 20%;
  }

  .medium-up-6 > .cell {
    width: 16.6666666667%;
  }

  .medium-up-7 > .cell {
    width: 14.2857142857%;
  }

  .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%;
  }

  .large-up-2 > .cell {
    width: 50%;
  }

  .large-up-3 > .cell {
    width: 33.3333333333%;
  }

  .large-up-4 > .cell {
    width: 25%;
  }

  .large-up-5 > .cell {
    width: 20%;
  }

  .large-up-6 > .cell {
    width: 16.6666666667%;
  }

  .large-up-7 > .cell {
    width: 14.2857142857%;
  }

  .large-up-8 > .cell {
    width: 12.5%;
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1.25rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1.25rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1.25rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }

  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }

  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }

  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }

  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }

  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }

  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }

  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }

  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }

  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }

  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .small-1 {
  width: 8.3333333333%;
}
.small-margin-collapse > .small-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
  width: 25%;
}
.small-margin-collapse > .small-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
  width: 50%;
}
.small-margin-collapse > .small-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
  width: 75%;
}
.small-margin-collapse > .small-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
  width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .small-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

.small-offset-0 {
  margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 1.25rem / 2);
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 1.25rem / 2);
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 1.25rem / 2);
}

.small-offset-3 {
  margin-left: 25%;
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 1.25rem / 2);
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 1.25rem / 2);
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 1.25rem / 2);
}

.small-offset-6 {
  margin-left: 50%;
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 1.25rem / 2);
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 1.25rem / 2);
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 1.25rem / 2);
}

.small-offset-9 {
  margin-left: 75%;
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 1.25rem / 2);
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 1.25rem / 2);
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 1.25rem / 2);
}

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }

  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }

  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2);
  }

  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }

  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2);
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }

  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }

  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2);
  }

  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }

  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2);
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }

  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }

  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2);
  }

  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }

  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2);
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }

  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }

  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2);
  }

  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }

  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2);
  }
}
@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }

  .large-offset-1 {
    margin-left: 8.3333333333%;
  }

  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2);
  }

  .large-offset-2 {
    margin-left: 16.6666666667%;
  }

  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2);
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }

  .large-offset-4 {
    margin-left: 33.3333333333%;
  }

  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2);
  }

  .large-offset-5 {
    margin-left: 41.6666666667%;
  }

  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2);
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }

  .large-offset-7 {
    margin-left: 58.3333333333%;
  }

  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2);
  }

  .large-offset-8 {
    margin-left: 66.6666666667%;
  }

  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2);
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }

  .large-offset-10 {
    margin-left: 83.3333333333%;
  }

  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2);
  }

  .large-offset-11 {
    margin-left: 91.6666666667%;
  }

  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2);
  }
}
.grid-y {
  display: flex;
  flex-flow: column nowrap;
}
.grid-y > .cell {
  height: auto;
  max-height: none;
}
.grid-y > .auto {
  height: auto;
}
.grid-y > .shrink {
  height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex-basis: auto;
  }
}
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
  flex: 0 0 auto;
}
.grid-y > .small-1 {
  height: 8.3333333333%;
}
.grid-y > .small-2 {
  height: 16.6666666667%;
}
.grid-y > .small-3 {
  height: 25%;
}
.grid-y > .small-4 {
  height: 33.3333333333%;
}
.grid-y > .small-5 {
  height: 41.6666666667%;
}
.grid-y > .small-6 {
  height: 50%;
}
.grid-y > .small-7 {
  height: 58.3333333333%;
}
.grid-y > .small-8 {
  height: 66.6666666667%;
}
.grid-y > .small-9 {
  height: 75%;
}
.grid-y > .small-10 {
  height: 83.3333333333%;
}
.grid-y > .small-11 {
  height: 91.6666666667%;
}
.grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.3333333333%;
  }
  .grid-y > .medium-2 {
    height: 16.6666666667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.3333333333%;
  }
  .grid-y > .medium-5 {
    height: 41.6666666667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.3333333333%;
  }
  .grid-y > .medium-8 {
    height: 66.6666666667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.3333333333%;
  }
  .grid-y > .medium-11 {
    height: 91.6666666667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.3333333333%;
  }
  .grid-y > .large-2 {
    height: 16.6666666667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.3333333333%;
  }
  .grid-y > .large-5 {
    height: 41.6666666667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.3333333333%;
  }
  .grid-y > .large-8 {
    height: 66.6666666667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.3333333333%;
  }
  .grid-y > .large-11 {
    height: 91.6666666667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap;
}

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }

  .cell .medium-grid-frame {
    width: 100%;
  }

  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }

  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }

  .cell .large-grid-frame {
    width: 100%;
  }

  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }

  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
}
@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
[data-whatinput=mouse] .button {
  outline: 0;
}
.button.tiny {
  font-size: 0.6rem;
}
.button.small {
  font-size: 0.75rem;
}
.button.large {
  font-size: 1.25rem;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #D70053;
  color: #fefefe;
}
.button:hover, .button:focus {
  background-color: #b70047;
  color: #fefefe;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #D70053;
  color: #fefefe;
}
.button.primary:hover, .button.primary:focus {
  background-color: #ac0042;
  color: #fefefe;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: var(--primary);
  color: #fefefe;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: #0b0761;
  color: #fefefe;
}
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #009848;
  color: #010101;
}
.button.success:hover, .button.success:focus {
  background-color: #007a3a;
  color: #010101;
}
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #ffae00;
  color: #010101;
}
.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #010101;
}
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #CD001F;
  color: #fefefe;
}
.button.alert:hover, .button.alert:focus {
  background-color: #a40019;
  color: #fefefe;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #D70053;
  color: #D70053;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: #6c002a;
  color: #6c002a;
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #D70053;
  color: #D70053;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #6c002a;
  color: #6c002a;
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid var(--primary);
  color: var(--primary);
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #07053d;
  color: #07053d;
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #009848;
  color: #009848;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #004c24;
  color: #004c24;
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #CD001F;
  color: #CD001F;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #670010;
  color: #670010;
}
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #D70053;
}
.button.clear:hover, .button.clear:focus {
  color: #6c002a;
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #D70053;
}
.button.clear.primary:hover, .button.clear.primary:focus {
  color: #6c002a;
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: var(--primary);
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
  color: #07053d;
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #009848;
}
.button.clear.success:hover, .button.clear.success:focus {
  color: #004c24;
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #ffae00;
}
.button.clear.warning:hover, .button.clear.warning:focus {
  color: #805700;
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #CD001F;
}
.button.clear.alert:hover, .button.clear.alert:focus {
  color: #670010;
}
.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em;
  content: "";
  border-bottom-width: 0;
  border-color: #fefefe transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
  border-top-color: #D70053;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
  border-top-color: #D70053;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
  border-top-color: var(--primary);
}
.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
  border-top-color: #009848;
}
.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
  border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
  border-top-color: #CD001F;
}
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-grow: 1;
}
.button-group::before, .button-group::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.button-group::after {
  clear: both;
}
.button-group::before, .button-group::after {
  display: none;
}
.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  flex: 0 0 auto;
}
.button-group .button:last-child {
  margin-right: 0;
}
.button-group.tiny .button {
  font-size: 0.6rem;
}
.button-group.small .button {
  font-size: 0.75rem;
}
.button-group.large .button {
  font-size: 1.25rem;
}
.button-group.expanded .button {
  flex: 1 1 0px;
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
  background-color: #D70053;
  color: #fefefe;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: #ac0042;
  color: #fefefe;
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
  background-color: var(--primary);
  color: #fefefe;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: #0b0761;
  color: #fefefe;
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
  background-color: #009848;
  color: #010101;
}
.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: #007a3a;
  color: #010101;
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
  background-color: #ffae00;
  color: #010101;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: #cc8b00;
  color: #010101;
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
  background-color: #CD001F;
  color: #fefefe;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: #a40019;
  color: #fefefe;
}
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
  background-color: transparent;
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
  border: 1px solid #D70053;
  color: #D70053;
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
  border-color: #6c002a;
  color: #6c002a;
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
  border: 1px solid #D70053;
  color: #D70053;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
  border-color: #6c002a;
  color: #6c002a;
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
  border: 1px solid var(--primary);
  color: var(--primary);
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
  border-color: #07053d;
  color: #07053d;
}
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
  border: 1px solid #009848;
  color: #009848;
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
  border-color: #004c24;
  color: #004c24;
}
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
  border-color: #805700;
  color: #805700;
}
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
  border: 1px solid #CD001F;
  color: #CD001F;
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
  border-color: #670010;
  color: #670010;
}
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
  color: #D70053;
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
  color: #6c002a;
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
  color: #D70053;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
  color: #6c002a;
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
  color: var(--primary);
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
  color: #07053d;
}
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
  color: #009848;
}
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
  color: #004c24;
}
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
  color: #ffae00;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
  color: #805700;
}
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
  color: #CD001F;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
  color: #670010;
}
.button-group.no-gaps .button {
  margin-right: -0.0625rem;
}
.button-group.no-gaps .button + .button {
  border-left-color: transparent;
}
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  flex-wrap: wrap;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  flex: 0 0 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}
.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
  flex: 1 1 0px;
}
@media print, screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block;
  }
  .button-group.stacked-for-medium.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.close-button {
  position: absolute;
  z-index: 10;
  color: #8a8a8a;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #010101;
}
.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.close-button, .close-button.medium {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #D70053;
  color: #fefefe;
}
.label.primary {
  background: #D70053;
  color: #fefefe;
}
.label.secondary {
  background: var(--primary);
  color: #fefefe;
}
.label.success {
  background: #009848;
  color: #010101;
}
.label.warning {
  background: #ffae00;
  color: #010101;
}
.label.alert {
  background: #CD001F;
  color: #fefefe;
}

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #cacaca;
}
.progress.primary .progress-meter {
  background-color: #D70053;
}
.progress.secondary .progress-meter {
  background-color: var(--primary);
}
.progress.success .progress-meter {
  background-color: #009848;
}
.progress.warning .progress-meter {
  background-color: #ffae00;
}
.progress.alert .progress-meter {
  background-color: #CD001F;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #D70053;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #D70053;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
}
[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle:hover {
  background-color: #b70047;
}
.slider-handle.is-dragging {
  transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fefefe;
  user-select: none;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
input + .switch-paddle {
  margin: 0;
}
.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 0;
  background: #fefefe;
  transition: all 0.25s ease-out;
  content: "";
}
input:checked ~ .switch-paddle {
  background: #D70053;
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: 0.5;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-inactive, .switch-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}
input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}
input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}
.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}

.switch.small {
  height: 1.75rem;
}
.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem;
}

.switch.large {
  height: 2.5rem;
}
.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: #f8f8f8;
  color: #010101;
}

tfoot {
  background: #f1f1f1;
  color: #010101;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: var(--surface-disabled);
}

table.unstriped tbody {
  background-color: #fefefe;
}
table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe;
}

@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
table.stack th,
table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #f3f3f3;
}
table.hover tfoot tr:hover {
  background-color: #ececec;
}
table.hover tbody tr:hover {
  background-color: #f9f9f9;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.table-scroll {
  overflow-x: auto;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #D70053;
  color: #fefefe;
}
.badge.primary {
  background: #D70053;
  color: #fefefe;
}
.badge.secondary {
  background: var(--primary);
  color: #fefefe;
}
.badge.success {
  background: #009848;
  color: #010101;
}
.badge.warning {
  background: #ffae00;
  color: #010101;
}
.badge.alert {
  background: #CD001F;
  color: #fefefe;
}

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}
.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.breadcrumbs::after {
  clear: both;
}
.breadcrumbs li {
  float: left;
  font-size: 0.6875rem;
  color: #010101;
  cursor: default;
  text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #cacaca;
}
.breadcrumbs a {
  color: #D70053;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .disabled {
  color: #cacaca;
  cursor: not-allowed;
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(1, 1, 1, 0.25);
  border-radius: 0;
  background-color: white;
  color: #010101;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: #ffd3e4;
  color: #010101;
}
.callout.secondary {
  background-color: #cccafb;
  color: #010101;
}
.callout.success {
  background-color: #c9ffe3;
  color: #010101;
}
.callout.warning {
  background-color: #fff3d9;
  color: #010101;
}
.callout.alert {
  background-color: #ffd1d8;
  color: #010101;
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #010101;
}
.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  display: flex;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
}
.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  flex: 1 0 auto;
  padding: 1rem;
}
.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-size: 1rem;
}
.dropdown-pane.is-opening {
  display: block;
}
.dropdown-pane.is-open {
  display: block;
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.pagination::after {
  clear: both;
}
.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 0.875rem;
  display: none;
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #010101;
}
.pagination a:hover,
.pagination button:hover {
  background: #e6e6e6;
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #D70053;
  color: #fefefe;
  cursor: default;
}
.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: "…";
  color: #010101;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "«";
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "»";
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help;
}

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #010101;
  font-size: 80%;
  color: #fefefe;
}
.tooltip::before {
  position: absolute;
}
.tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-top-width: 0;
  border-color: transparent transparent #010101;
  bottom: 100%;
}
.tooltip.bottom.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-bottom-width: 0;
  border-color: #010101 transparent transparent;
  top: 100%;
  bottom: auto;
}
.tooltip.top.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #010101;
  left: 100%;
}
.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-left-width: 0;
  border-color: transparent #010101 transparent transparent;
  right: 100%;
  left: auto;
}
.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}
.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}
.tooltip.align-left::before {
  left: 10%;
  right: auto;
}
.tooltip.align-right::before {
  left: auto;
  right: 10%;
}

.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #D70053;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: unset;
  border-bottom: 0;
  background-color: #fefefe;
  color: #010101;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}
.media-object img {
  max-width: none;
}
@media print, screen and (max-width: 39.99875em) {
  .media-object.stack-for-small {
    flex-wrap: wrap;
  }
}

.media-object-section {
  flex: 0 1 auto;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}
.media-object-section > :last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }
  .stack-for-small .media-object-section img {
    width: 100%;
  }
}
.media-object-section.main-section {
  flex: 1 1 0px;
}

.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.orbit-slide {
  width: 100%;
  position: absolute;
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(1, 1, 1, 0.5);
  color: #fefefe;
}

.orbit-next, .orbit-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe;
}
[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
  background-color: rgba(1, 1, 1, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #cacaca;
}
.orbit-bullets button:hover {
  background-color: #8a8a8a;
}
.orbit-bullets button.is-active {
  background-color: #8a8a8a;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  list-style-type: none;
}
.tabs::before, .tabs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #D70053;
}
.tabs.primary > li > a {
  color: #fefefe;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #cc004f;
}

.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #D70053;
}
[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.tabs-title > a:hover {
  background: #fefefe;
  color: #b90047;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #e6e6e6;
  color: #D70053;
}

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #010101;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: 4px solid #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(1, 1, 1, 0.2);
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(215, 0, 83, 0.5);
}
a.thumbnail image {
  box-shadow: none;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
[data-whatinput=mouse] .menu li {
  outline: 0;
}
.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu input {
  display: inline-block;
}
.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row;
}
.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column;
}
.menu.vertical.icon-top li a img,
.menu.vertical.icon-top li a i,
.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img,
.menu.vertical.icon-bottom li a i,
.menu.vertical.icon-bottom li a svg {
  text-align: left;
}
.menu.expanded li {
  flex: 1 1 0px;
}
.menu.expanded.icon-top li a img,
.menu.expanded.icon-top li a i,
.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img,
.menu.expanded.icon-bottom li a i,
.menu.expanded.icon-bottom li a svg {
  text-align: left;
}
.menu.simple {
  align-items: center;
}
.menu.simple li + li {
  margin-left: 1rem;
}
.menu.simple a {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.medium-expanded li {
    flex: 1 1 0px;
  }
  .menu.medium-simple li {
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.large-expanded li {
    flex: 1 1 0px;
  }
  .menu.large-simple li {
    flex: 1 1 0px;
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.icons a {
  display: flex;
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex;
}
.menu.icon-left li a, .menu.nested.icon-left li a {
  flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg, .menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
  margin-right: 0.25rem;
}
.menu.icon-right li a, .menu.nested.icon-right li a {
  flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg, .menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
  margin-left: 0.25rem;
}
.menu.icon-top li a, .menu.nested.icon-top li a {
  flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg, .menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
  flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu .is-active > a {
  background: #D70053;
  color: #fefefe;
}
.menu .active > a {
  background: #D70053;
  color: #fefefe;
}
.menu.align-left {
  justify-content: flex-start;
}
.menu.align-right li {
  display: flex;
  justify-content: flex-end;
}
.menu.align-right li .submenu li {
  justify-content: flex-start;
}
.menu.align-right.vertical li {
  display: block;
  text-align: right;
}
.menu.align-right.vertical li .submenu li {
  text-align: right;
}
.menu.align-right.icon-top li a img,
.menu.align-right.icon-top li a i,
.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img,
.menu.align-right.icon-bottom li a i,
.menu.align-right.icon-bottom li a svg {
  text-align: right;
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.menu.align-center li {
  display: flex;
  justify-content: center;
}
.menu.align-center li .submenu li {
  justify-content: flex-start;
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  justify-content: center;
}
.menu-centered > .menu li {
  display: flex;
  justify-content: center;
}
.menu-centered > .menu li .submenu li {
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  content: "";
}
.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #010101;
  box-shadow: 0 7px 0 #010101, 0 14px 0 #010101;
  content: "";
}
.menu-icon.dark:hover::after {
  background: #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.accordion-menu li {
  width: 100%;
}
.accordion-menu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #D70053 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

.is-accordion-submenu-parent {
  position: relative;
}

.has-submenu-toggle > a {
  margin-right: 40px;
}

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #D70053 transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.submenu-toggle[aria-expanded=true]::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%;
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe;
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #D70053;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #D70053;
  right: 1rem;
  left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #D70053 transparent transparent;
  right: auto;
  left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #D70053 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #D70053 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.dropdown.menu > li > a {
  padding: 0.7rem 1rem;
}
.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #D70053;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.dropdown.menu.vertical > li > a::after {
  right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #D70053 transparent transparent;
  right: auto;
  left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #D70053;
}
@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #D70053 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #D70053 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #D70053;
  }
}
@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #D70053 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #D70053 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #D70053;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fefefe;
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #D70053 transparent transparent;
  right: auto;
  left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #D70053;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.is-transition-push {
  z-index: 12;
}
.off-canvas.is-closed {
  visibility: hidden;
}
.off-canvas.is-transition-overlap {
  z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(1, 1, 1, 0.7);
}
.off-canvas.is-open {
  transform: translate(0, 0);
}
.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}
[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute.is-transition-push {
  z-index: 12;
}
.off-canvas-absolute.is-closed {
  visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(1, 1, 1, 0.7);
}
.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left {
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(250px);
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(1, 1, 1, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right {
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-250px);
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(1, 1, 1, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(1, 1, 1, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(1, 1, 1, 0.25);
}

.off-canvas-content {
  transform: none;
  backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}
html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
}
html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(1, 1, 1, 0.45);
  overflow-y: auto;
}

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

.title-bar {
  padding: 0.5rem;
  background: #010101;
  color: #fefefe;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

.title-bar-right {
  text-align: right;
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  flex-wrap: wrap;
}
.top-bar,
.top-bar ul {
  background-color: #e6e6e6;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button {
  width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}
@media print, screen and (min-width: 40em) {
  .top-bar {
    flex-wrap: nowrap;
  }
  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto;
  }
  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.clearfix::after {
  clear: both;
}

.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

.align-center {
  justify-content: center;
}

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-left.vertical.menu > li > a {
  justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

.align-top {
  align-items: flex-start;
}

.align-self-top {
  align-self: flex-start;
}

.align-bottom {
  align-items: flex-end;
}

.align-self-bottom {
  align-self: flex-end;
}

.align-middle {
  align-items: center;
}

.align-self-middle {
  align-self: center;
}

.align-stretch {
  align-items: stretch;
}

.align-self-stretch {
  align-self: stretch;
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1;
  }

  .medium-order-2 {
    order: 2;
  }

  .medium-order-3 {
    order: 3;
  }

  .medium-order-4 {
    order: 4;
  }

  .medium-order-5 {
    order: 5;
  }

  .medium-order-6 {
    order: 6;
  }
}
@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1;
  }

  .large-order-2 {
    order: 2;
  }

  .large-order-3 {
    order: 3;
  }

  .large-order-4 {
    order: 4;
  }

  .large-order-5 {
    order: 5;
  }

  .large-order-6 {
    order: 6;
  }
}
.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

.flex-dir-row {
  flex-direction: row;
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex;
  }

  .medium-flex-child-auto {
    flex: 1 1 auto;
  }

  .medium-flex-child-grow {
    flex: 1 0 auto;
  }

  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }

  .medium-flex-dir-row {
    flex-direction: row;
  }

  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }

  .medium-flex-dir-column {
    flex-direction: column;
  }

  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex;
  }

  .large-flex-child-auto {
    flex: 1 1 auto;
  }

  .large-flex-child-grow {
    flex: 1 0 auto;
  }

  .large-flex-child-shrink {
    flex: 0 1 auto;
  }

  .large-flex-dir-row {
    flex-direction: row;
  }

  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }

  .large-flex-dir-column {
    flex-direction: column;
  }

  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
.hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
.hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
.show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
.show-for-portrait {
    display: block !important;
  }
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-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: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.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-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    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 flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -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 {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -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-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -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-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.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 {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%);
}

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%);
}

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%);
}

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%);
}

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1;
}

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0;
}

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0;
}

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0;
}

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0;
}

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0;
}

.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

.shake {
  animation-name: shake-7;
}
@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%);
  }
}

.spin-cw {
  animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn);
  }
  100% {
    transform: rotate(0);
  }
}

.spin-ccw {
  animation-name: spin-ccw-1turn;
}
@keyframes spin-ccw-1turn {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-1turn);
  }
}

.wiggle {
  animation-name: wiggle-7deg;
}
@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg);
  }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg);
  }
  0%, 30%, 70%, 100% {
    transform: rotate(0);
  }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms;
}

.infinite {
  animation-iteration-count: infinite;
}

.slow {
  animation-duration: 750ms !important;
}

.fast {
  animation-duration: 250ms !important;
}

.linear {
  animation-timing-function: linear !important;
}

.ease {
  animation-timing-function: ease !important;
}

.ease-in {
  animation-timing-function: ease-in !important;
}

.ease-out {
  animation-timing-function: ease-out !important;
}

.ease-in-out {
  animation-timing-function: ease-in-out !important;
}

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  animation-delay: 300ms !important;
}

.long-delay {
  animation-delay: 700ms !important;
}

.welcome {
  animation-name: fade-0-to-1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-name: custom-1;
  animation-duration: 1s;
}
@keyframes fade-0-to-1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes custom-1 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide-in-left {
  animation-name: fade-0-to-1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-name: custom-3;
  animation-duration: 1s;
}
@keyframes fade-0-to-1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes custom-3 {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-slide-in-up {
  animation-name: fade-0-to-1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-name: custom-5;
  animation-duration: 1s;
}
@keyframes fade-0-to-1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes custom-5 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide-in-right {
  animation-name: fade-0-to-1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-name: custom-7;
  animation-duration: 1s;
}
@keyframes fade-0-to-1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes custom-7 {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.header {
    overflow: visible !important;
    position: sticky;
    top: 0;
    z-index: 1000;
    height: auto;
}
.header.privacypolicy {
    z-index: 0;
}

 .header.menu-items{
    top: 48px;
    margin-bottom: 16px;
}

.header.menu-items .menu.vertical{
    height: calc(100vh - 48px);
    height: calc((var(--vh, 1vh) * 100) - 48px);
    background: var(--white);
    position: relative;
}

.header .align-center {
     border-radius: 0 0 6px 6px;
}

.header .align-center.title-bar {
    border-radius: unset;
}

.demo-holder .header .align-center   {
    width: 100%;
}

.title-bar {
    background: var(--surface-primary);
    color: var(--white);
    padding: 11px 16px;
}
.title-bar-right {
    display: flex;
    align-items: center;
    justify-content: end;
}

.title-bar a {
  color: var(--white);
  display: flex;
}

.title-bar .menu-icon {
  margin: unset;
  width: unset;
  height: unset;
}

.title-bar .menu-icon:after{
    position: unset;
    display: block;
    width: unset;
    background: unset;
    box-shadow: unset;
    content: unset;
    transform: unset;
}

.title-bar .menu-icon .menubar{
    background-color: var(--white);
    border-radius: 10px;
    margin: 5px;
    transition: 0.3s;
    height: 2px;
    width: 20px;
}

/*Open menu styling*/
.main-grid.is-open .title-bar .menu-icon .menubar1 {
    transform: translate(0, 6px) rotate(45deg);
}

.main-grid.is-open .title-bar .menu-icon .menubar2 {
    opacity: 0;
}

.main-grid.is-open .title-bar .menu-icon .menubar3 {
    transform: translate(0, -8px) rotate(-45deg);
}

.main-grid.is-open .header.menu-items {
    overflow-y: auto !important;
    margin-bottom: 0;
}

.main-grid.is-open .title-bar .log-out-button {
    display: none;
}

.title-bar .button.small.hollow.log-out-button {
    margin-bottom: 0px;
    padding: 8px 18px;
}

.title-bar .button.small.hollow.log-out-button:hover {
    background-color: transparent; 
}

.title-bar .button.small.hollow.log-out-button:focus {
    background-color: transparent; 
}

/* Menu Items Style */
.menu {
    background-color: unset;
}
.menu li {
    background-color: var(--white);
    border-bottom: solid 1px var(--light);
    text-align: left;
    color: var(--black);
}

.menu li.logout, .menu li.login{
    margin: auto 0;
    margin-bottom: 0px;
    padding: 0px 16px;
}

.menu li.logout:hover, .menu li.login:hover{
    background-color: unset;
    color: var(--white);
}

.menu li.logout:hover a, .menu li.login:hover a{
  color: var(--surface-primary);
}

.menu li:last-of-type {
    border-bottom: unset;
}

.menu li:hover {
  background-color: var(--neutral-0);
}

.menu li:hover a {
  color: var(--black);
}

.menu li a {
  color: var(--black); 
  font-size: 0.9rem;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}

.menu li a::after{
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6501 10.563L13.8001 7.71304C13.6001 7.51304 13.5043 7.2797 13.5126 7.01304C13.5209 6.74637 13.6168 6.51304 13.8001 6.31304C14.0001 6.11304 14.2376 6.00887 14.5126 6.00054C14.7876 5.9922 15.0251 6.08804 15.2251 6.28804L19.8001 10.863C20.0001 11.063 20.1001 11.2964 20.1001 11.563C20.1001 11.8297 20.0001 12.063 19.8001 12.263L15.2251 16.838C15.0251 17.038 14.7876 17.1339 14.5126 17.1255C14.2376 17.1172 14.0001 17.013 13.8001 16.813C13.6168 16.613 13.5209 16.3797 13.5126 16.113C13.5043 15.8464 13.6001 15.613 13.8001 15.413L16.6501 12.563L5.5001 12.563C5.21676 12.563 4.97926 12.4672 4.7876 12.2755C4.59593 12.0839 4.5001 11.8464 4.5001 11.563C4.5001 11.2797 4.59593 11.0422 4.7876 10.8505C4.97926 10.6589 5.21676 10.563 5.5001 10.563L16.6501 10.563Z' fill='%23232426'/%3E%3C/svg%3E%0A");
    padding: 0px 5px 0; 
    line-height: 0;
}

.menu li a.button{
    font-size: 15px;
    font-weight: 600;
    padding: 15px 16px;
    height: 48px;
}

.menu li a.button:after{
    content: unset;
}

.menu .menu-text {
  background-color: #0E0979;
  border-bottom: none;
  text-align: left;
}

.menu-icon:focus {
  border: none !important;
  outline: none !important;
}

@media only screen and (max-width: 1080px) {
    .menu li.logout, .menu li.login {
        padding: 20px 16px;
    }

}
footer {
    width: 100%;
    background: var(--surface-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 16px;
    border-top: 4px solid var(--primary);
}
footer .footer-link {
  color: var(--white);  
  font-weight: 400 !important;
  font-style: normal;
  text-transform: uppercase;
  font-size: 12px !important;
  text-transform: none;
  text-decoration: none;
}
footer .footer-separator {
    margin: 0 5px 2px 5px;
}

footer .footer-link:focus, footer .footer-link:active, footer .footer-link:hover  {
  color: var(--light);
}
footer .footer-text {
  color: var(--white);  
  font-weight: normal;
  margin-top: 14px;
  margin-bottom: 20px; 
  text-align: left; 
  display: block; 
  line-height: 15.3px;
}
@charset "UTF-8";
/*FinChoice Base Style Changes*/

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    /*    border: 6px solid var(--primary);
border-color: var(--primary) var(--primary) var(--primary) transparent;*/
    background-image: url("data:image/svg+xml,%3Csvg width='62' height='63' viewBox='0 0 62 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M59 31.0649C59 15.601 46.464 3.06494 31 3.06494C15.536 3.06494 3 15.601 3 31.0649C3 46.5289 15.536 59.0649 31 59.0649' stroke='%230D49ED' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: lds-dual-ring 1.2s linear infinite;
    animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring img {
    opacity: 0;
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Swiper Styling */
.swiper-pagination {
    bottom: -30px !important;
}

.swiper-container {
    overflow: visible !important;
    margin-bottom: 35px !important;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: none !important;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: none !important;
}

.swiper-button-prev {
    color: white !important;
    font-size: 24pt !important;
    opacity: 0.9 !important;
}

.swiper-button-next {
    color: white !important;
    font-size: 24pt !important;
    opacity: 0.9 !important;
}

.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    text-align: center;
    line-height: 10px !important;
    color: #000;
    opacity: 1 !important;
    background: #D1D1D1 !important;
}

.swiper-pagination-bullet-active {
    color: #fff;
    background: #999999 !important;
    width: 14px !important;
    height: 14px !important;
    text-align: center;
    line-height: 14px !important;
    margin-bottom: -2px !important;
    outline: none !important;
}



/* Mobile Layout */
.mobile-container {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fefefe;
    padding-top: 300px;
}

/* End Mobile Layout*/
ul.ticks {
    list-style-image: none;
    list-style-position: inside;
    margin-top: 10px;
    margin-left: 20px !important;
    padding-left: 20px !important;
}

ul.ticks.li {
    padding: 10px;
}

i.lightblue {
    color: #00B4F7 !important;
    font-size: 20px;
}

i.lightgreen {
    color: #a5d350 !important;
    font-size: 20px;
}

i.lightpurple {
    color: #B01BB1 !important;
    font-size: 20px;
}

/* End Site Override Classes */
.button.green {
    background-color: #00A887;
    color: #fefefe;
    border-radius: 8px;
}

.button.blue.hollow {
    background-color: #fefefe;
    color: #0a1f8f;
    border-radius: 8px;
    border-color: #0a1f8f;
}

.button.success {
    color: #fefefe !important;
}

.button:focus {
    background-color: none !important;
}

.underline {
    text-decoration: underline;
}

.text-loans {
    color: #00B4F7;
}

.text-mobimoney {
    color: #a5d350;
}

.text-insurance {
    color: #B01BB1;
}

.fi-icon {
    font-size: 1.1rem;
    margin-top: 0.25rem;
}

.background-primary {
    background-color: #D70053;
}

.background-secondary {
    background-color: var(--primary);
}

.background-success {
    background-color: #009848;
}

.background-warning {
    background-color: #ffae00;
}

.background-alert {
    background-color: #CD001F;
}

.floated-label-wrapper {
    position: relative;
}

.floated-label-wrapper label {
    background: #fefefe;
    color: #D70053;
    font-size: 0.75rem;
    font-weight: 600;
    left: 0.75rem;
    opacity: 0;
    padding: 0 0.25rem;
    position: absolute;
    top: 2rem;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    z-index: -1;
}

label.disabled {
    color: var(--disabled);
}

input[disabled],
input[readonly],
textarea:disabled,
textarea[readonly],
select:disabled {
    border: 1px solid var(--disabled) !important;
    background: var(--white) !important;
    color: var(--disabled) !important;
}
input[type="date"] {
    height: 47px !important;
    padding: 13px 16px !important;
}
.floated-label-wrapper label input[type=text],
.floated-label-wrapper label input[type=email],
.floated-label-wrapper label input[type=password] {
    border-radius: 4px;
    font-size: 1.75em;
    padding: 0.5em;
}

.floated-label-wrapper label.show {
    opacity: 1;
    top: -0.85rem;
    z-index: 1;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

/*Checkboxsss*/
.checkbox.inline:last-child,
.radio.inline:last-child {
    margin-right: 0;
}

.checkbox label,
.radio label {
    display: block;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1;
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
    /*position: absolute;*/
    top: 0;
    left: 0;
    visibility: hidden;
}

.checkbox .custom-checkbox,
.radio .custom-radio {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 0 0;
    width: 18px;
    height: 18px;
    border: 1px solid #1583cc;
    position: relative;
}

.checkbox .custom-checkbox {
    background: #1583cc;
    -webkit-box-shadow: inset 0 0 0 12px #fff;
    box-shadow: inset 0 0 0 12px #fff;
    top: -2px;
}

.checkbox .icon-check {
    width: 20px;
    height: 20px;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 180ms ease;
    transition: all 180ms ease;
}

.icon-check:before {
    position: absolute;
    content: "✓";
    width: 12px;
    font-size: 12.66667px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
}

.checkbox input[type=checkbox]:checked+.custom-checkbox {
    border-color: #2095F0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.checkbox input[type=checkbox]:checked+.custom-checkbox .icon-check {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*Radios*/
.radio .custom-radio {
    background: #fff;
    border-radius: 18px;
    -webkit-transition: all 180ms ease;
    transition: all 180ms ease;
    top: -2px;
}

.radio input[type=radio]:checked+.custom-radio {
    border-color: #1583cc;
    background: #1583cc;
}

.icon-radio-check {
    position: absolute;
    width: 18px;
    height: 18px;
}

.icon-radio-check:before {
    position: absolute;
    content: "●";
    height: 15px;
    width: 15px;
    font-size: 16.66667px;
    text-align: center;
    line-height: 16px;
    color: #fff;
}

.checkbox .primary,
.radio .primary {
    border: 1px solid #D70053;
}

.checkbox input[type=checkbox]:checked+.primary,
.radio input[type=radio]:checked+.primary {
    background: #D70053;
    border: 1px solid #D70053;
}

.checkbox .secondary,
.radio .secondary {
    border: 1px solid var(--primary);
}

.checkbox input[type=checkbox]:checked+.secondary,
.radio input[type=radio]:checked+.secondary {
    background: var(--primary);
    border: 1px solid var(--primary);
}

.checkbox .success,
.radio .success {
    border: 1px solid #009848;
}

.checkbox input[type=checkbox]:checked+.success,
.radio input[type=radio]:checked+.success {
    background: #009848;
    border: 1px solid #009848;
}

.checkbox .alert,
.radio .alert {
    border: 1px solid #CD001F;
}

.checkbox input[type=checkbox]:checked+.alert,
.radio input[type=radio]:checked+.alert {
    background: #CD001F;
    border: 1px solid #CD001F;
}

.checkbox .warning,
.radio .warning {
    border: 1px solid #ffae00;
}

.checkbox input[type=checkbox]:checked+.warning,
.radio input[type=radio]:checked+.warning {
    background: #ffae00;
    border: 1px solid #ffae00;
}

.checkbox .disabled,
.radio .disabled {
    border: 1px solid #2199e8;
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

li:focus {
    outline: none !important;
}

a:focus {
    outline: none !important;
}

/*
    Preloader
*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #131c26;
    /* change if the mask should have another color then white */
    z-index: 9999;
    /* makes sure it stays on top */
}

/* 
    Pace Status bar 
*/
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url("../images/icons/ball-triangle.svg");
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}

.top-bar {
    background-color: #131c26;
    color: #fefefe;
    height: 72px;
}

.top-bar ul {
    background-color: #131c26;
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    max-width: unset;
}

/* Side Navigation Styles */
.nav-sidebar {
    width: 260px;
    background-color: #1f2d3d;
    overflow: visible !important;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.nav-sidebar .close-button {
    background: #131c26;
    color: white;
    cursor: pointer;
    display: block;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: -40px;
    text-align: center;
    top: 9px;
    width: 40px;
    font-size: 18px;
    z-index: 999;
    font-style: normal;
    text-decoration: none;
    font-weight: normal;
    border-radius: 0 20px 20px 0;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.nav-sidebar ul {
    margin: 0;
    font-size: 14px;
    line-height: 0.5em !important;
    list-style: none !important;
    padding: 0;
}

.nav-sidebar ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.nav-sidebar ul li i {
    font-size: 15px;
    left: 0px;
    margin-left: 23px;
    position: relative;
    width: 30px;
    top: 0px !important;
    display: inline-block;
    height: 30px;
    text-align: center;
    padding: 8px 0 0;
    border-radius: 100%;
}

.nav-sidebar ul li span {
    left: 1px;
    font-weight: normal !important;
    position: relative;
    font-weight: normal;
    text-transform: capitalize;
}

.nav-sidebar ul li:hover {
    background: #131c26;
    color: white !important;
    text-shadow: none;
    position: relative;
}

.nav-sidebar ul li a {
    color: #fefefe;
}

.side-menu-noft {
    line-height: 14px;
    padding: 2px 8px;
    border-radius: 11px;
    margin: 0;
    position: absolute;
    left: 100px;
    top: -5px;
    font-size: 9px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    background-color: #D70053;
}

/* Profile Class */
.profile {
    text-transform: uppercase;
    background: #131c26;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0;
    height: 72px;
    font-size: 13px;
    margin: 0;
    padding: 0;
    z-index: 99;
}

.profile img {
    width: 55px;
    height: 55px;
    float: left;
    opacity: 0.9;
    position: relative;
    top: 10px;
    margin-left: 13px;
    border-radius: 50%;
    padding: 7px;
}

.profile h3 {
    text-shadow: none;
    margin-bottom: 10px;
    color: white;
    opacity: 1;
    position: relative;
    top: 25px;
    letter-spacing: 0;
    font-weight: normal;
    font-size: 18px;
    left: 15px;
}

.profile h3 small {
    margin-left: 6px;
    color: #fff;
    letter-spacing: 0;
    background: rgba(255, 255, 255, 0.1);
    padding: 4px 9px;
    border-radius: 15px;
    position: relative;
    top: -3px;
    font-size: 9px;
}

.palette-Deep-Purple-700 {
    background-color: #131c26 !important;
    -webkit-box-shadow: inset 2px 3px 4px 0px rgba(0, 0, 0, 0.75);
    box-shadow: inset 2px 3px 4px 0px rgba(0, 0, 0, 0.75);
}

@media print,
screen and (min-width: 40em) {
    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 260px;
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 260px;
    }
}

@media print,
screen and (min-width: 64em) {
    .off-canvas-content.has-reveal-left {
        margin-left: 260px;
    }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .position-left {
        top: 0;
        left: 0;
        height: 100%;
        overflow-y: auto;
        width: 260px;
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px);
    }
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .position-left {
        top: 0;
        left: 0;
        height: 100%;
        overflow-y: auto;
        width: 260px;
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px);
    }
}

/* Medium only */
/* Large and up */
/* Large only */
/* End of Side Navigation */
.close-button:hover,
.close-button:focus {
    color: #D70053 !important;
    outline: none !important;
}

/* Content Page */
.ContentPage {
    padding: 20px;
}

.no-padding {
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

/* Developer Styles */
#offCanvasDev {
    background-color: #fefefe;
    width: 600px;
    padding: 10px;
}

#offCanvasDev ul {
    margin: 0;
    font-size: 14px;
    line-height: 16px !important;
    list-style: none !important;
    padding: 0px;
}

#offCanvasDev .jsonview ul {
    margin-left: 10px !important;
}

#offCanvasDev .jsonview ul li:hover {
    background-color: unset;
    color: black !important;
}

/* End of Developer Styles */
/* #region Notifications */
.notification-information {
    background-color: #beeaff;
    color: #0072a9;
}

.notification-information::before {
    content: "\f05a";
}

.notification-success {
    background-color: #c0efd6;
    color: #006f00;
}

.notification-success::before {
    content: "\f058";
}

.notification-warning {
    background-color: #ffec90;
    color: #887000;
}

.notification-warning::before {
    content: "\f071";
}

.notification-danger {
    background-color: #ffdcdc;
    color: #dc0000;
}

.notification-danger::before {
    content: "\f057";
}

.notification-debug {
    background-color: #e1baff;
    color: #7000d6;
}

.notification-debug::before {
    content: "\f188";
}

.notification.success-quiet.debicheck {
    border: 1px solid var(--mobimoney-loud);
    background-color: var(--mobimoney-quiet);
}

.notification.success-quiet.debicheck .debi-check-logo {
    height: 24px;
    width: 112px;
    margin-top: 0;
    margin-bottom: 0;
}

.notification.success-quiet.debicheck .body2 {
    font-weight: 400;
}

/* #endregion */
/* #region Forms */
/* #region Validation Summary */
.validation-summary-valid {
    display: none;
}

.validation-summary-errors {
    background-color: #f7d9ea;
    padding: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.validation-summary-errors::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background-color: #f7d9ea;
    color: var(--primary);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f057";
    /*margin-right: 0.5rem;*/
    margin-right: 24px;
}

.validation-summary-errors ul {
    margin: 0;
    list-style: disc;
}

.validation-summary-errors ul li {
    color: var(--primary);
}

/* #endregion */

.help-text {
    color: #8a8a8a;
    font-style: normal;
    margin-top: -0.8rem;
}

.button {
    border-radius: 8px;
    font-weight: 500;
    padding: 1rem;
    font-size: 1.2rem;
}

.page-heading {
    margin: 1rem 0;
    margin-top: 0;
}

.page-heading-card {
    background-color: #dad9f7;
    /* todo: use variables */
    padding: 0.5rem;
    margin-bottom: 1rem;
}

.page-heading-block {
    padding: 0.5rem;
    margin-bottom: 1rem;
    padding-top: 2rem;
}

.page-heading-block {
    padding: 0.5rem;
    margin-bottom: 1rem;
    padding-top: 2rem;
}

.heading-card-content {
    padding-left: 0.5rem;
    color: var(--primary);
    /* todo: use variables */
    font-weight: 500;
}

.spacer-1 {
    display: block;
    height: 1rem;
    width: 100%;
}

.spacer-2 {
    display: block;
    height: 1.5rem;
    width: 100%;
}

.spacer-3 {
    display: block;
    height: 2rem;
    width: 100%;
}

.spacer-4 {
    display: block;
    height: 2.5rem;
    width: 100%;
}

.spacer-5 {
    display: block;
    height: 3rem;
    width: 100%;
}

/* #endregion */
/* #region OTP */
/* Chrome, Safari, Edge, Opera */
input.otp-field::-webkit-outer-spin-button,
input.otp-field::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.otp-field[type=number] {
    -moz-appearance: textfield;
}

/* #endregion */
/* #region Loading Spinner */
.no-scroll {
    overflow: hidden;
}

.loading-container {
    left: 0;
    top: 0;
    background-color: white;
    position: fixed;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
}

.loading-container.show {
    opacity: 0.8;
    visibility: visible;
}

.loading-container .loading-text {
    position: absolute;
    margin-top: 100px;
    font-weight: bold;
    text-shadow: 0px 0px 10px white;
    font-size: 20px;
}

.sk-chase {
    width: 40px;
    height: 40px;
    position: absolute;
    -webkit-animation: sk-chase 2.5s infinite linear both;
    animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: sk-chase-dot 2s infinite ease-in-out both;
    animation: sk-chase-dot 2s infinite ease-in-out both;
}

.sk-chase-dot:before {
    content: "";
    display: block;
    width: 25%;
    height: 25%;
    background-color: #f09 !important;
    border-radius: 100%;
    -webkit-animation: sk-chase-dot-before 2s infinite ease-in-out both;
    animation: sk-chase-dot-before 2s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-chase-dot:nth-child(3) {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-chase-dot:nth-child(3):before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

@-webkit-keyframes sk-chase {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes sk-chase {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-chase-dot {

    80%,
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {

    80%,
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-chase-dot-before {
    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

    100%,
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

    100%,
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* #endregion */
.log-out-button {
    margin-bottom: 0;
    padding: 0.5rem;
    margin-right: 12px;
    color: white !important;
    border-color: white !important;
    display: inline;
}

.insurance-label {
    color: var(--white);
    box-shadow: 0px 4px 12px 0px rgba(22, 36, 109, 0.1);
    padding: 6px 10px;
    text-transform: capitalize;
    border-radius: 6px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    border: 1px solid transparent;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-weight: 600;
    font-size: 13px;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background: var(--insurance) !important;
}

/* Disabled Buttons */
.button.disabled,
.button[disabled] {
    opacity: 1 !important;
    cursor: not-allowed;
    background-color: #D4D4D4;
}

.button.disabled,
.button[disabled],
.button[disabled]:hover {
    background-color: #D2D2D2 !important;
}

.main-grid {
    padding: 0;
}

.main-grid .content-grid {
    padding: 0 16px;
}

.main-grid .content-grid .cell:first-of-type {
    overflow: visible;
}

.card {
    border-radius: 14px;
    border: 1px solid transparent;
    padding: 16px 18px;
}

/* #region Remove spinner buttons on number input fields */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* #endregion */
/* #region Password Meter */
.password-strength-meter {
    margin-top: -5px;
}

.password-strength-meter .password-strength-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.password-strength-meter .password-strength-label .strength-text {
    font-weight: bold;
}

.password-strength-meter .progress {
    height: 0.5rem;
}

.password-help-block-button {
    font-size: 20px;
    bottom: -2px;
    display: inline-block;
    color: #69b7dc;
    position: relative;
    cursor: pointer;
}

.password-help-block {
    background-color: #e6eff9;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
}

.password-help-block ul {
    margin-bottom: 0;
    margin-left: 1.5rem;
}

.password-help-block ul .validation-success {
    color: #00a500 !important;
}

.password-help-block.invalid ul li {
    color: red;
}

.password-help-block.invalid ul li:last-child {
    color: black;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none !important;
}

.password-text-toggler {
    cursor: pointer;
}

.password-text-toggler i {
    font-size: 22px;
}

.password-strength-meter .danger {
    color: red;
}

.password-strength-meter .warning {
    color: #ffae00;
}

.password-strength-meter .success {
    color: #009848;
}

/* #endregion */
/* #region Modal Popups */
.reveal {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 6px 4px #5f5f5f;
    box-shadow: 0px 0px 6px 4px #5f5f5f;
}

.reveal .close-button span {
    font-size: 36px;
    font-weight: 500;
}

/* #endregion */
.no-break {
    white-space: nowrap;
}

svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.grid-padding-x>.cell {
    padding-right: unset;
    padding-left: unset;
}

.grid-container>.grid-container {
    padding-right: unset;
    padding-left: unset;
}

.full-width {
    width: 100%;
}


.accordion {
    border: 1px solid var(--primary-light-state-4);
    background: var(--white);
    border-radius: 8px;
}


.accordion .accordion-item .accordion-title {
    border: unset;
    border-bottom: 1px solid var(--primary-light-state-4);
    background: unset;
    font-size: 13px;
    font-weight: 600;
    color: var(--black);
    padding-right: 40px;
    line-height: 18.2px;
    text-decoration: none;
}

.accordion .accordion-item .accordion-title:before {
    top: calc(50% - 12px);
    margin-top: 0;
}

.accordion .accordion-item .accordion-title:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23FBFCFF'/%3E%3Cpath d='M11.0438 12.5605H7.75833C7.54556 12.5605 7.36594 12.4873 7.2195 12.341C7.07317 12.1946 7 12.0149 7 11.8022C7 11.5894 7.07317 11.4098 7.2195 11.2633C7.36594 11.117 7.54556 11.0438 7.75833 11.0438H11.0438V7.75833C11.0438 7.54556 11.117 7.36594 11.2633 7.2195C11.4098 7.07317 11.5894 7 11.8022 7C12.0149 7 12.1946 7.07317 12.341 7.2195C12.4873 7.36594 12.5605 7.54556 12.5605 7.75833V11.0438H15.846C16.0588 11.0438 16.2384 11.117 16.3848 11.2633C16.5312 11.4098 16.6043 11.5894 16.6043 11.8022C16.6043 12.0149 16.5312 12.1946 16.3848 12.341C16.2384 12.4873 16.0588 12.5605 15.846 12.5605H12.5605V15.846C12.5605 16.0588 12.4873 16.2384 12.341 16.3848C12.1946 16.5312 12.0149 16.6043 11.8022 16.6043C11.5894 16.6043 11.4098 16.5312 11.2633 16.3848C11.117 16.2384 11.0438 16.0588 11.0438 15.846V12.5605Z' fill='%230D49ED'/%3E%3C/svg%3E%0A");
}

.accordion .accordion-item.is-active .accordion-title:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23FBFCFF'/%3E%3Cpath d='M7.50004 12.6667C7.31115 12.6667 7.15282 12.6028 7.02504 12.475C6.89726 12.3473 6.83337 12.1889 6.83337 12C6.83337 11.8112 6.89726 11.6528 7.02504 11.525C7.15282 11.3973 7.31115 11.3334 7.50004 11.3334H15.5C15.6889 11.3334 15.8473 11.3973 15.975 11.525C16.1028 11.6528 16.1667 11.8112 16.1667 12C16.1667 12.1889 16.1028 12.3473 15.975 12.475C15.8473 12.6028 15.6889 12.6667 15.5 12.6667H7.50004Z' fill='%230D49ED'/%3E%3C/svg%3E%0A");
}

.accordion .accordion-item .accordion-content p {
    font-size: 13px;
    font-weight: 400;
    color: var(--black);
}

.accordion .accordion-item .accordion-content p.caption {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    color: var(--hint);
    margin-top: 8px;
}

.accordion .accordion-item .accordion-content ul li {
    font-size: 13px;
    font-weight: 400;
    color: var(--black);
}

.accordion .accordion-item:last-child .accordion-title {
    border-bottom: unset;
}

.accordion .accordion-item:last-child .accordion-content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


.accordion .accordion-item.is-active .accordion-content {
    background-color: var(--neutral-0);
    border: unset;
}

.accordion.dashed {
    border: unset;
    width: 100%;
}

.accordion.dashed .accordion-item .accordion-title {
    padding-right: 0;
    padding-left: 0;
}

.accordion.dashed .accordion-item .accordion-title:after {
    content: "";
    border: dashed var(--brand-outline-light-2);
    border-width: 2px 0 0;
    height: 1px;
    width: calc(100% - 3em);
    display: block;
}

.accordion.dashed .accordion-item .accordion-title:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23F5F7FF'/%3E%3Cpath d='M11.8334 13.3834L14.4334 10.7834C14.5556 10.6612 14.7112 10.6001 14.9 10.6001C15.0889 10.6001 15.2445 10.6612 15.3667 10.7834C15.4889 10.9056 15.55 11.0612 15.55 11.2501C15.55 11.439 15.4889 11.5945 15.3667 11.7167L12.3 14.7834C12.1667 14.9167 12.0112 14.9834 11.8334 14.9834C11.6556 14.9834 11.5 14.9167 11.3667 14.7834L8.30005 11.7167C8.17783 11.5945 8.11672 11.439 8.11672 11.2501C8.11672 11.0612 8.17783 10.9056 8.30005 10.7834C8.42227 10.6612 8.57783 10.6001 8.76672 10.6001C8.9556 10.6001 9.11116 10.6612 9.23338 10.7834L11.8334 13.3834Z' fill='%230D49ED'/%3E%3C/svg%3E%0A");
    right: 0;
}

.accordion.dashed .accordion-item.is-active .accordion-title:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23F5F7FF'/%3E%3Cpath d='M12.1666 11.2001L9.56662 13.8001C9.4444 13.9223 9.28884 13.9834 9.09995 13.9834C8.91106 13.9834 8.75551 13.9223 8.63328 13.8001C8.51106 13.6779 8.44995 13.5223 8.44995 13.3334C8.44995 13.1445 8.51106 12.989 8.63328 12.8668L11.7 9.8001C11.8333 9.66676 11.9888 9.6001 12.1666 9.6001C12.3444 9.6001 12.5 9.66676 12.6333 9.8001L15.7 12.8668C15.8222 12.989 15.8833 13.1445 15.8833 13.3334C15.8833 13.5223 15.8222 13.6779 15.7 13.8001C15.5777 13.9223 15.4222 13.9834 15.2333 13.9834C15.0444 13.9834 14.8888 13.9223 14.7666 13.8001L12.1666 11.2001Z' fill='%230D49ED'/%3E%3C/svg%3E%0A");
}

.accordion.dashed .accordion-item .accordion-content {
    border-radius: unset;
    background: unset;
    padding: 0;
    border: unset;
}

.accordion.dashed .accordion-item .accordion-content ul {
    margin: 0;
    list-style: none;
}

.accordion.dashed .accordion-item .accordion-content .documents-card:not(:first-of-type) {
    margin-top: 16px;
}

.accordion.dashed .accordion-item .accordion-content .documents-card p:first-of-type {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.accordion.dashed .accordion-item .accordion-content .documents-card p:first-of-type:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: var(--informative-loud);
    display: block;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 8px;
}

.accordion.dashed .accordion-item .accordion-content .documents-card p:last-of-type {
    margin-left: 16px;
}

.accordion.dashed .accordion-item .accordion-content .documents-card.success p:first-of-type:before {
    background-color: var(--success-loud);
}



thead,
tbody,
tfoot {
    border: unset;
}

.bold {
    font-weight: 700;
}

tbody th,
tbody td {
    padding: 0;
}

#GooglePlayButton {
    margin-right: 4px;
    text-align: right;
}

#HuaweiButton {
    margin-left: 4px;
    text-align: left;
}

#top-banner-marketing-page {
    background-color: var(--insurance);
    color: var(--white);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 24px;
}
#top-banner-marketing-page .button{
    margin: 0;
}
#top-banner-marketing-page .button {
    margin: 0;
}
#top-banner-marketing-page > div:nth-child(1)  > div:nth-child(1) > div:nth-child(2) {
    font-size: 30px;
}
#top-banner-marketing-page > .grid-x {
    margin-bottom: 24px;
}
#top-banner-marketing-page > .grid-x.grid-padding-y .cell {
    padding-top: 0;
    padding-bottom: 0;
}
#top-banner-marketing-page .cell:first-child * {
    color: var(--white);
    margin-bottom: 8px;
}
#top-banner-marketing-page > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: var(--white) !important;
    border-radius: 50%;
    margin-left: auto;
    width: 108px;
    height: 108px;
    padding: 14px 13px;
    color: var(--insurance-copy);
}
#top-banner-marketing-page > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) * {
    margin-bottom: 0;
}
#top-banner-marketing-page > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
    color: var(--insurance-copy);
    font-size: 12px;
}
#top-banner-marketing-page > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
    color: var(--insurance-copy);
    font-weight: bold;
    font-size: 36px;
    margin-top: -11px;
    margin-left: -4px;
}
#top-banner-marketing-page > div:nth-child(1) > div:nth-child(2) > div:nth-child(1)  > div:nth-child(3){
    color: var(--insurance-copy);
    font-size: 12px;
    margin-top: -12px;
}
#top-banner-marketing-page > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) {
    color: var(--insurance-copy);
    font-size: 12px;
    margin-top: -12px;
}
#top-banner-marketing-page .button,
#top-banner-marketing-page .button.primary,
#top-banner-marketing-page .button.secondary,
#top-banner-marketing-page .button.action {
    background-color: var(--white) !important;
    border: 1px solid var(--white) !important;
    color: var(--black) !important;
}
#top-banner-marketing-page .button:hover,
#top-banner-marketing-page .button.primary:hover,
#top-banner-marketing-page .button.secondary:hover,
#top-banner-marketing-page .button.action:hover {
    background-color: var(--neutral-0);
    border: 1px solid var(--surface-primary);
    color: var(--black);
}
#top-banner-marketing-page h3 {
    line-height: 1;
}

@media only screen and (max-width: 380px) {
    #top-banner-marketing-page .grid-x .small-8 {
        width: 60%;
    }
    #top-banner-marketing-page .grid-x .small-4 {
        width: 40%;
    }
    #top-banner-marketing-page .cell h2 {
        font-size: 30px;
    }
    #top-banner-marketing-page > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
        width: 100px;
        height: 100px;
    }
}

ul,
ol,
dl {
    line-height: 1.4;
}

ul.product {
    list-style: none;
    font-size: 14px;
    margin-left: unset;
    line-height: 1.2;
}
ul.product.body2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
}
ul.product li{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    line-height: 1.2;
}
ul.product li:last-child {
    margin-bottom: 0px;
}
ul.product li:before {
    margin-right: 12px;
    display: flex;
    align-self: center;
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%230D49ED'/%3E%3Cpath d='M10.5253 13.85L16.1753 8.2C16.3087 8.06667 16.4642 8 16.642 8C16.8198 8 16.9753 8.06667 17.1087 8.2C17.242 8.33333 17.3087 8.49167 17.3087 8.675C17.3087 8.85833 17.242 9.01667 17.1087 9.15L10.992 15.2833C10.8587 15.4167 10.7031 15.4833 10.5253 15.4833C10.3476 15.4833 10.192 15.4167 10.0587 15.2833L7.192 12.4167C7.05867 12.2833 6.99478 12.125 7.00033 11.9417C7.00589 11.7583 7.07533 11.6 7.20867 11.4667C7.342 11.3333 7.50033 11.2667 7.68367 11.2667C7.867 11.2667 8.02533 11.3333 8.15867 11.4667L10.5253 13.85Z' fill='white'/%3E%3C/svg%3E%0A");
}
ul.product.loans li:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23098299'/%3E%3Cpath d='M10.5253 13.85L16.1753 8.2C16.3087 8.06667 16.4642 8 16.642 8C16.8198 8 16.9753 8.06667 17.1087 8.2C17.242 8.33333 17.3087 8.49167 17.3087 8.675C17.3087 8.85833 17.242 9.01667 17.1087 9.15L10.992 15.2833C10.8587 15.4167 10.7031 15.4833 10.5253 15.4833C10.3476 15.4833 10.192 15.4167 10.0587 15.2833L7.192 12.4167C7.05867 12.2833 6.99478 12.125 7.00033 11.9417C7.00589 11.7583 7.07533 11.6 7.20867 11.4667C7.342 11.3333 7.50033 11.2667 7.68367 11.2667C7.867 11.2667 8.02533 11.3333 8.15867 11.4667L10.5253 13.85Z' fill='white'/%3E%3C/svg%3E%0A");
}
ul.product.mobi-money li:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23F2BE00'/%3E%3Cpath d='M10.5253 13.85L16.1753 8.2C16.3087 8.06667 16.4642 8 16.642 8C16.8198 8 16.9753 8.06667 17.1087 8.2C17.242 8.33333 17.3087 8.49167 17.3087 8.675C17.3087 8.85833 17.242 9.01667 17.1087 9.15L10.992 15.2833C10.8587 15.4167 10.7031 15.4833 10.5253 15.4833C10.3476 15.4833 10.192 15.4167 10.0587 15.2833L7.192 12.4167C7.05867 12.2833 6.99478 12.125 7.00033 11.9417C7.00589 11.7583 7.07533 11.6 7.20867 11.4667C7.342 11.3333 7.50033 11.2667 7.68367 11.2667C7.867 11.2667 8.02533 11.3333 8.15867 11.4667L10.5253 13.85Z' fill='white'/%3E%3C/svg%3E%0A");
}
ul.product.insurance li:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%237F0038'/%3E%3Cpath d='M10.5253 13.85L16.1753 8.2C16.3087 8.06667 16.4642 8 16.642 8C16.8198 8 16.9753 8.06667 17.1087 8.2C17.242 8.33333 17.3087 8.49167 17.3087 8.675C17.3087 8.85833 17.242 9.01667 17.1087 9.15L10.992 15.2833C10.8587 15.4167 10.7031 15.4833 10.5253 15.4833C10.3476 15.4833 10.192 15.4167 10.0587 15.2833L7.192 12.4167C7.05867 12.2833 6.99478 12.125 7.00033 11.9417C7.00589 11.7583 7.07533 11.6 7.20867 11.4667C7.342 11.3333 7.50033 11.2667 7.68367 11.2667C7.867 11.2667 8.02533 11.3333 8.15867 11.4667L10.5253 13.85Z' fill='white'/%3E%3C/svg%3E%0A");
}

/* Utilities */
.p-0{
    padding: 0 !important;
}
.p-12 {
    padding: 12px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.m-0{
    margin: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-4 {
    margin-bottom: 4px !important;
}
.mb-6 {
    margin-bottom: 6px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-12 {
    margin-bottom: 12px !important;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.mb-32 {
    margin-bottom: 32px !important;
}
.mb-40{
    margin-bottom: 40px !important;
}
.mt-4 {
    margin-top: 4px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-12 {
    margin-top: 12px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-24 {
    margin-top: 24px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mr-10 {
    margin-right: 10px;
}
.mr-0{
    margin-right: 0px;
}

.mr-5 {
    margin-right: 5px;
}

.ml-10 {
    margin-left: 10px;
}
.ml-0{
    margin-left: 0px;
}
.border-radius-8 {
    border-radius: 8px !important;
}

.border-radius-12 {
    border-radius: 12px !important;
}

.ml-auto {
    margin-left: auto;
}

.max-width-unset, .max-width-unset svg{
    max-width: unset;
}

.display-flex{
    display: flex;
}

.align-self-center{
    align-self: center;
}

.align-items-center {
   align-items: center;
}

.card {
    padding: 16px;
    border-radius: 8px;
}
.card .heading {
    margin-bottom: 16px;
}

.italic {
    font-style: italic;
}

.text-capitalize {
    text-transform: capitalize;
}

.justify-space-between {
    justify-content: space-between;
}

.gap-8{
    gap: 8px;
}

.gap-17 {
    gap: 17px;
}


.border-none{
    border: unset !important;
}

.line-height-0 {
    line-height: 0;
}


/* Container spacing remains unchanged */
.radio-long-button-group {
    margin: 20px 0px;
    margin-bottom: 50px;
}

.radio-long-button-item {
    margin-bottom: 10px;
    display: flex;
}

/* Hide the native radio button */
.radio-long-button-item input[type="radio"] {
    position: absolute;
    opacity: 0;
}

/* Label styling with adjusted left padding for the custom radio */
.radio-long-button-item > label {
    position: relative;
    width: 100%;
    margin: 0 !important;
    padding: 10px 10px 10px 30px;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
}

/* Outer circle of the custom radio button */
.radio-long-button-item > label::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border: 1px solid var(--primary);
    border-radius: 50%;
    background-color: #fff;
}
.radio-long-button-item.rounded > label::before {
    left: 15px;
}
.radio-long-button-item.rounded input[type="radio"]:checked + label::after {
    left: 18px;
}

/* Optional: change label background on checked state */
.radio-long-button-item input[type="radio"]:checked + label {
    background-color: var(--surface-light-2);
    border: 1px solid var(--primary);
}

/* Change the border color when checked */
.radio-long-button-item input[type="radio"]:checked + label::before {
    border-color: var(--primary);
}

/* Inner circle (the check indicator) with spacing between it and the outer circle */
.radio-long-button-item input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary);
}

/* Additional styling for inner elements */
.radio-long-button-item span {
    color: var(--black);
    display: block;
    font-size: 13px;
}

.radio-long-button-item input[type="radio"]:checked + label span {
    color: var(--primary);
}

.radio-long-button-item input[type="file"],
.radio-long-button-item input[type="checkbox"],
.radio-long-button-item input[type="radio"] {
    margin: 0;
    margin-right: 10px;
}

.radio-long-button-item.rounded  > label {
    border-radius: 100px;
    padding: 16px 16px 16px 40px
}

.radio-buttons-with-overlay-btn {
    position: relative; 
}

.over-lay-button {
    position: absolute;
    margin-bottom: unset !important;
    left: 50%;
    top: 0; 
    transform: translate(-50%, -50%);
    z-index: 10;
}

.guardrisk {
    position: relative;
    overflow: hidden;
    height: 160px;
}

.guardrisk img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
}


.radio-button input[type="radio"] {
    margin-bottom: 0;
}

/* Selection Cards */
.radio-button-group {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 16px;
}

.radio-button-group .radio-button-item {
    max-width: 33.333%;
    margin: 0px;
    padding: 4px;
}
.radio-button-group.columns-2 .radio-button-item {
    max-width: 50%;
}
.radio-button-group.columns-4 .radio-button-item {
    max-width: 25%;
}
.radio-button-item {
    border: none;
    display: inline-block;
    margin: 0;
    border-radius: 0px;
    text-align: center;
    width: 100% !important;
    height: unset !important;
}

.radio-button-item img {
    height: 58px;
    width: 58px;
    align-self: center;
    margin-bottom: 5px;
    border-radius: 6px;
}

.radio-button-item input[type="radio"],
.radio-button-item input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.radio-button-item input[type="radio"]+label,
.radio-button-item input[type="checkbox"]+label {
    display: flex;
    flex-direction: column;
    border: 1px solid #E3E6EB;
    border-radius: 8px;
    text-align: center;
    width: unset;
    height: unset;
    min-height: 96px;
    padding: 8px;
    margin: 0px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    user-select: none;
    color: var(--black);
    transition: all 0.3s;
}

.radio-button-item input[type="radio"]+label span:only-child,
.radio-button-item input[type="checkbox"]+label span:only-child {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
}

.radio-button-item input[type="radio"]:checked+label,
.radio-button-item input[type="checkbox"]:checked+label {
    color: var(--primary);
    font-weight: 700;
}

.radio-button-item input[type="radio"]+label::before,
.radio-button-item input[type="checkbox"]+label::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid var(--primary);
    border-radius: 50%;
    margin: 4px auto 8px;
    z-index: 1;
}

.radio-button-item input[type="radio"]+label::after,
.radio-button-item input[type="checkbox"]+label::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.radio-button-item input[type="radio"]:checked+label,
.radio-button-item input[type="checkbox"]:checked+label {
    border: 1px solid var(--primary);
    color: var(--primary);
    background: var(--surface-light-2);
}

.radio-button-item input[type="radio"]:checked+label span,
.radio-button-item input[type="radio"]:checked+label span {
    color: var(--primary);
}

.radio-button-item input[type="radio"]:checked+label::before,
.radio-button-item input[type="checkbox"]:checked+label::before {
    border: 1px solid var(--primary);
}

.radio-button-item input[type="radio"]:checked+label::after,
.radio-button-item input[type="checkbox"]:checked+label::after {
    background-color: var(--primary);
}

            /*Customer Survey Styling*/

            .radio-button-group.customer-survey{
                justify-content: center;
            }

            .radio-button-group .radio-button-item.sad,
            .radio-button-group .radio-button-item.avg , 
            .radio-button-group .radio-button-item.happy{
                max-width: 104px;
            }

            .radio-button-item.sad input[type="radio"] + label,
            .radio-button-item.avg input[type="radio"] + label, 
            .radio-button-item.happy input[type="radio"] + label {
                color: var(--error);
                padding: 12px;
            }

            .radio-button-item.avg input[type="radio"] + label {
                color: var(--warning);
            }

            .radio-button-item.happy input[type="radio"] + label {
                color: var(--success);
            }

            .radio-button-item.sad input[type="radio"] + label::before,
            .radio-button-item.avg input[type="radio"] + label::before,
            .radio-button-item.happy input[type="radio"] + label::before{
                content: unset;
                display: unset;
                width: unset;
                height: unset;
                border: unset;
                border-radius: unset;
                margin: unset;
                z-index: unset;
            }

            .radio-button-item.sad input[type="radio"] + label::after,
            .radio-button-item.avg input[type="radio"] + label::after 
            .radio-button-item.happy input[type="radio"] + label::after {
                content: unset;
                display: block;
                width: unset;
                height: unset;
                border-radius: unset;
                background-color: unset;
                position: unset;
                top: unset;
                left: unset;
                transform: unset;
            }

            .radio-button-item.sad .icon,
            .radio-button-item.avg .icon,
            .radio-button-item.happy .icon{
                margin-bottom: 17px;
            }


            .radio-button-item.sad input[type="radio"]:checked + label::after,
            .radio-button-item.avg input[type="radio"]:checked + label::after,
            .radio-button-item.happy input[type="radio"]:checked + label::after
            {
                background-color: unset;
                content: unset;
            }


            .radio-button-item input[type="radio"]:checked + label::after {
                    background-color: unset;
            }


            .radio-button-item.sad input[type="radio"]:checked + label {
                border: 1px solid var(--error);
                color: var(--error);
                background: var(--error-quiet);
            }

            .radio-button-item.sad input[type="radio"]:checked + label span{
                color: var(--error);
            }

            .radio-button-item.avg input[type="radio"]:checked + label {
                border: 1px solid var(--warning);
                color: var(--warning);
                background: var(--warning-quiet);
            }

            .radio-button-item.avg input[type="radio"]:checked + label span{
                color: var(--warning);
            }

            .radio-button-item.happy input[type="radio"]:checked + label {
                border: 1px solid var(--success);
                color: var(--success);
                background: var(--success-quiet);
            }

            .radio-button-item.happy input[type="radio"]:checked + label span{
                color: var(--success);
            }


    .radio-button-group-no-input {
        display: flex;
        gap: 8px;
        width: 100%;
    }

    .radio-button-group-no-input  .radio-button-item-no-input{
        width: 100%;
    }

    .radio-button-group-no-input  .radio-button-item-no-input label{
        display: flex;
        flex-direction: column;
        border: 1px solid var(--surface-outline-light);
        border-radius: 8px;
        text-align: center;
        width: 100%;
        height: unset;
        min-height: 96px;
        padding: 8px;
        margin: 0px;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        position: relative;
        user-select: none;
        color: var(--black);
        transition: all 0.3s;
        justify-content: center;
    }

    .radio-button-group-no-input .radio-button-item-no-input.active label,
    .radio-button-group-no-input .radio-button-item-no-input input[type="radio"]:checked + label{
        font-weight: 700;
        background: var(--surface-light-2);
        border: 1px solid var(--primary);
    }

.radio-button-item input[type="radio"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.radio-button-item input[type="radio"] + label {
    display: flex;
    flex-direction: column;
    border: 1px solid #E3E6EB;
    border-radius: 8px;
    text-align: center;
    width: unset;
    height: unset;
    min-height: 96px;
    padding: 8px;
    margin: 0px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    user-select: none;
    color: var(--black);
    transition: all 0.3s;
}
.radio-button-item input[type="radio"] + label span:only-child {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
}
.radio-button-item input[type="radio"]:checked + label {
    color: var(--primary);
    font-weight: 700;
}
.radio-button-item input[type="radio"] + label::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid var(--primary);
    border-radius: 50%;
    margin: 4px auto 8px;
    z-index: 1;
}
.radio-button-item input[type="radio"] + label::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.radio-button-item input[type="radio"]:checked + label {
    border: 1px solid var(--primary);
    color: var(--primary);
    background: var(--surface-light-2);
}
.radio-button-item input[type="radio"]:checked + label span {
    color: var(--primary);
}
.radio-button-item input[type="radio"]:checked + label::before {
    border: 1px solid var(--primary);
}
.radio-button-item input[type="radio"]:checked + label::after {
    background-color: var(--primary);
}
/* Radio Input */
.input-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.input-radio input[type="radio"] + label {
    display: flex;
    align-items: center;
    border: 1px solid var(--surface-outline-light);
    border-radius: 8px;
    width: 100%;
    height: unset;
    min-height: 48px;
    padding: 12px 8px;
    margin: 0px 0px 16px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    user-select: none;
    color: var(--black);
    transition: all 0.3s;
}
.input-radio input[type="radio"] + label::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid var(--primary);
    border-radius: 50%;
    margin: 0px 0px 0px auto;
    z-index: 1;
    order: 5;
}

.input-radio input[type="radio"] + label::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translate(-50%, -50%);
}

.input-radio input[type="radio"]:checked + label {
    border: 1px solid var(--primary);
    color: var(--primary);
    font-weight: 600;
}
.input-radio input[type="radio"]:checked + label::before {
    border: 1px solid var(--primary);
}

.input-radio input[type="radio"]:checked + label::after {
    background-color: var(--primary);
}
.input-radio input[type="radio"]:checked + label .text-normal {
    font-weight: 400!important;
}

/* Number Select Radio */
.number-select-radio-group,
.bigProductTermButtons {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 16px;
    margin-top: 16px;
    gap: 12px;
    justify-content: center;
}
.number-select-radio-group .number-select-radio {
    max-width: 33.333%;
    margin: 0px;
    padding: 4px;
}
.number-select-radio-group.columns-4 .number-select-radio {
    max-width: 25%;
}
.number-select-radio {
    border: none;
    display: inline-block;
    margin: 0;
    border-radius: 0px;
    text-align: center;
    width: unset !important;
    height: unset !important;
}
.number-select-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.number-select-radio input[type="radio"] + label {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    border: 1px solid var(--primary-dark-state-2);
    border-radius: 50%;
    text-align: center;
    width: 48px;
    height: 48px;
    padding: 12px;
    margin: 0px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    position: relative;
    user-select: none;
    color: var(--primary-dark-state-2) !important;
    transition: all 0.3s;
}
.number-select-radio input[type="radio"]:checked + label {
    background-color: var(--primary-dark-state-1);
    border: 1px solid var(--primary-dark-state-1);
    color: var(--white) !important;
}
.number-select-radio input[type="radio"] + label:hover {
    background-color: var(--primary-dark-state-2);
    border: 1px solid var(--primary-dark-state-2);
    color: var(--white) !important;
}
.number-select-radio input[type="radio"] + label:focus {
    background-color: var(--primary-dark-state-3);
    border: 1px solid var(--primary-dark-state-3);
    color: var(--white) !important;
}
.number-select-radio input[type="radio"][disabled] + label {
    border: 1px solid var(--disabled) !important;
    background: var(--white) !important;
    color: var(--disabled) !important;
}


/* Radio Input */
.input-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.input-checkbox input[type="checkbox"] + label {
    display: block;
    width: 100%;
    height: unset;
    margin: 2px 0px 16px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    position: relative;
    padding-left: 28px; 
    user-select: none;
    color: var(--black);
    transition: all 0.3s;
}
.input-checkbox input[type="checkbox"] + label::before {
    content: "";
    display: block;
    width: 17px;
    height: 16px;
    border: 1px solid var(--primary);
    border-radius: 2px;
    margin: 0px 12px 0px 0px;
    z-index: 1;
    position: absolute;
    top: 2px;
    left: 0;
}
.input-checkbox input[type="checkbox"]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 2.06494C16 0.960372 15.1046 0.0649414 14 0.0649414H2C0.895431 0.0649414 0 0.960372 0 2.06494V14.0649C0 15.1695 0.895431 16.0649 2 16.0649H14C15.1046 16.0649 16 15.1695 16 14.0649V2.06494ZM13.4703 4.58042L13.8819 4.11006L12.9412 3.28693L12.5296 3.75729L6.13301 11.0677L3.42275 8.57864L2.96242 8.15588L2.11692 9.07654L2.57725 9.4993L5.75904 12.4214L6.23057 12.8544L6.65215 12.3726L13.4703 4.58042Z' fill='%230D49ED'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Sector Types && Questions */
.sector-type-container {
    margin: 20px 0px 50px;
}
.sector-type {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.sector-type input.input-hidden, 
.questions-container .question input.input-hidden {
    visibility: hidden;
    opacity: 0;
    position: absolute;
}
.sector-type input[type="radio"] + label, 
.questions-container .question input[type="radio"] + label {
    display: flex;
    border: 1px solid #E3E6EB;
    border-radius: 8px;
    width: 100%;
    height: unset;
    min-height: 48px;
    padding: 12px 8px;
    margin: 0px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    user-select: none;
    color: var(--black);
    transition: all 0.3s;
    align-items: center;
}
.sector-type input[type="radio"] + label::before, 
.questions-container .question input[type="radio"] + label::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid var(--primary);
    border-radius: 50%;
    margin: 0px 0px 0px auto;
    z-index: 1;
    order: 5;
}
.sector-type input[type="radio"] + label::after, 
.questions-container .question input[type="radio"] + label::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translate(-50%, -50%);
}
.sector-type input[type="radio"][type="radio"]:checked + label,
.questions-container .question input[type="radio"][type="radio"]:checked + label {
    background-color: var(--surface-light-2);
    border: 1px solid var(--primary);
    color: var(--primary);
}
.sector-type input[type="radio"]:checked + label::before, 
.questions-container .question input[type="radio"]:checked + label::before {
    border: 1px solid var(--primary);
}
.sector-type input[type="radio"]:checked + label::after, 
.questions-container .question input[type="radio"]:checked + label::after {
    background-color: var(--primary);
}
.sector-type .sector-type-title,
.questions-container .question .question-title {
    display: block;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    line-height: 120%;
    color: var(--primary);
    margin-bottom: 4px; 
}
.sector-type-image {
    margin-right: 10px;
}
.sector-type-image svg, .sector-type-image path {
    fill: var(--primary);
}

.sector-type input[type="radio"]+label span:not(.sector-type-image) {
    max-width: calc(100% - 76px);
    width: 100%;
}

.questions-container {
    margin-bottom: 24px;
}
.questions-container .question input[type="radio"] + label {
    font-style: normal;
    border: 1px solid #dcdcdc;
    color: #4a4a4a;
}
.questions-container .question input[type="radio"]:checked + label {
    background-color: var(--surface-light-2);
    border: 1px solid var(--primary);
    color: var(--black);
}
.questions-container .question {
    margin-bottom: 16px;
}
.questions-container .question > label {
    width: 100%;
    margin: 0 !important;
    padding: 5px;
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.questions-container .question.question-title {
    color: var(--primary);
    display: block;
    font-size: 14px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
}
.questions-container .question .question-image {
    flex: 0 0 24px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}
.questions-container .question .question-image svg {
    max-width: 30px !important;
}

.questions-container .question-image path {
    fill: var(--black);
}

.questions-container .question.question-other {
    background-color: var(--surface-light-2);
    border-radius: 5px;
    padding-top: 5px;
}
.questions-container .question input[type="radio"] + label span:not(.question-image) {
    max-width: calc(100% - 76px);
    width: 100%;
}
.company-size {
    margin-bottom: 10px;
    flex-grow: 1;
    margin: 2px;
}
.company-size > label {
    width: 100%;
    margin: 0 !important;
    padding: 6px;
    cursor: pointer;
    border-radius: 8px;
    font-size: 13px !important;
    text-align: center;
}
.company-size-container {
    margin: 20px 0px;
    margin-bottom: 25px;
    display: flex;
    justify-items: center;
}
.company-size-title {
    color: var(--primary);
    display: block;
    font-weight: bold;
    font-size: 14px;
}

button.collapsible {
    display: block;
    width: 100%;
    background-color: unset;
    border: 1px solid var(--primary-light-state-4);
    border-radius: 8px;
    color: var(--black);
    padding-right: 40px;
    font-size: 13px;
    font-weight: 600;
    line-height: 18.2px;
    text-decoration: none;
    position: relative;
    padding: 1.25rem 1rem;
    cursor: pointer;
}

button.collapsible.active,
button.collapsible:hover {
    background-color: unset;
    border: 1px solid var(--primary-light-state-4);
    color: var(--black);
}

button.collapsible:after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23FBFCFF'/%3E%3Cpath d='M11.0438 12.5605H7.75833C7.54556 12.5605 7.36594 12.4873 7.2195 12.341C7.07317 12.1946 7 12.0149 7 11.8022C7 11.5894 7.07317 11.4098 7.2195 11.2633C7.36594 11.117 7.54556 11.0438 7.75833 11.0438H11.0438V7.75833C11.0438 7.54556 11.117 7.36594 11.2633 7.2195C11.4098 7.07317 11.5894 7 11.8022 7C12.0149 7 12.1946 7.07317 12.341 7.2195C12.4873 7.36594 12.5605 7.54556 12.5605 7.75833V11.0438H15.846C16.0588 11.0438 16.2384 11.117 16.3848 11.2633C16.5312 11.4098 16.6043 11.5894 16.6043 11.8022C16.6043 12.0149 16.5312 12.1946 16.3848 12.341C16.2384 12.4873 16.0588 12.5605 15.846 12.5605H12.5605V15.846C12.5605 16.0588 12.4873 16.2384 12.341 16.3848C12.1946 16.5312 12.0149 16.6043 11.8022 16.6043C11.5894 16.6043 11.4098 16.5312 11.2633 16.3848C11.117 16.2384 11.0438 16.0588 11.0438 15.846V12.5605Z' fill='%230D49ED'/%3E%3C/svg%3E%0A");
    top: calc(50% - 12px);
    margin-top: 0;
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
}

button.collapsible.active:after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23FBFCFF'/%3E%3Cpath d='M7.50004 12.6667C7.31115 12.6667 7.15282 12.6028 7.02504 12.475C6.89726 12.3473 6.83337 12.1889 6.83337 12C6.83337 11.8112 6.89726 11.6528 7.02504 11.525C7.15282 11.3973 7.31115 11.3334 7.50004 11.3334H15.5C15.6889 11.3334 15.8473 11.3973 15.975 11.525C16.1028 11.6528 16.1667 11.8112 16.1667 12C16.1667 12.1889 16.1028 12.3473 15.975 12.475C15.8473 12.6028 15.6889 12.6667 15.5 12.6667H7.50004Z' fill='%230D49ED'/%3E%3C/svg%3E%0A");
}

button.collapsible+.content {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: var(--neutral-0);
}

button.collapsible.active+.content {
    padding: 1rem;
}

.main-page-icon svg {
    height: 140px;
    width: auto;
}

button.collapsible {
    display: block;
    width: 100%;
    background-color: unset;
    border: 1px solid var(--primary-light-state-4);
    border-radius: 8px;
    color: var(--black);
    padding-right: 40px;
    font-size: 13px;
    font-weight: 600;
    line-height: 18.2px;
    text-decoration: none;
    position: relative;
    padding: 1.25rem 1rem;
    cursor: pointer;
}

button.collapsible.active,
button.collapsible:hover {
    background-color: unset;
    border: 1px solid var(--primary-light-state-4);
    color: var(--black);
}

button.collapsible:after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23FBFCFF'/%3E%3Cpath d='M11.0438 12.5605H7.75833C7.54556 12.5605 7.36594 12.4873 7.2195 12.341C7.07317 12.1946 7 12.0149 7 11.8022C7 11.5894 7.07317 11.4098 7.2195 11.2633C7.36594 11.117 7.54556 11.0438 7.75833 11.0438H11.0438V7.75833C11.0438 7.54556 11.117 7.36594 11.2633 7.2195C11.4098 7.07317 11.5894 7 11.8022 7C12.0149 7 12.1946 7.07317 12.341 7.2195C12.4873 7.36594 12.5605 7.54556 12.5605 7.75833V11.0438H15.846C16.0588 11.0438 16.2384 11.117 16.3848 11.2633C16.5312 11.4098 16.6043 11.5894 16.6043 11.8022C16.6043 12.0149 16.5312 12.1946 16.3848 12.341C16.2384 12.4873 16.0588 12.5605 15.846 12.5605H12.5605V15.846C12.5605 16.0588 12.4873 16.2384 12.341 16.3848C12.1946 16.5312 12.0149 16.6043 11.8022 16.6043C11.5894 16.6043 11.4098 16.5312 11.2633 16.3848C11.117 16.2384 11.0438 16.0588 11.0438 15.846V12.5605Z' fill='%230D49ED'/%3E%3C/svg%3E%0A");
    top: calc(50% - 12px);
    margin-top: 0;
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
}

button.collapsible.active:after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23FBFCFF'/%3E%3Cpath d='M7.50004 12.6667C7.31115 12.6667 7.15282 12.6028 7.02504 12.475C6.89726 12.3473 6.83337 12.1889 6.83337 12C6.83337 11.8112 6.89726 11.6528 7.02504 11.525C7.15282 11.3973 7.31115 11.3334 7.50004 11.3334H15.5C15.6889 11.3334 15.8473 11.3973 15.975 11.525C16.1028 11.6528 16.1667 11.8112 16.1667 12C16.1667 12.1889 16.1028 12.3473 15.975 12.475C15.8473 12.6028 15.6889 12.6667 15.5 12.6667H7.50004Z' fill='%230D49ED'/%3E%3C/svg%3E%0A");
}

button.collapsible+.content {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: var(--neutral-0);
}

button.collapsible.active+.content {
    padding: 1rem;
}

/* table with figures */
.table-outline {
    border: 1px solid var(--surface-outline-light);
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}
.table-outline label {
    color: var(--black) !important;
    margin-bottom: 8px;
    font-size: 13px;
}
.table-outline label.bold {
    font-weight: 600;
}
.table-outline label.total-bold {
    font-weight: 700;
}

.table-outline-split {
    border: 1px solid var(--surface-outline-light);
    border-radius: 8px;
    margin-bottom: 16px;
}
.table-outline-split label {
    color: var(--black) !important;
    margin-bottom: 8px;
    font-size: 13px;
}
.table-outline-split .header {
    padding: 16px 12px 12px 12px;
}

.table-outline-split .footer {
    border-top: 1px solid var(--surface-outline-light);
    padding: 12px;
}

.table-outline-split .header {
    padding: 16px 12px 12px 12px;
    overflow: auto;
    position: unset;
    top: 0;
    z-index: 0;
    height: unset;
}

.table-outline-split .footer {
    border-top: 1px solid var(--surface-outline-light);
    padding: 12px;
}

.table-outline-split label.switch {
    margin-bottom: 0px;
}

.table-outline-split label.bold {
    font-weight: 600;
}

.table-outline-split label.total-bold {
    font-weight: 700;
}

.table-filled {
    background-color: var(--insurance-quiet);
    border-radius: 8px;
    margin-bottom: 22px; 
    overflow: hidden;
}
.table-filled .table-head {
    background-color: var(--insurance);
    padding: 12px;
}
.table-filled .table-head * {
    margin: 0;
    color: var(--white);
    font-weight: 600;
}
.table-filled .table-data {
    padding: 16px 12px;
}
.table-filled .table-data * {
    margin: 0;
    color: var(--black);
}
.table-filled .table-data .grid-x {
    margin: 0 0 12px;
}
.table-filled .table-data .grid-x:last-child {
    margin: 0px;
}
.table-filled.insurance {
    background-color: var(--insurance-quiet);
}
.table-filled.insurance .table-head {
    background-color: var(--insurance);
}

label.bold {
    font-weight: 600;
}

/* progress bar */
.wizard-progress {
    padding: 0;
}

.wizard-progress ol.progress-track {
    display: table;
    list-style-type: none;
    margin: 0;
    padding: 15px 0 10px 0;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 10px;
}

.wizard-progress ol.progress-track li {
    display: table-cell;
    line-height: 3em;
    position: relative;
    text-align: center;
    border-width: 4px !important;
}

.wizard-progress ol.progress-track li .icon-wrap {
    display: none;
}

.wizard-progress ol.progress-track li:first-of-type {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.wizard-progress ol.progress-track li:last-of-type {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Current Step */
.wizard-progress ol.progress-track li.progress-current {
    border-top: 4px solid var(--success-loud);
}

/* Complete Step */
.wizard-progress ol.progress-track li.progress-done {
    border-top: 4px solid var(--success-loud);
}

/* Incomplete Step */
.wizard-progress ol.progress-track li.progress-todo {
    border-top: 4px solid var(--surface-light-3);
}

.debi-check-logo {
    height: 24px;
    width: 112px;
    margin-top: 19px;
    margin-bottom: 18px
}

#say-goodbye,
#mmFuneralBanner {
    background-color: var(--insurance) !important;
    color: var(--white);
    text-align: center;
    padding: 24px 10px;
    font-size: 22px;
}
#say-goodbye h5, #mmFuneralBanner h5 {
    margin-bottom: 8px;
    color: var(--white);
}
#say-goodbye .button, #mmFuneralBanner .button {
    background-color: var(--white) !important;
    color: var(--insurance) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 15px 16px !important;
    margin-bottom: 24px !important;
    text-transform: capitalize !important;
    box-shadow: 0px 4px 12px 0px rgba(22, 36, 109, 0.1);
}

.fc-dialog {
    left: 0px;
    top: 0px;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.9);
    align-items: center;
    justify-content: center;
    z-index: 10000;
}
.fc-dialog table {
    background-color: transparent;
}
.input-group { 
    position: relative;
}
.input-group .input-group-label {
    display: flex;
    align-items: center;
    height: 33px;
    background-color: var(--white) !important;
    border: 1px solid var(--surface-primary) !important;
    color: var(--surface-primary) !important;
    border-radius: 8px;
    box-shadow: unset;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    background: var(--white);
    position: absolute;
    top: 7px;
    right: 12px;
}
.input-group .input-group-label:hover {
    background-color: var(--neutral-0) !important;
    border: 1px solid var(--surface-primary) !important;
    color: var(--surface-primary) !important;
}
.input-group:has(.input-group-label) input {
    padding-right: 70px;
}

.callout {
    padding: 12px !important;
    border-radius: 8px;
    display: flex;
    margin-bottom: 16px;
    align-items: center;
    border: 1px solid transparent;
    font-size: 13px;
}
.callout > * {
    font-size: 13px !important;
}
.callout.primary {
    background: var(--primary);
    color: var(--white);
}
.callout.secondary {
    background: var(--surface-light-3);
    color: var(--primary);
}
.callout.alert {
    background: var(--error-quiet);
    color: var(--error);
}
.callout.success {
    background: var(--success-quiet);
    color: var(--success);
}
.callout.warning {
    background: var(--warning-quiet);
    color: var(--warning);
}
.otp-resend-container {
    margin-bottom: 1rem;
}

.otp-resend-container span {
    display: block;
}
.otp-input-container {
    margin: 1rem 0;
}
.otp-input-container input {
    padding: 10px;
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 30px;
    display: inline-block;
    margin: 0;
}
#btnResendOTP {
    font-size: 16px;
}
.button.secondary.clear {
    padding: 0;
    border-radius: 2px;
    border-bottom: 1px solid var(--primary);
}

.counter-counter-indicator {
    color: #666;
    font-size: smaller;
    margin-left: 125px;
    margin-top: -5px;
}

.insurance-icon{
    line-height: 0;
}

.insurance-icon svg path {
    fill: var(--primary);
}

.full-height-flex {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding-top: 32vh;
}
.full-height-flex .bottom-nav.elevated {
    margin: auto -16px 0;

}

div.RadioBox div.switch {
    margin-bottom: 0px;
}

.switch {
    color: var(--success-loud);
    font-weight: normal;
    margin-bottom: 0px;
}

input:checked~.switch-paddle {
    background: var(--white);
    border: 1px solid var(--success-loud);
}

.switch-paddle {
    box-sizing: border-box;
    height: 26.42px;
    width: 60.85px;
    border: 0.85px solid var(--disabled);
    border-radius: 12.79px;
    background-color: var(--white);
    margin-right: 0 !important;
}
.threeMonthDocument {
    cursor: pointer;
}

.switch-inactive {
    right: 15%;
    color: var(--disabled);
    font-weight: normal;
}

.switch-active {
    font-weight: normal;
    margin-left: 2px;
}

.switch-paddle::after {
    position: absolute;
    top: 12%;
    left: 0.14rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    transform: translate3d(0, 0, 0);
    border-radius: 12px;
    background: var(--disabled);
    transition: all 0.25s ease-out;
    content: "";
}

input:checked~.switch-paddle::after {
    background: var(--success-loud);
}

/*Avatar + CTA Selection Cards*/
.missing-info {
    color: var(--error-loud);
}

.covered-person-title {
    margin-top: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

.covered-person-details {
    background: var(--white);
    border: 1px solid var(--surface-outline-light);
    border-radius: 8px;
    padding: 12px;
}


.covered-person-details.grid-container.grid-padding-x {
    margin: 0;
    margin-top: 8px;
}

.covered-person-details i {
    font-size: 11px;
    color: #e03124;
    margin: 5px 0;
}

.covered-person-details .small-2 {
    padding-right: 0px !important;
}

.covered-person-details .small-2 img {
    padding-left: 5px;
}


.covered-person-details.missing-info,.view-details-button-url .covered-person-details.missing-info {
    background-color: var(--error-quiet);
    border: 1px solid var(--error-loud);
}

.covered-person-details .initials-icon, .covered-person-details .initials-icon.missing-info{
    border-radius: 100%;
    background-color: var(--surface-primary);
    width: 40px;
    color: var(--white);
    height: 40px;
    text-align: center;
    padding: 8px;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.covered-person-details .initials-icon.missing-info {
    background-color: var(--error-quiet);
    border: 2px solid var(--error-loud);
    color: var(--error-loud);
    margin: 0;
}

.covered-person-details .grid-x.grid-padding-x.tile-padding {
    margin: 0;
    padding: 0 !important;
    align-items: center;
    flex-wrap: nowrap;
}

.covered-person-details .grid-x.grid-padding-x.tile-padding > .cell.small-6.no-padding {
    margin: 0 0px 0 0 !important;
}

.covered-person-details .initial-avatar {
    width: 40px;
    margin: 0 16px 0 0 !important;
}

.covered-person-details .person-name-margin {
    margin: 0px !important;
}


.new-info {
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: white;
    background-color: var(--success-loud);
    padding: 1px 5px;
    border-radius: 8px;
}

.covered-person-details .person-name {
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: var(--primary);
    margin-bottom: 4px !important;
}

.covered-person-details .cover-amount {
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: var(--accent-2);
}

.covered-person-details .missing-info {
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: var(--error-loud);
    margin-bottom: 4px;
}

.covered-person-details .button-space {
    margin: 0 0 0 auto !important;
}

.covered-person-details .view-details-button.hollow {
    padding: 12px;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    border-radius: 8px;
}

/* With Link */
.view-details-button-url .covered-person-details {
    background: var(--white);
    border: 1px solid var(--surface-outline-light);
    transition: all 0.3s;
}

.view-details-button-url:hover .covered-person-details {
    border: 1px solid var(--surface-outline-light);
    background: var(--surface-light-2);
}

.view-details-button {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    background-color: transparent;
    padding: 11px 8px !important;
}

a.view-details-button-url {
    display: block;
    height: 100%;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
}

.view-details-button.missing-info {
    background-color: inherit !important;
}

.no-right-padding {
    padding-right: 0 !important;
}

.no-left-padding {
    padding-left: 0 !important;
}

.tile-margin {
    margin: auto !important;
}

.tile-padding {
    padding: 13px 0 !important;
}

.tile-margin-person-info {
    margin-top: -7px !important;
}

.button-space {
    width: 28%;
}

.d-none {
    display: none;
}
.display-none {
    display: none;
}

.d-inline {
    display: inline;
}

.d-inline-block {
    display: inline-block;
}

.d-inline {
    display: inline;
}
.d-inline-block {
    display: inline-block;
}

.pill {
    max-width: fit-content;
    padding: 5.5px 8px;
    border-radius: 16px;
    line-height: 1;
}

.notify-padding {
    padding-left: 8px !important;
    padding-top: 8px
}

/*Scan to Pay*/
.ScanToPayLogo {
    position: center;
    width: 70%;
    height: 40%;
}

.ZapperLogo {
    width: 45%;
    height: 30%;
    margin-right: 10px;
}


.QRCode-Holder {
    height: 340px;
    min-height: 340px;
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-top: -20px;
    z-index: 10;
}

.QRCode-Holder .scanner-overlay {
    background-image: url(/Content/Images/QRScannerFrame.png);
    background-size: 90% 90%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 15;
    position: absolute;
    width: 100%;
    height: 280px;
}

.zapper-logo {
    background-image: url(/Content/Images/zapper.png);
    background-size: 90% 90%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 26px;
}

.overlay-box {
    width: 110px;
    height: 110px;
    border: dashed 2px #ffffff;
    z-index: 500;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#qr-reader video {
    overflow: auto;
}

.funeral-image{
    width:100%;
}

.guardrisk-block {
    background: var(--surface-light-3);
    border: 1px solid var(--surface-light-3);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
}
.guardrisk-block img {
    display: block;
    width: 100%;
    max-width: 217px;
    height: auto;
    margin: 0 auto;
}
.guardrisk-block p {
    color: var(--hint);
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.best-value-rectangle {
    box-sizing: border-box;
    border: 1px solid var(--insurance);
    border-radius: 8px;
    background-color: var(--insurance);
    position: absolute;
    margin-left: 40px;
    margin-top: -13px;
    z-index: 10;
}

.best-value {
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    padding: 2px 8px;
}

.card-title-paidUpLetter {
    color: #fefefe;
    cursor: pointer;
    display: inline !important;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    background-color: #999;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-family: 10px poppins, arial !important;
    font-size: 10px;
    font-weight: 600 !important;
}

.tip-slider-accordion-panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}

ul.contact-icons {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
}
ul.contact-icons li {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
ul.contact-icons li::before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
}
ul.contact-icons .phone-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' width='20px' viewBox='0 -960 960 960' fill='%23191A1C'%3E%3Cpath d='M798-120q-125 0-247-54.5T329-329Q229-429 174.5-551T120-798q0-18 12-30t30-12h162q14 0 25 9.5t13 22.5l26 140q2 16-1 27t-11 19l-97 98q20 37 47.5 71.5T387-386q31 31 65 57.5t72 48.5l94-94q9-9 23.5-13.5T670-390l138 28q14 4 23 14.5t9 23.5v162q0 18-12 30t-30 12ZM241-600l66-66-17-94h-89q5 41 14 81t26 79Zm358 358q39 17 79.5 27t81.5 13v-88l-94-19-67 67ZM241-600Zm358 358Z'/%3E%3C/svg%3E");
}
ul.contact-icons .email-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23191A1C'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm640-480L501-453q-5 3-10.5 4.5T480-447q-5 0-10.5-1.5T459-453L160-640v400h640v-400ZM480-520l320-200H160l320 200ZM160-640v10-59 1-32 32-.5 58.5-10 400-400Z'/%3E%3C/svg%3E");
}


.pjn-small-icon {
    height: 32px;
    width: 32px;
    min-width: 32px;
    background: var(--pjn-green-80);
    display: flex;
    align-items: center;
    border-radius: 50%;
    margin-right: 16px;
    position: relative;
}

.pjn-small-icon.number-filled {
    background: var(--pjn-green-60);
    color: var(--white);
}

.pjn-small-icon.number-outline {
    background: var(--surface-light-3);
    border: 2px solid var(--pjn-green-80);
}

.pjn-small-icon svg,
.pjn-small-icon p {
    margin: 0 auto;
    display: block;
}

.pjn-small-icon .line-1 {
    position: absolute;
    width: 2px;
    height: 300%;
    background: linear-gradient(var(--pjn-green-60), var(--pjn-green-80));
    top: 100%;
    right: 46%;
}

.pjn-small-icon .line-2 {
    position: absolute;
    width: 2px;
    height: 250%;
    background: linear-gradient(var(--pjn-green-80), var(--pjn-green));
    top: 100%;
    right: 46%;
}

@keyframes slide-right-to-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes slide-left-to-right {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

.logos {
    overflow: hidden;
    padding: 4px 0;
    background: white;
    white-space: nowrap;
    position: relative;
    margin: 0 -15px;
}

.logos-slide-right-to-left,
.logos-slide-left-to-right {
    display: inline-block;
    animation: 10s slide-right-to-left infinite linear;
}

.logos-slide-left-to-right {
    animation-name: slide-left-to-right;
}

.logos-slide-right-to-left img,
.logos-slide-left-to-right img {
    height: 72px;
    margin: 0 4px;
}

ul.contact-icons .email-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23191A1C'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm640-480L501-453q-5 3-10.5 4.5T480-447q-5 0-10.5-1.5T459-453L160-640v400h640v-400ZM480-520l320-200H160l320 200ZM160-640v10-59 1-32 32-.5 58.5-10 400-400Z'/%3E%3C/svg%3E");
}


.pjn-small-icon {
    height: 32px;
    width: 32px;
    min-width: 32px;
    background: var(--pjn-green-80);
    display: flex;
    align-items: center;
    border-radius: 50%;
    margin-right: 16px;
    position: relative;
}

.pjn-small-icon.number-filled {
    background: var(--pjn-green-60);
    color: var(--white);
}

.pjn-small-icon.number-outline {
    background: var(--surface-light-3);
    border: 2px solid var(--pjn-green-80);
}

.pjn-small-icon svg,
.pjn-small-icon p {
    margin: 0 auto;
    display: block;
}

.pjn-small-icon .line-1 {
    position: absolute;
    width: 2px;
    height: 300%;
    background: linear-gradient(var(--pjn-green-60), var(--pjn-green-80));
    top: 100%;
    right: 46%;
}

.pjn-small-icon .line-2 {
    position: absolute;
    width: 2px;
    height: 250%;
    background: linear-gradient(var(--pjn-green-80), var(--pjn-green));
    top: 100%;
    right: 46%;
}

@keyframes slide-right-to-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes slide-left-to-right {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

.logos {
    overflow: hidden;
    padding: 4px 0;
    background: white;
    white-space: nowrap;
    position: relative;
    margin: 0 -15px;
}

.logos-slide-right-to-left,
.logos-slide-left-to-right {
    display: inline-block;
    animation: 10s slide-right-to-left infinite linear;
}

.logos-slide-left-to-right {
    animation-name: slide-left-to-right;
}

.logos-slide-right-to-left img,
.logos-slide-left-to-right img {
    height: 100%;
    margin: 0 4px;
    width: auto;
    max-width: 72px;
    max-height: 72px;
}


.reg-vid-container {
    max-width: 100%;
    margin: 0 auto;
}

.reg-vid-container video {
    width: 100%;
    height: auto;
}

.heading-illustration svg {
    max-width: 170px;
    max-height: 170px;
}

switch-toggle-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.switch-toggle-wrapper .switch {
    margin-bottom: 0;
}


.mobile-app-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: 1px solid #D70053;
    border-radius: 0.625rem;
    overflow: hidden;
    margin-bottom: 1rem;
}

    .mobile-app-toggle .button {
        background: transparent;
        color: #D70053;
        margin-bottom: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }

        .mobile-app-toggle .button:nth-child(n+1) {
            border-left: 1px solid #D70053;
        }

        .mobile-app-toggle .button.is-active {
            background: #D70053;
            color: #fefefe;
        }

.simple-subscription-form {
    background: #71002c;
    color: #fefefe;
    padding: 2rem;
    border-radius: 0;
}

    .simple-subscription-form .button {
        margin-bottom: 0;
        border-radius: 0 0 0 0;
    }

.button-badge {
    background-color: var(--primary-dark-state-2);
    text-decoration: none;
    padding: 1rem 1.5rem;
    position: relative;
    display: inline-block;
    border-radius: 0.2rem;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

    .button-badge:hover {
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }

.badge {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 0.8em;
}

.fa {
    color: white;
}


.medium-cell-block-y {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
}

/* Prevent scroll chaining bounce from propagating to the page (where supported) */
html, body {
    overscroll-behavior-y: none;
}

/* Reduce repaints for bottom nav / sticky footers */
.bottom-nav {
    transform: translateZ(0);
    will-change: transform;
}
.switch-panel{border-style:solid;border-width:1px;border-color:#d8d8d8;margin-bottom:1.25rem;padding:1.25rem;background:#FFF}.switch-light span span,.switch-toggle a{display:none}@media only screen{.switch-light label,.switch-light>span,.switch-toggle label,.switch-toggle>span{line-height:30px;vertical-align:middle}.switch-light{display:block;height:30px;position:relative;overflow:visible;padding:0;margin-left:100px}.switch-light *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.switch-light input:focus+label,.switch-light input:focus~a{outline:#888 dotted 1px}.switch-light label{position:relative;z-index:3;display:block;width:100%}.switch-light input{position:absolute;opacity:0;z-index:5}.switch-light input:checked~a{right:0}.switch-light>span{position:absolute;left:-100px;width:100%;margin:0;padding-right:100px;text-align:left}.switch-light>span span{position:absolute;top:0;left:0;z-index:5;display:block;width:50%;margin-left:100px;text-align:center}.switch-light>span span:last-child{left:50%}.switch-light a{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;position:absolute;right:50%;top:0;z-index:4;display:block;width:50%;height:100%;padding:0}.switch-toggle{display:block;height:30px;position:relative;padding:0!important}.switch-toggle *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.switch-toggle input:focus+label,.switch-toggle input:focus~a{outline:0}.switch-toggle input{position:absolute;opacity:0}.switch-toggle input+label{position:relative;z-index:2;float:left;width:50%;height:100%;margin:0;text-align:center}.switch-toggle a{display:block;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;position:absolute;background:#e5e5e5;top:0;left:0;padding:0;z-index:1;width:50%;height:100%}.switch-toggle input:last-of-type:checked~a{left:50%}.switch-toggle.switch-3 a,.switch-toggle.switch-3 label{width:33.33333%}.switch-toggle.switch-3 input:checked:nth-of-type(2)~a{left:33.33333%}.switch-toggle.switch-3 input:checked:last-of-type~a{left:66.66667%}.switch-toggle.switch-4 a,.switch-toggle.switch-4 label{width:25%}.switch-toggle.switch-4 input:checked:nth-of-type(2)~a{left:25%}.switch-toggle.switch-4 input:checked:nth-of-type(3)~a{left:50%}.switch-toggle.switch-4 input:checked:last-of-type~a{left:75%}.switch-toggle.switch-5 a,.switch-toggle.switch-5 label{width:20%}.switch-toggle.switch-5 input:checked:nth-of-type(2)~a{left:20%}.switch-toggle.switch-5 input:checked:nth-of-type(3)~a{left:40%}.switch-toggle.switch-5 input:checked:nth-of-type(4)~a{left:60%}.switch-toggle.switch-5 input:checked:last-of-type~a{left:80%}.switch-candy{background-color:#2d3035;border-radius:3px;color:#fff;font-weight:700;text-align:center;text-shadow:1px 1px 1px #191b1e;box-shadow:inset 0 2px 6px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,.2)}.switch-candy label{color:#fff;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;transition:color .2s ease-out}.switch-candy input:checked+label{color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5)}.switch-candy a{border:1px solid #333;background-color:#70c66b;border-radius:3px;background-image:-webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(0,0,0,0));box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.45)}.switch-candy>span{color:#333;text-shadow:none}.switch-android label,.switch-candy span{color:#fff}.switch-candy.switch-candy-blue a{background-color:#38a3d4}.switch-candy.switch-candy-yellow a{background-color:#f5e560}.switch-android{background-color:#464747;border-radius:1px;color:#fff;box-shadow:inset rgba(0,0,0,.1) 0 1px 0}.switch-android>span span{opacity:0;-webkit-transition:all .1s;-moz-transition:all .1s;transition:all .1s}.switch-android>span span:first-of-type{opacity:1}.switch-android a{background-color:#666;border-radius:1px;box-shadow:inset rgba(255,255,255,.2) 0 1px 0,inset rgba(0,0,0,.3) 0 -1px 0}.switch-android.switch-light input:checked~a{background-color:#0e88b1}.switch-android.switch-light input:checked~span span:first-of-type{opacity:0}.switch-android.switch-light input:checked~span span:last-of-type{opacity:1}.switch-android.switch-toggle,.switch-android>span span{font-size:85%;text-transform:uppercase}.switch-ios.switch-light{color:#868686}.switch-ios.switch-light a{left:0;width:30px;background-color:#fff;border:1px solid #d3d3d3;border-radius:100%;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;box-shadow:inset 0 -3px 3px rgba(0,0,0,.025),0 1px 4px rgba(0,0,0,.15),0 4px 4px rgba(0,0,0,.1)}.switch-ios.switch-light>span span{width:100%;left:0;opacity:0}.switch-ios.switch-light>span span:first-of-type{opacity:1;padding-left:30px}.switch-ios.switch-light>span span:last-of-type{padding-right:30px}.switch-ios.switch-light>span:before{content:'';display:block;width:100%;height:100%;position:absolute;left:100px;top:0;background-color:#fafafa;border:1px solid #d3d3d3;border-radius:30px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;box-shadow:inset rgba(0,0,0,.1) 0 1px 0}.switch-ios.switch-light input:checked~a{left:100%;margin-left:-30px}.switch-ios.switch-light input:checked~span:before{border-color:#53d76a;box-shadow:inset 0 0 0 30px #53d76a}.switch-ios.switch-light input:checked~span span:first-of-type{opacity:0}.switch-ios.switch-light input:checked~span span:last-of-type{opacity:1;color:#fff}.switch-ios.switch-toggle{background-color:#fafafa;border:1px solid #d3d3d3;border-radius:30px;box-shadow:inset rgba(0,0,0,.1) 0 1px 0}.switch-ios.switch-toggle a{background-color:#53d76a;border-radius:25px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}.switch-ios.switch-toggle label{color:#868686}.switch-ios input:checked+label{color:#3a3a3a}}@media only screen and (-webkit-max-device-pixel-ratio:2) and (max-device-width:1280px){.switch-light,.switch-toggle{-webkit-animation:webkitSiblingBugfix infinite 1s}}@-webkit-keyframes webkitSiblingBugfix{from,to{-webkit-transform:translate3d(0,0,0)}}
input[type="checkbox"].prettyInput, input[type="radio"].prettyInput {
    display: none;
}

label.prettyInput {
    padding-left: 32px;
    display: inline-block;
    line-height: 1.8;
    font-family: sans-serif;
    position: relative;
    margin: 10px 20px 10px 0;
}

input[type="checkbox"].prettyInput + input[type="hidden"] + label.prettyInput:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #666;
    background: #fff;
}

input[type="checkbox"].prettyInput:checked + input[type="hidden"] + label.prettyInput:after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #01385f;
    border-left: 2px solid #01385f;
    transform: rotate(-45deg);
    position: absolute;
    top: 6px;
    left: 6px;
}

input[type="radio"].prettyInput + input[type="hidden"] + label.prettyInput:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #666;
    background: #fff;
    border-radius: 50%;
}

input[type="radio"].prettyInput:checked + input[type="hidden"] + label.prettyInput:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #01385f;
    position: absolute;
    border-radius: 50%;
    top: 7px;
    left: 7px;
}

:root {
    /*Core Colors*/
    --white: #ffffff;
    --neutral-0: #FBFCFF;
    --black: #232426;
    --primary: #0D49ED;
    --aqua: #37E994;
    --pink: #D90959;
    --light: #D8DCED;
    --dark: #BDC3E1;
    --surface-primary: #000000;
    --accent-2: #027949;
    --primary-10: #081767;
    --primary-70: #5184FF;
    --primary-90: #B7CCFF;
    /*Surface Colors*/
    --surface-light-1: #FFFFFF;
    --surface-light-2: #FBFCFF;
    --surface-light-3: #F5F7FF;
    --surface-dark-3: #3C3D49;
    --surface-disabled: #F2F3F6;
    --surface-outline-light: #E3E6EB;
    /*Brand Colors*/
    --hint: #7B7E83;
    --disabled: #8F9297;
    --brand-outline-light-2: #D6D9DE;
    /*Functional Colors*/
    --success: #002800;
    --success-loud: #08842B;
    --success-quiet: #B0F3B7;
    --error: #560000;
    --error-loud: #B50E0E;
    --error-quiet: #FFE7E5;
    --decline-state-1: #FFF2F1;
    --warning: #4C2400;
    --warning-loud: #F6BC2F;
    --warning-quiet: #FFE29D;
    --informative-loud: #2D71E7;
    --informative-quiet: #DAE7FF;
    /*Interactive colors*/
    --aqua-2: #1DCD86;
    --aqua-3: #19BB7A;
    --primary-dark-state-1: #2A62F5;
    --primary-dark-state-2: #0D49ED;
    --primary-dark-state-3: #002FC6;
    --primary-light-state-4: #E3E6EB;
    /*Product Colors*/
    --mobimoney: #F2BE00;
    --loans: #098299;
    --insurance: #7F0038;
    --mobimoney-copy: #5C4A14;
    --loans-copy: #06252D;
    --insurance-copy: #340220;
    --mobimoney-loud: #FFC903;
    --mobimoney-quiet: #FEFAEA;
    --loans-quiet: #F7FDFF;
    --insurance-quiet: #FFF5F8;
    --pjn-green: #BDF500;
    --pjn-green-80: #A5D700;
    --pjn-green-60: #789D00;
}

@font-face {
    font-family: 'PPmori';
    src: url('Fonts/PP/PPMori-Regular.eot');
    src: local('PPmori'), local('PPMori-Regular'), url('Fonts/PP/PPMori-Regular.eot#iefix') format('embedded-opentype'), url('Fonts/PP/PPMori-Regular.woff2') format('woff2'), url('Fonts/PP/PPMori-Regular.woff') format('woff'), url('Fonts/PP/PPMori-Regular.ttf') format('truetype'), url('Fonts/PP/PPMori-Regular.svg#AcidGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PPmori-medium';
    src: url('Fonts/PPMori-Medium.eot');
    src: local('PPMori Medium'), local('PPMori-Medium'), url('Fonts/PP/PPMori-Medium.eot?#iefix') format('embedded-opentype'), url('Fonts/PP/PPMori-Medium.woff2') format('woff2'), url('Fonts/PP/PPMori-Medium.woff') format('woff'), url('Fonts/PP/PPMori-Medium.ttf') format('truetype'), url('Fonts/PP/PPMori-Medium.svg#AcidGrotesk-Medium') format('svg');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PPmori-bold';
    src: url('Fonts/PPMori-Medium.eot');
    src: local('PPMori Bold'), local('PPMori-Bold'), url('Fonts/PP/PPMori-Bold.eot?#iefix') format('embedded-opentype'), url('Fonts/PP/PPMori-Bold.woff2') format('woff2'), url('Fonts/PP/PPMori-Bold.woff') format('woff'), url('Fonts/PP/PPMori-Bold.ttf') format('truetype'), url('Fonts/PP/PPMori-Bold.svg#AcidGrotesk-Bold') format('svg');
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'P22MackinacPro';
    src: url('Fonts/P22MackinacPro-Book.eot');
    src: local('Acid Grotesk Bold'), local('P22MackinacPro-Book'), url('Fonts/P22MackinacPro-Book.eot?#iefix') format('embedded-opentype'), url('Fonts/P22MackinacPro-Book.woff2') format('woff2'), url('Fonts/P22MackinacPro-Book.woff') format('woff'), url('Fonts/P22MackinacPro-Book.ttf') format('truetype'), url('Fonts/P22MackinacPro-Book.svg#P22MackinacPro-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22MackinacPro-Bold';
    src: url('Fonts/P22MackinacPro-Bold.eot');
    src: local('Acid Grotesk Bold'), local('P22MackinacPro-Bold'), url('Fonts/P22MackinacPro-Bold.eot?#iefix') format('embedded-opentype'), url('Fonts/P22MackinacPro-Bold.woff2') format('woff2'), url('Fonts/P22MackinacPro-Bold.woff') format('woff'), url('Fonts/P22MackinacPro-Bold.ttf') format('truetype'), url('Fonts/P22MackinacPro-Bold.svg#P22MackinacPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html,
body {
}

body {
    background: white;
    color: var(--black);
    font-family: 'PPmori', sans-serif;
    font-size: 0.9375rem;
    /* font-weight: 500; */
    line-height: 1.4;
    /* letter-spacing: 0.3px; */
}

.P22 {
    font-family: 'P22MackinacPro', sans-serif;
    line-height: 1;
}

.P22.bold {
    font-family: 'P22MackinacPro-Bold', sans-serif;
}
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

/* Default Link Styles */
a {
    color: var(--primary);
    text-decoration: none;
    line-height: inherit;
}

a:hover, a:focus {
	color: var(--primary-dark-state-2);
}

a img {
	border: none;
}

/* Default paragraph styles */
p {
    font-family: inherit;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 8px;
    text-rendering: optimizeLegibility;
}

    p.lead {
        font-size: 1.21875rem;
        line-height: 1.4;
    }

    p aside {
        font-size: 0.9rem;
        line-height: 1.4;
        font-style: italic;
    }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'PPmori-bold', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: var(--black);
    text-rendering: optimizeLegibility;
    margin-bottom: 16px;
    margin-top: 0;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

h1.header-spacing, h2.header-spacing, h3.header-spacing, h4.header-spacing, h5.header-spacing, h6.header-spacing {
    margin-bottom: 8px;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 80%;
    color: #6f6f6f;
    line-height: 0;
}

h1 {
	font-size: 45px;
    
}
h2 {
	font-size: 38px;
}
h3 {
	font-size: 32px;
}
h4 {
	font-size: 27px;
	line-height: 32.4px;
}
h5 {
	font-size: 23px;
	line-height: 27.6px;
}
h6 {
	font-size: 19px;
	line-height: 22.8px;
}

h1.P22{
    font-size: 46px;
    line-height: 1;
    letter-spacing: 0;
}

h2.P22 {
    font-size: 39px;
    letter-spacing: 0;
}

h3.P22 {
    font-size: 33px;
    letter-spacing: 0;
}

h4.P22 {
    font-size: 28px;
    letter-spacing: 0;
}

h5.P22 {
    font-size: 24px;
    letter-spacing: 0;
}

h6.P22 {
    font-size: 20px;
    letter-spacing: 0;
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: normal;
    margin-top: 0.2rem; 
    margin-bottom: 0.5rem;
}

hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0;
}

/* Helpful Typography Defaults */
em,
i {
    font-style: italic;
    line-height: inherit;
}

strong,
b {
    font-family: 'PPmori-bold', sans-serif;
    font-weight: 700;
    line-height: inherit;
    letter-spacing: 0.3px;
}

small {
    font-size: 80%;
    line-height: inherit;
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: bold;
    color: #bd260d;
}

.body2 {
    font-size: 13px;
    line-height: 1.2;
    font-family: 'PPmori-medium', sans-serif;
}

.body3 {
    font-size: 11px;
    line-height: 1.2;
    font-family: 'PPmori-medium', sans-serif;
}

.caption {
    font-size: 13px;
    font-weight: 500;
    line-height: 15.6px;
    font-family: 'PPmori-medium', sans-serif;
}

/* Lists */
ul,
ol,
dl {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 1.25rem;
    list-style-position: outside;
    font-family: inherit;
}

ul {
    margin-left: 1.1rem;
}

ul.no-bullet {
	margin-left: 0;
}

ul.no-bullet li ul,
ul.no-bullet li ol {
	margin-left: 1.25rem;
	margin-bottom: 0;
	list-style: none;
}

/* Unordered Lists */
ul li ul,
ul li ol {
	margin-left: 1.25rem;
	margin-bottom: 0;
}

ul.square li ul, ul.circle li ul, ul.disc li ul {
	list-style: inherit;
}

ul.square {
	list-style-type: square;
	margin-left: 1.1rem;
}

ul.circle {
	list-style-type: circle;
	margin-left: 1.1rem;
}

ul.disc {
	list-style-type: disc;
	margin-left: 1.1rem;
}

ul.no-bullet {
	list-style: none;
}

/* Ordered Lists */
ol {
    margin-left: 1.4rem;
}

ol li ul,
ol li ol {
	margin-left: 1.25rem;
	margin-bottom: 0;
}

/* Definition Lists */
dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold;
}

dl dd {
    margin-bottom: 0.75rem;
}

/* Abbreviations */
abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222222;
    border-bottom: 1px dotted #dddddd;
    cursor: help;
}

abbr {
    text-transform: none;
}

/* Blockquotes */
blockquote {
    margin: 0 0 1.25rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #dddddd;
}

blockquote cite {
	display: block;
	font-size: 0.9rem;
	color: #555555;
}

blockquote cite:before {
	content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
	color: #555555;
}

blockquote,
blockquote p {
	line-height: 1.6;
	color: #6f6f6f;
}

.font-medium {
    font-weight: 500;
}

.text-right{
    text-align: right;
}

.subtitle {
    font-size: 17px;
    line-height: 1.2;
    font-style: normal;
}
.top-bar {
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    position: relative;
    background: #333333;
    margin-bottom: 0;
}

.top-bar ul {
	margin-bottom: 0;
	list-style: none;
}

.top-bar .row {
	max-width: none;
}

.top-bar form,
.top-bar input {
	margin-bottom: 0;
}

.top-bar input {
	height: auto;
	padding-top: .35rem;
	padding-bottom: .35rem;
	font-size: 0.75rem;
}

.top-bar .button, .top-bar button {
	padding-top: .45rem;
	padding-bottom: .35rem;
	margin-bottom: 0;
	font-size: 0.75rem;
}

.top-bar .title-area {
	position: relative;
	margin: 0;
}

.top-bar .name {
	height: 45px;
	margin: 0;
	font-size: 16px;
}

.top-bar .name h1 {
	line-height: 45px;
	font-size: 1.0625rem;
	margin: 0;
}

.top-bar .name h1 a {
	font-weight: normal;
	color: white;
	width: 75%;
	display: block;
	padding: 0 15px;
}

.top-bar .toggle-topbar {
	position: absolute;
	right: 0;
	top: 0;
}

.top-bar .toggle-topbar a {
	color: white;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: bold;
	position: relative;
	display: block;
	padding: 0 15px;
	height: 45px;
	line-height: 45px;
}

.top-bar .toggle-topbar.menu-icon {
	right: 15px;
	top: 50%;
	margin-top: -16px;
	padding-left: 40px;
}

.top-bar .toggle-topbar.menu-icon a {
	height: 34px;
	line-height: 33px;
	padding: 0;
	padding-right: 25px;
	color: white;
	position: relative;
}

.top-bar .toggle-topbar.menu-icon a::after {
	content: "";
	position: absolute;
	right: 0;
	display: block;
	width: 16px;
	top: 0;
	height: 0;
	box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
}

.top-bar.expanded {
	height: auto;
	background: transparent;
}

.top-bar.expanded .title-area {
	background: #333333;
}

.top-bar.expanded .toggle-topbar a {
	color: #888888;
}

.top-bar.expanded .toggle-topbar a::after {
	box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
}

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left 300ms ease-out;
}

.top-bar-section ul {
	width: 100%;
	height: auto;
	display: block;
	background: #333333;
	font-size: 16px;
	margin: 0;
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
	border-top: solid 1px #1a1a1a;
	clear: both;
	height: 1px;
	width: 100%;
}

.top-bar-section ul li > a {
	display: block;
	width: 100%;
	color: white;
	padding: 12px 0 12px 0;
	padding-left: 15px;
	font-size: 0.9rem;
	font-weight: normal;
	text-transform: none;
	background: #333333;
}

.top-bar-section ul li > a.button {
	font-size: 0.9rem;
	padding-right: 15px;
	padding-left: 15px;
	background-color: var(--primary);
	border-color: #007095;
	color: white;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
	background-color: #007095;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
	color: white;
}

.top-bar-section ul li > a.button.secondary {
	background-color: #e7e7e7;
	border-color: #b9b9b9;
	color: #333333;
}

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
	background-color: #b9b9b9;
}

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
	color: #333333;
}

.top-bar-section ul li > a.button.success {
	background-color: #43ac6a;
	border-color: #368a55;
	color: white;
}

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
	background-color: #368a55;
}

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
	color: white;
}

.top-bar-section ul li > a.button.alert {
	background-color: #f04124;
	border-color: #cf2a0e;
	color: white;
}

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
	background-color: #cf2a0e;
}

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
	color: white;
}

.top-bar-section ul li > button {
	font-size: 0.9rem;
	padding-right: 15px;
	padding-left: 15px;
	background-color: var(--primary);
	border-color: #007095;
	color: white;
}

.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
	background-color: #007095;
}

.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
	color: white;
}

.top-bar-section ul li > button.secondary {
	background-color: #e7e7e7;
	border-color: #b9b9b9;
	color: #333333;
}

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
	background-color: #b9b9b9;
}

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
	color: #333333;
}

.top-bar-section ul li > button.success {
	background-color: #43ac6a;
	border-color: #368a55;
	color: white;
}

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
	background-color: #368a55;
}

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
	color: white;
}

.top-bar-section ul li > button.alert {
	background-color: #f04124;
	border-color: #cf2a0e;
	color: white;
}

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
	background-color: #cf2a0e;
}

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
	color: white;
}

.top-bar-section ul li:hover:not(.has-form) > a {
	background: #272727;
	color: white;
}

.top-bar-section ul li.active > a {
	background: var(--primary);
	color: white;
}

.top-bar-section ul li.active > a:hover {
	background: red;
	color: white;
}

.top-bar-section .has-form {
	padding: 15px;
}

.top-bar-section .has-dropdown {
	position: relative;
}

.top-bar-section .has-dropdown > a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
	border-left-style: solid;
	margin-right: 15px;
	margin-top: -4.5px;
	position: absolute;
	top: 50%;
	right: 0;
}

.top-bar-section .has-dropdown.moved {
	position: static;
}

.top-bar-section .has-dropdown.moved > .dropdown {
	display: block;
	position: static !important;
	height: auto;
	width: auto;
	overflow: visible;
	clip: auto;
	position: absolute !important;
	width: 100%;
}

.top-bar-section .has-dropdown.moved > a:after {
	display: none;
}

.top-bar-section .dropdown {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 99;
	display: block;
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.top-bar-section .dropdown li {
	width: 100%;
	height: auto;
}

.top-bar-section .dropdown li a {
	font-weight: normal;
	padding: 8px 15px;
}

	.top-bar-section .dropdown li a.parent-link {
		font-weight: normal;
	}

.top-bar-section .dropdown li.title h5 {
	margin-bottom: 0;
}

.top-bar-section .dropdown li.title h5 a {
	color: white;
	line-height: 22.5px;
	display: block;
}

.top-bar-section .dropdown li.has-form {
	padding: 8px 15px;
}

.top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
	top: auto;
}

.top-bar-section .dropdown label {
	padding: 8px 15px 2px;
	margin-bottom: 0;
	text-transform: uppercase;
	color: #777777;
	font-weight: bold;
	font-size: 0.625rem;
}

.js-generated {
    display: block;
}

@media only screen and (min-width: 9999px) {
    .top-bar {
        background: #333333;
        *zoom: 1;
        overflow: visible;
    }

	.top-bar:before, .top-bar:after {
		content: " ";
		display: table;
	}

	.top-bar:after {
		clear: both;
	}

	.top-bar .toggle-topbar {
		/*display: none;*/
	}

	.top-bar .title-area {
		/*float: left; */
	}

	.top-bar .name h1 a {
		width: auto;
	}

	.top-bar input,
	.top-bar .button,
	.top-bar button {
		font-size: 0.9rem;
		position: relative;
		top: 7px;
	}

	.top-bar.expanded {
		background: #333333;
	}

    .contain-to-grid .top-bar {
        max-width: 62.5rem;
        margin: 0 auto;
        margin-bottom: 0;
    }

    .top-bar-section {
        transition: none 0 0;
        left: 0 !important;
    }

	.top-bar-section ul {
		width: auto;
		height: auto !important;
		display: inline;
	}

	.top-bar-section ul li {
		float: left;
	}

	.top-bar-section ul li .js-generated {
		display: none;
	}

	.top-bar-section li.hover > a:not(.button) {
		background: #272727;
		color: white;
	}

	.top-bar-section li:not(.has-form) a:not(.button) {
		padding: 0 15px;
		line-height: 45px;
		background: #333333;
	}

	.top-bar-section li:not(.has-form) a:not(.button):hover {
		background: #272727;
	}

	.top-bar-section li.active:not(.has-form) a:not(.button) {
		padding: 0 15px;
		line-height: 45px;
		color: white;
		background: var(--primary);
	}

	.top-bar-section li.active:not(.has-form) a:not(.button):hover {
		background: #0078a0;
	}

	.top-bar-section .has-dropdown > a {
		padding-right: 35px !important;
	}

	.top-bar-section .has-dropdown > a:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: inset 5px;
		border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
		border-top-style: solid;
		margin-top: -2.5px;
		top: 22.5px;
	}

	.top-bar-section .has-dropdown.moved {
		position: relative;
	}

	.top-bar-section .has-dropdown.moved > .dropdown {
		display: block;
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}

	.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
		display: block;
		position: static !important;
		height: auto;
		width: auto;
		overflow: visible;
		clip: auto;
		position: absolute !important;
	}

	.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
		border: none;
		content: "\00bb";
		top: 1rem;
		margin-top: -1px;
		right: 5px;
		line-height: 1.2;
	}

	.top-bar-section .dropdown {
		left: 0;
		top: auto;
		background: transparent;
		min-width: 100%;
	}

	.top-bar-section .dropdown li a {
		color: white;
		line-height: 1;
		white-space: nowrap;
		padding: 12px 15px;
		background: #333333;
	}

	.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
		color: white;
		background: #333333;
	}

	.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
		color: white;
		background: #272727;
	}

	.top-bar-section .dropdown li label {
		white-space: nowrap;
		background: #333333;
	}

	.top-bar-section .dropdown li .dropdown {
		left: 100%;
		top: 0;
	}

	.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
		border-bottom: none;
		border-top: none;
		border-right: solid 1px #4e4e4e;
		clear: none;
		height: 45px;
		width: 0;
	}

	.top-bar-section .has-form {
		background: #333333;
		padding: 0 15px;
		height: 45px;
	}

	.top-bar-section .right li .dropdown {
		left: auto;
		right: 0;
	}

	.top-bar-section .right li .dropdown li .dropdown {
		right: 100%;
	}

	.top-bar-section .left li .dropdown {
		right: auto;
		left: 0;
	}

	.top-bar-section .left li .dropdown li .dropdown {
		left: 100%;
	}

    .no-js .top-bar-section ul li:hover > a {
        background: #272727;
        color: white;
    }

    .no-js .top-bar-section ul li:active > a {
        background: var(--primary);
        color: white;
    }

    .no-js .top-bar-section .has-dropdown:hover > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
    }
}
.button {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 16px;
    margin-bottom: 24px;
    text-transform: capitalize;
    text-decoration: none;
}

@media (max-width: 380px) {
    .button.long {
        font-size: 13px;
        padding: 15px 6px;
    }

    input.button {
        text-wrap: auto;
        white-space: normal;
    }
}

.button.small {
    font-size: 13px;
    padding: 8px 12px;
}

.button.icon {
    display: flex;
    border-radius: 50%;
    padding: 9px;
}

.button .button-icon {
    display: flex;
    justify-content: center;
}

.button .button-icon svg{
    margin-right: 10px;
}

.button.primary .button-icon svg path,
.button.secondary .button-icon svg path
.button.decline .button-icon svg path {
    fill: var(--white);
}

.button.action .button-icon svg path, 
.button.hollow .button-icon svg path, 
.button.clear .button-icon svg path {
     fill: var(--surface-primary);
}

.button.white .button-icon svg path {
     fill: var(--black);
}

/*Primayr Button*/
.button.primary{
    background-color: var(--primary-dark-state-1);
    color: var(--white);
    box-shadow: 0px 4px 12px 0px rgba(22, 36, 109, 0.1);
}

.button.primary:hover {
    background-color: var(--primary-dark-state-2);
}

.button.primary:focus{
    background-color: var(--primary-dark-state-3);
    box-shadow: 0px 0px 0px 1px var(--primary-dark-state-3);
    border: 1px solid var(--white);
}

.button.primary:active{
    background-color: var(--primary-dark-state-3);
}

.button.primary.disabled,
.button.primary[disabled],
.button.primary.disabled:hover,
.button.primary[disabled]:hover,
.button.primary.disabled:focus,
.button.primary[disabled]:focus{
    background-color: var(--surface-disabled);
    color: var(--disabled); 
}


/*Secondary Button*/
.button.secondary{
    background-color: var(--primary-dark-state-1);
    color: var(--white);
    box-shadow: 0px 4px 12px 0px rgba(22, 36, 109, 0.1);
}

.button.secondary:hover {
    background-color: var(--primary-dark-state-2);
}

.button.secondary:focus{
    background-color: var(--primary-dark-state-3);
    box-shadow: 0px 0px 0px 1px var(--primary-dark-state-3);
    border: 1px solid var(--white);
}

.button.secondary:active{
    background-color: var(--primary-dark-state-3);
}

.button.secondary.disabled,
.button.secondary[disabled],
.button.secondary.disabled:hover,
.button.secondary[disabled]:hover,
.button.secondary.disabled:focus,
.button.secondary[disabled]:focus{
    background-color: var(--surface-disabled);
    color: var(--disabled); 
}

/*Action button*/
.button.action{
    background-color: var(--aqua);
    color: var(--surface-primary);
    box-shadow: 0px 4px 12px 0px rgba(22, 36, 109, 0.1);
}

.button.action:hover{
    background-color: var( --aqua-2);
    color: var(--surface-primary);
}

.button.action:focus{
    background-color: var(--aqua-3);
    color: var(--surface-primary);
    box-shadow: 0px 0px 0px 1px var(--aqua-3);
    border: 1px solid var(--white);
}

.button.action:active{
    background-color: var(--aqua-3);
    color: var(--surface-primary);
}

.button.action.disabled,
.button.action[disabled],
.button.action.disabled:hover,
.button.action[disabled]:hover,
.button.action.disabled:focus,
.button.action[disabled]:focus{
    background-color: var(--surface-disabled);
    color: var(--disabled); 
}
.button.white {
    background-color: var(--white);
    color: var(--black);
}
.button.white:hover {
    background-color: var(--neutral-0);
    color: var(--surface-primary);
}



/*Outline Button*/
.button.hollow.primary {
    background-color: var(--white);
    border: 1px solid var(--primary);
    color: var(--primary);
    box-shadow: unset;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
}
/**/
.button.hollow.secondary{
    background-color: var(--white);
    border: 1px solid var(--surface-primary);
    color: var(--surface-primary);
    box-shadow: unset;
}

.button.hollow.secondary:hover {
    background-color: var(--neutral-0);
    border: 1px solid var(--surface-primary);
    color: var(--surface-primary);
}

.button.hollow.secondary:focus{
    background-color: var(--surface-light-3);
    border: 1px solid var(--surface-primary);
    color: var(--surface-primary);
    box-shadow: unset;
}

.button.hollow:active{
    background-color: var(--informative-quiet);
    border: 1px solid var(--surface-primary);
    color: var(--surface-primary);
}

.button.hollow.secondary.disabled,
.button.hollow.secondary[disabled],
.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled]:hover,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary[disabled]:focus{
    background-color: var(--white);
    border: 1px solid var(--disabled);
    color: var(--disabled);
}


/*Text Button*/
.button.secondary.clear
{
    background-color: transparent;
    border-color: transparent;
    color: var(--surface-primary);
    box-shadow: unset;
}

.button.secondary.clear.underline {
    border: unset;
    border-bottom: 1px solid var(--primary);
    border-radius: 0;
    padding: 0;
    color: var(--primary);
    background-color: unset;
}

.button.secondary.clear.underline:hover{
    border: unset;
    border-bottom: 1px solid transparent;
    padding: 0;
    color: var(--primary-70);
    background-color: unset;
}

.button.secondary.clear.underline:focus{
	font-weight: 700;
    border: unset;
    border-bottom: 1px solid transparent;
    padding: 0;
    color: var(--primary-70);
    background-color: unset;
}

.button.secondary.clear.underline:active{
    border: unset;
    border-bottom: 1px solid transparent;
    padding: 0;
    color: var(--primary-90);
    background-color: unset;
}

.button.secondary.clear:hover{
    background-color: var(--neutral-0);
    border-color: transparent;
    color: var(--surface-primary);
}

.button.secondary.clear:focus{
    background-color: var(--surface-light-3);
    border-color: var(--surface-primary);
    color: var(--surface-primary);
    box-shadow: unset;
}

.button.secondary.clear:active{
    background-color: var(--surface-light-3);
    border-color: transparent;
    color: var(--surface-primary);
}

.button.secondary.clear.disabled,
.button.secondary.clear.disabled:hover,
.button.secondary.clear.disabled:focus,
.button.secondary.clear[disabled],
.button.secondary.clear[disabled]:hover,
.button.secondary.clear[disabled]:focus{
    background-color: transparent;
    border-color: transparent;
    color: var(--disabled);
}

/*Decline Button*/
.button.decline{
    background-color: var(--white);
    color: var(--error-loud);
    box-shadow: 0px 4px 12px 0px rgba(22, 36, 109, 0.1);
    border: 1px solid var(--error-loud);
}

.button.decline:hover{
    background-color: var(--decline-state-1);
    color: var(--error-loud);
}

.button.decline:focus{
    background-color: var(--error);
    color: var(--white);
    box-shadow: 0px 0px 0px 1px var(--error);
    border: 1px solid var(--white);
}

.button.decline:active{
    background-color: var(--decline-state-1);
    color: var(--error-loud);
}

.button.decline.disabled,
.button.decline[disabled],
.button.decline.disabled:hover,
.button.decline[disabled]:hover,
.button.decline.disabled:focus,
.button.decline[disabled]:focus{
    background-color: var(--surface-disabled);
    color: var(--disabled); 
}


/*Icon Buttons*/
.button.icon {
    display: flex;
    border-radius: 50%;
    padding: 9px;
}

.button.icon.disabled svg path,
.button.icon[disabled] svg path,
.button.icon.disabled:hover svg path,
.button.icon[disabled]:hover svg path,
.button.icon.disabled:focus svg path,
.button.icon[disabled]:focus svg path {
    fill: var(--disabled);
}

.button.icon.hollow svg path{
    fill:  var(--primary);
}

.button.icon.hollow:active {
    background-color: var(--neutral-0);
    border: 1px solid var(--primary);
    color: var(--primary);
}

.button.icon.hollow:focus {
    background-color: var(--informative-quiet);
    box-shadow: 0px 0px 0px 1px var(--primary);
    border: 1px solid var(--primary);
}

.button.icon.hollow.disabled,
.button.icon.hollow[disabled],
.button.icon.hollow.disabled:hover,
.button.icon.hollow[disabled]:hover,
.button.icon.hollow.disabled:focus,
.button.icon.hollow[disabled]:focus {
    background-color: var(--surface-disabled);
    color: var(--disabled);
    border: 1px solid var(--disabled);
}


.button.secondary.icon.clear svg path{
    fill:  var(--primary);
}

.button.icon.clear {
    background-color: var(--neutral-0);
}

.button.icon.clear:hover {
    background-color: var(--informative-quiet);
}

.button.icon.clear:focus {
    background-color: var(--primary-dark-state-4);
    border: 1px solid var(--primary);
}

.button-group {
    list-style: none;
    margin: 0;
    left: 0;
    *zoom: 1;
}

.button-group:before, .button-group:after {
    content: " ";
    display: table;
}

.button-group:after {
    clear: both;
}

.button-group li {
    margin: 0;
    float: left;
}

.button-group li > button, .button-group li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group li:first-child button, .button-group li:first-child .button {
    border-left: 0;
}

.button-group li:first-child {
    margin-left: 0;
}

.button-group.radius > * > button, .button-group.radius > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
    border-left: 0;
}

.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.button-group.round > * > button, .button-group.round > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.round > *:first-child button, .button-group.round > *:first-child .button {
    border-left: 0;
}

.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

.button-group.even-2 li {
    width: 50%;
}

.button-group.even-2 li > button, .button-group.even-2 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
    border-left: 0;
}

.button-group.even-2 li button, .button-group.even-2 li .button {
    width: 100%;
}

.button-group.even-3 li {
    width: 33.33333%;
}

.button-group.even-3 li > button, .button-group.even-3 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
    border-left: 0;
}

.button-group.even-3 li button, .button-group.even-3 li .button {
    width: 100%;
}

.button-group.even-4 li {
    width: 25%;
}

.button-group.even-4 li > button, .button-group.even-4 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
    border-left: 0;
}

.button-group.even-4 li button, .button-group.even-4 li .button {
    width: 100%;
}

.button-group.even-5 li {
    width: 20%;
}

.button-group.even-5 li > button, .button-group.even-5 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
    border-left: 0;
}

.button-group.even-5 li button, .button-group.even-5 li .button {
    width: 100%;
}

.button-group.even-6 li {
    width: 16.66667%;
}

.button-group.even-6 li > button, .button-group.even-6 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
    border-left: 0;
}

.button-group.even-6 li button, .button-group.even-6 li .button {
    width: 100%;
}

.button-group.even-7 li {
    width: 14.28571%;
}

.button-group.even-7 li > button, .button-group.even-7 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
    border-left: 0;
}

.button-group.even-7 li button, .button-group.even-7 li .button {
    width: 100%;
}

.button-group.even-8 li {
    width: 12.5%;
}

.button-group.even-8 li > button, .button-group.even-8 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
    border-left: 0;
}

.button-group.even-8 li button, .button-group.even-8 li .button {
    width: 100%;
}

.button-bar {
    *zoom: 1;
}

.button-bar:before, .button-bar:after {
    content: " ";
    display: table;
}

.button-bar:after {
    clear: both;
}

.button-bar .button-group {
    float: left;
    margin-right: 0.625rem;
}

.button-bar .button-group div {
    overflow: hidden;
}


.split.button {
    position: relative;
    padding-right: 5.0625rem;
}

.split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px;
}

.split.button span:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: inset;
    top: 50%;
    left: 50%;
}

.split.button span:active {
    background-color: rgba(0, 0, 0, 0.1);
}

.split.button span {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button span {
    width: 3.09375rem;
}

.split.button span:before {
    border-top-style: solid;
    border-width: 0.375rem;
    top: 48%;
    margin-left: -0.375rem;
}

.split.button span:before {
    border-color: white transparent transparent transparent;
}

.split.button.secondary span {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.secondary span:before {
    border-color: white transparent transparent transparent;
}

.split.button.alert span {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.success span {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.tiny {
    padding-right: 3.75rem;
}

.split.button.tiny span {
    width: 2.25rem;
}

.split.button.tiny span:before {
    border-top-style: solid;
    border-width: 0.375rem;
    top: 48%;
    margin-left: -0.375rem;
}

.split.button.small {
    padding-right: 4.375rem;
}

.split.button.small span {
    width: 2.625rem;
}

.split.button.small span:before {
    border-top-style: solid;
    border-width: 0.4375rem;
    top: 48%;
    margin-left: -0.375rem;
}

.split.button.large {
    padding-right: 5.5rem;
}

.split.button.large span {
    width: 3.4375rem;
}

.split.button.large span:before {
    border-top-style: solid;
    border-width: 0.3125rem;
    top: 48%;
    margin-left: -0.375rem;
}

.split.button.expand {
    padding-left: 2rem;
}

.split.button.secondary span:before {
    border-color: #333333 transparent transparent transparent;
}

.split.button.radius span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.split.button.round span {
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}



.customButtons .right{
    display: none;

}


.listButtons, .customButtons {
    background: var(--white);
    border: 1px solid var(--light);
    list-style: none;
    margin: 0;
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: auto;
}

.listButtons.border-aqua{
    margin-bottom: 16px;
}

.listButtons .listButton {
    color: var(--black); 
    border-bottom: 1px solid var(--light);
    font-size: 15px;
}

.listButtons .listButton a, .customButtons li a {
    color: var(--black);
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}

.customButtons li {
    overflow: auto;
    border-bottom: 1px solid var(--light);
}

.customButtons li a.button{
    color: var(--black); 
    border: unset;
    font-size: 13px;
    background: var(--white);
    margin: 0;
    text-transform: unset;
    box-shadow: unset;
    border-radius: 0;
    overflow: auto;
    padding: 16px;
}

.listButtons .listButton:last-child, .customButtons li:last-child {
    border-bottom: unset;
}

.listButtons .listButton a:after,  .customButtons li a:after{
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6501 10.563L13.8001 7.71304C13.6001 7.51304 13.5043 7.2797 13.5126 7.01304C13.5209 6.74637 13.6168 6.51304 13.8001 6.31304C14.0001 6.11304 14.2376 6.00887 14.5126 6.00054C14.7876 5.9922 15.0251 6.08804 15.2251 6.28804L19.8001 10.863C20.0001 11.063 20.1001 11.2964 20.1001 11.563C20.1001 11.8297 20.0001 12.063 19.8001 12.263L15.2251 16.838C15.0251 17.038 14.7876 17.1339 14.5126 17.1255C14.2376 17.1172 14.0001 17.013 13.8001 16.813C13.6168 16.613 13.5209 16.3797 13.5126 16.113C13.5043 15.8464 13.6001 15.613 13.8001 15.413L16.6501 12.563L5.5001 12.563C5.21676 12.563 4.97926 12.4672 4.7876 12.2755C4.59593 12.0839 4.5001 11.8464 4.5001 11.563C4.5001 11.2797 4.59593 11.0422 4.7876 10.8505C4.97926 10.6589 5.21676 10.563 5.5001 10.563L16.6501 10.563Z' fill='%23232426'/%3E%3C/svg%3E%0A");
    line-height: 0;
}



.upload-button {
    border: 1px dashed var(--dark);
    padding: 24px 12px;
    border-radius: 8px;
    text-align: center;
    color: var(--primary);
    width: 100%;
    margin-bottom: 24px;
    font-weight: 600;
}

.upload-button .icon{
    margin-bottom: 8px;
}

.upload-buttons {
    display: flex;
    gap: 8px;
}

.buttons-horizontal{
    display: flex;
    gap: 8px;
}


/*Mobi Money Button*/
.button.mobi-money {
    background-color: var(--mobimoney);
    color: var(--mobimoney-copy);
    box-shadow: 0px 4px 12px 0px rgba(22, 36, 109, 0.1);
}

.button.mobi-money:hover {
    background-color: var( --mobimoney);
    color: var(--mobimoney-copy);
}

.button.mobi-money:focus {
    background-color: var(--mobimoney);
    color: var(--mobimoney-copy);
    box-shadow: 0px 0px 0px 1px var(--mobimoney);
    border: 1px solid var(--white);
}

.button.mobi-money:active {
    background-color: var(--mobimoney);
    color: var(--mobimoney-copy);
}

.button.mobi-money.disabled,
.button.mobi-money[disabled],
.button.mobi-money.disabled:hover,
.button.mobi-money[disabled]:hover,
.button.mobi-money.disabled:focus,
.button.mobi-money[disabled]:focus {
    background-color: var(--surface-disabled);
    color: var(--disabled);
}


/*Loans button*/
.button.loans {
    background-color: var(--loans);
    color: var(--white);
    box-shadow: 0px 4px 12px 0px rgba(22, 36, 109, 0.1);
}

.button.loans:hover {
    background-color: var( --loans);
    color: var(--white);
}

.button.loans:focus {
    background-color: var(--loans);
    color: var(--white);
    box-shadow: 0px 0px 0px 1px var(--loans);
    border: 1px solid var(--white);
}

.button.loans:active {
    background-color: var(--loans);
    color: var(--white);
}

.button.loans.disabled,
.button.loans[disabled],
.button.loans.disabled:hover,
.button.loans[disabled]:hover,
.button.loans.disabled:focus,
.button.loans[disabled]:focus {
    background-color: var(--surface-disabled);
    color: var(--disabled);
}

/*Insurance button*/
.button.insurance {
    background-color: var(--insurance);
    color: var(--white);
    box-shadow: 0px 4px 12px 0px rgba(22, 36, 109, 0.1);
}

.button.insurance:hover {
    background-color: var( --insurance);
    color: var(--white);
}

.button.insurance:focus {
    background-color: var(--insurance);
    color: var(--white);
    box-shadow: 0px 0px 0px 1px var(--insurance);
    border: 1px solid var(--white);
}

.button.insurance:active {
    background-color: var(--insurance);
    color: var(--white);
}

.button.insurance.disabled,
.button.insurance[disabled],
.button.insurance.disabled:hover,
.button.insurance[disabled]:hover,
.button.insurance.disabled:focus,
.button.insurance[disabled]:focus {
    background-color: var(--surface-disabled);
    color: var(--disabled);
}

/*PJN button*/
.button.pjn {
    background-color: var(--pjn-green);
    color: var(--surface-primary);
    box-shadow: 0px 4px 12px 0px rgba(22, 36, 109, 0.1);
}

.button.pjn:hover {
    background-color: var( --pjn-green);
    color: var(--surface-primary);
}

.button.pjn:focus {
    background-color: var(--pjn-green);
    color: var(--surface-primary);
    box-shadow: 0px 0px 0px 1px var(--pjn-green);
    border: 1px solid var(--white);
}

.button.pjn:active {
    background-color: var(--pjn-green);
    color: var(--surface-primary);
}

.button.pjn.disabled,
.button.pjn[disabled],
.button.pjn.disabled:hover,
.button.pjn[disabled]:hover,
.button.pjn.disabled:focus,
.button.pjn[disabled]:focus {
    background-color: var(--surface-disabled);
    color: var(--disabled);
}

.buttons-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 16px;
}
/* Standard Forms */
form {
    margin: 0 0 1rem;
}

    /* Using forms within rows, we need to set some defaults */
    form .row .row {
        margin: 0 -0.5rem;
    }

        form .row .row .column,
        form .row .row .columns {
            padding: 0 0.5rem;
        }

        form .row .row.collapse {
            margin: 0;
        }

            form .row .row.collapse .column,
            form .row .row.collapse .columns {
                padding: 0;
            }

            form .row .row.collapse input {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }

    form .row input.column,
    form .row input.columns,
    form .row textarea.column,
    form .row textarea.columns {
        padding-left: 0.5rem;
    }

/* Label Styles */
label {
    font-size: 0.9rem;
    color: #000000;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
    /* Styles for required inputs */
}

    label.right {
        float: none;
        text-align: right;
    }

    label.inline {
        margin: 0 0 1rem 0;
        padding: 0.5625rem 0;
    }

    label small {
        text-transform: capitalize;
        color: #676767;
    }

select::-ms-expand {
    display: none;
}


/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    font-size: 0.9rem;
    height: 2.3125rem;
    line-height: 2.3125rem;
}

    /* Adjust padding, alignment and radius if pre/post element is a button */
    .postfix.button {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        line-height: 2.125rem;
        border: none;
    }

    .prefix.button {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        line-height: 2.125rem;
        border: none;
    }

        .prefix.button.radius {
            border-radius: 0;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
        }

    .postfix.button.radius {
        border-radius: 0;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .prefix.button.round {
        border-radius: 0;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px;
    }

    .postfix.button.round {
        border-radius: 0;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px;
    }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333333;
    border-color: #cccccc;
}

    span.prefix.radius, label.prefix.radius {
        border-radius: 0;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

span.postfix, label.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #333333;
    border-color: #cccccc;
}

    span.postfix.radius, label.postfix.radius {
        border-radius: 0;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    -webkit-appearance: none;
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.9rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    /*Danie Hugo 4 Nov 2014 - CSS Change*/
    /*remove height completely*/
    /*height: 2.3125rem;*/
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="time"]:focus,
    input[type="url"]:focus,
    textarea:focus {
        box-shadow: 0 0 5px #999999;
        border-color: #999999;
    }

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="time"]:focus,
    input[type="url"]:focus,
    textarea:focus {
        background: #fafafa;
        border-color: #999999;
        outline: none;
    }

    input[type="text"][disabled], fieldset[disabled] input[type="text"],
    input[type="password"][disabled], fieldset[disabled] input[type="password"],
    input[type="date"][disabled], fieldset[disabled] input[type="date"],
    input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"],
    input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"],
    input[type="month"][disabled], fieldset[disabled] input[type="month"],
    input[type="week"][disabled], fieldset[disabled] input[type="week"],
    input[type="email"][disabled], fieldset[disabled] input[type="email"],
    input[type="number"][disabled], fieldset[disabled] input[type="number"],
    input[type="search"][disabled], fieldset[disabled] input[type="search"],
    input[type="tel"][disabled], fieldset[disabled] input[type="tel"],
    input[type="time"][disabled], fieldset[disabled] input[type="time"],
    input[type="url"][disabled], fieldset[disabled] input[type="url"],
    textarea[disabled], fieldset[disabled] textarea {
        background-color: #dddddd;
    }

    input[type="text"].radius,
    input[type="password"].radius,
    input[type="date"].radius,
    input[type="datetime"].radius,
    input[type="datetime-local"].radius,
    input[type="month"].radius,
    input[type="week"].radius,
    input[type="email"].radius,
    input[type="number"].radius,
    input[type="search"].radius,
    input[type="tel"].radius,
    input[type="time"].radius,
    input[type="url"].radius,
    textarea.radius {
        border-radius: 3px;
    }

input[type="submit"] {
    -webkit-appearance: none;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
    height: auto;
}

/* Add height value for select elements to match text input height */
select {
    -webkit-appearance: none !important;
    background-color: #fafafa;
    background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: 97% center;
    border: 1px solid #cccccc;
    padding: 0.5rem;
    font-size: 0.9rem;
    border-radius: 0;
    height: 2.3125rem;
}

    select.radius {
        border-radius: 3px;
    }

    select:hover {
        background-color: #f3f3f3;
        border-color: #999999;
    }


    input[type="checkbox"] + label,
    input[type="radio"] + label {
        display: inline-block;
        margin-left: 0.5rem;
        margin-right: 1rem;
        margin-bottom: 0;
        vertical-align: baseline;
    }

/* Normalize file input width */
input[type="file"] {
    width: 100%;
}

/* We add basic fieldset styling */
fieldset {
    border: 1px solid #dddddd;
    padding: 1.25rem;
    margin: 1.125rem 0;
}

    fieldset legend {
        font-weight: bold;
        background: white;
        padding: 0 0.1875rem;
        margin: 0;
        margin-left: -0.1875rem;
    }

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: white;
}

[data-abide] span.error, [data-abide] small.error {
    display: none;
}

span.error, small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: white;
}

.error input,
.error textarea,
.error select {
    margin-bottom: 0;
}

    .error input[type="checkbox"],
    .error input[type="radio"] {
        margin-bottom: 1rem;
    }

.error label,
.error label.error {
    color: #f04124;
}

.error small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: white;
}

.error > label > small {
    color: #676767;
    background: transparent;
    padding: 0;
    text-transform: capitalize;
    font-style: normal;
    font-size: 80%;
    margin: 0;
    display: inline;
}

.error span.error-message {
    display: block;
}

input.error,
textarea.error {
    margin-bottom: 0;
}

label.error {
    color: #f04124;
}

.range-slider {
    display: block;
    position: relative;
    width: 100%;
    height: 1rem;
    border: 1px solid #dddddd;
    margin: 1.25rem 0;
    -ms-touch-action: none;
    touch-action: none;
    background: #fafafa;
}

    .range-slider.vertical-range {
        display: block;
        position: relative;
        width: 100%;
        height: 1rem;
        border: 1px solid #dddddd;
        margin: 1.25rem 0;
        -ms-touch-action: none;
        touch-action: none;
        display: inline-block;
        width: 1rem;
        height: 12.5rem;
    }

        .range-slider.vertical-range .range-slider-handle {
            margin-top: 0;
            margin-left: -0.5rem;
            position: absolute;
            bottom: -10.5rem;
        }

        .range-slider.vertical-range .range-slider-active-segment {
            width: 0.9rem;
            height: auto;
            bottom: 0;
        }

    .range-slider.radius {
        background: #fafafa;
        border-radius: 3px;
    }

        .range-slider.radius .range-slider-handle {
            background: var(--primary);
            border-radius: 3px;
        }

            .range-slider.radius .range-slider-handle:hover {
                background: #007ba4;
            }

    .range-slider.round {
        background: #fafafa;
        border-radius: 1000px;
    }

        .range-slider.round .range-slider-handle {
            background: var(--primary);
            border-radius: 1000px;
        }

            .range-slider.round .range-slider-handle:hover {
                background: #007ba4;
            }

.range-slider-active-segment {
    display: inline-block;
    position: absolute;
    height: 0.9rem;
    background: #e5e5e5;
}

.range-slider-handle {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: -0.3125rem;
    width: 2rem;
    height: 1.375rem;
    border: 1px solid none;
    cursor: pointer;
    background: var(--primary);
}

    .range-slider-handle:hover {
        background: #007ba4;
    }
/*Text Color classes*/
.text-white {
    color: var(--white);
}

.text-neutral-0 {
    color: var(--neutral-0);
}

.text-black {
    color: var(--black);
}

.text-primary {
    color: var(--primary);
}

.text-aqua {
    color: var(--aqua);
}

.text-pink {
    color: var(--pink);
}

.text-light {
    color: var(--light);
}

.text-dark {
    color: var(--dark);
}

.text-surface-primary {
    color: var(--surface-primary);
}

.text-surface-light-1 {
    color: var(--surface-light-1);
}

.text-surface-light-3 {
    color: var(--surface-light-3);
}

.text-surface-dark-3 {
    color: var(--surface-dark-3);
}

.text-surface-disabled {
    color: var(--surface-disabled);
}

.text-hint {
    color: var(--hint);
}

.text-disabled {
    color: var(--disabled);
}

.text-success {
    color: var(--success);
}

.text-success-loud {
    color: var(--success-loud);
}

.text-success-quiet {
    color: var(--success-quiet);
}

.text-error {
    color: var(--error);
}

.text-error-loud {
    color: var(--error-loud);
}

.text-error-quiet {
    color: var(--error-quiet);
}

.text-decline-state-1 {
    color: var(--decline-state-1);
}

.text-warning {
    color: var(--warning);
}

.text-warning-loud {
    color: var(--warning-loud);
}

.text-warning-quiet {
    color: var(--warning-quiet);
}

.text-informative {
    color: var(--primary);
}

.text-informative-loud {
    color: var(--informative-loud);
}

.text-informative-quiet {
    color: var(--informative-quiet);
}

.text-aqua-2 {
    color: var(--aqua-2);
}

.text-aqua-3 {
    color: var(--aqua-3);
}

.text-primary-dark-state-1 {
    color: var(--primary-dark-state-1);
}

.text-primary-dark-state-2 {
    color: var(--primary-dark-state-2);
}

.text-primary-dark-state-3 {
    color: var(--primary-dark-state-3);
}

.text-primary-dark-state-4 {
    color: var(--primary-dark-state-3);
}

.text-primary-light-state-4 {
    color: var(--primary-light-state-4);
}

.text-loans {
    color: var(--loans);
}

.text-insurance {
    color: var(--insurance);
}

.text-mobimoney {
    color: var(--mobimoney);
}

.text-loans-copy {
    color: var(--loans-copy);
}

.text-insurance-copy {
    color: var(--insurance-copy);
}

.text-mobimoney-copy {
    color: var(--mobimoney-copy);
}

.text-loans-quiet {
    color: var(--loans-quiet);
}

.text-insurance-quiet {
    color: var(--insurance-quiet);
}

.text-mobimoney-quiet {
    color: var(--mobimoney-quiet);
}


.text-accent-2{
    color: var(--accent-2) !important;
}

.text-primary-70 {
    color: var(--primary-70);
}

.text-primary-90 {
    color: var(--primary-90);
}

.text-pjn-green {
    color: var(--pjn-green);
}

.text-pjn-green-80 {
    color: var(--pjn-green-80);
}

.text-pjn-green-60 {
    color: var(--pjn-green-60);
}

.text-primary-10 {
    color: var(--primary-10);
}

.text-surface-outline-light {
    color: var(--surface-outline-light);
}

.text-brand-outline-light-2 {
    color: var(--brand-outline-light-2);
}

.text-mobimoney-loud {
    color: var(--mobimoney-loud);
}

/*Background Color classes*/
.background-white {
    background-color: var(--white);
}

.background-neutral-0 {
    background-color: var(--neutral-0);
}

.background-black {
    background-color: var(--black);
}

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

.background-aqua {
    background-color: var(--aqua);
}

.background-pink {
    background-color: var(--pink);
}

.background-light {
    background-color: var(--light);
}

.background-dark {
    background-color: var(--dark);
}

.background-surface-primary {
    background-color: var(--surface-primary);
}


.background-surface-light-1 {
    background-color: var(--surface-light-1);
}

.background-surface-light-3 {
    background-color: var(--surface-light-3);
}

.background-surface-dark-3 {
    background-color: var(--surface-dark-3);
}

.background-surface-disabled {
    background-color: var(--surface-disabled);
}

.background-hint {
    background-color: var(--hint);
}

.background-disabled {
    background-color: var(--disabled);
}

.background-success {
    background-color: var(--success);
}

.background-success-loud {
    background-color: var(--success-loud);
}

.background-success-quiet {
    background-color: var(--success-quiet);
}

.background-error {
    background-color: var(--error);
}

.background-error-loud {
    background-color: var(--error-loud);
}

.background-error-quiet {
    background-color: var(--error-quiet);
}

.background-decline-state-1 {
    background-color: var(--decline-state-1);
}

.background-warning {
    background-color: var(--warning);
}

.background-warning-loud {
    background-color: var(--warning-loud);
}

.background-warning-quiet {
    background-color: var(--warning-quiet);
}

.background-informative {
    background-color: var(--primary);
}

.background-informative-loud {
    background-color: var(--informative-loud);
}

.background-informative-quiet {
    background-color: var(--informative-quiet);
}

.background-aqua-2 {
    background-color: var(--aqua-2);
}

.background-aqua-3 {
    background-color: var(--aqua-3);
}

.background-primary-dark-state-1 {
    background-color: var(--primary-dark-state-1);
}

.background-primary-dark-state-2 {
    background-color: var(--primary-dark-state-2);
}

.background-primary-dark-state-3 {
    background-color: var(--primary-dark-state-3);
}

.background-primary-dark-state-4 {
    background-color: var(--primary-dark-state-3);
}

.background-primary-light-state-4 {
    background-color: var(--primary-light-state-4);
}

.background-loans {
    background: var(--loans);
}

.background-insurance {
    background: var(--insurance);
}

.background-mobimoney {
    background: var(--mobimoney);
}

.background-loans-copy {
    background: var(--loans-copy);
}

.background-insurance-copy {
    background: var(--insurance-copy);
}

.background-mobimoney-copy {
    background: var(--mobimoney-copy);
}

.background-loans-quiet {
    background: var(--loans-quiet);
}

.background-insurance-quiet {
    background: var(--insurance-quiet);
}

.background-mobimoney-quiet {
    background: var(--mobimoney-quiet);
}

.background-accent-2 {
    background: var(--accent-2)
}

.background-primary-70 {
    background: var(--primary-70);
}

.background-primary-90 {
    background: var(--primary-90);
}

.background-pjn-green {
    background: var(--pjn-green);
}

.background-pjn-green-80 {
    background: var(--pjn-green-80);
}

.background-pjn-green-60 {
    background: var(--pjn-green-60);
}

.background-primary-10 {
    background: var(--primary-10);
}

.background-surface-outline-light {
    background: var(--surface-outline-light);
}

.background-brand-outline-light-2 {
    background: var(--brand-outline-light-2);
}

.background-mobimoney-loud {
    background: var(--mobimoney-loud);
}


/*Border Colors*/
.border-white {
    border: 1px solid var(--white);
}

.border-neutral-0 {
    border: 1px solid var(--neutral-0);
}

.border-black {
    border: 1px solid var(--black);
}

.border-primary {
    border: 1px solid var(--primary);
}

.border-aqua {
    border: 1px solid var(--aqua);
}

.border-pink {
    border: 1px solid var(--pink);
}

.border-light {
    border: 1px solid var(--light);
}

.border-dark {
    border: 1px solid var(--dark);
}

.border-surface-primary {
    border: 1px solid var(--surface-primary);
}


.border-surface-light-1 {
    border: 1px solid var(--surface-light-1);
}

.border-surface-light-3 {
    border: 1px solid var(--surface-light-3);
}

.border-surface-dark-3 {
    border: 1px solid var(--surface-dark-3);
}

.border-surface-disabled {
    border: 1px solid var(--surface-disabled);
}

.border-hint {
    border: 1px solid var(--hint);
}

.border-disabled {
    border: 1px solid var(--disabled);
}

.border-success {
    border: 1px solid var(--success);
}

.border-success-loud {
    border: 1px solid var(--success-loud);
}

.border-success-quiet {
    border: 1px solid var(--success-quiet);
}

.border-error {
    border: 1px solid var(--error);
}

.border-error-loud {
    border: 1px solid var(--error-loud);
}

.border-decline-state-1 {
    border: 1px solid var(--decline-state-1);
}

.border-error-quiet {
    border: 1px solid var(--error-quiet);
}

.border-warning {
    border: 1px solid var(--warning);
}

.border-warning-loud {
    border: 1px solid var(--warning-loud);
}

.border-warning-quiet {
    border: 1px solid var(--warning-quiet);
}

.border-informative {
    border: 1px solid var(--primary);
}

.border-informative-loud {
    border: 1px solid var(--informative-loud);
}

.border-informative-quiet {
    border: 1px solid var(--informative-quiet);
}

.border-aqua-2 {
    border: 1px solid var(--aqua-2);
}

.border-aqua-3 {
    border: 1px solid var(--aqua-3);
}

.border-primary-dark-state-1 {
    border: 1px solid var(--primary-dark-state-1);
}

.border-primary-dark-state-2 {
    border: 1px solid var(--primary-dark-state-2);
}

.border-primary-dark-state-3 {
    border: 1px solid var(--primary-dark-state-3);
}

.border-primary-dark-state-4 {
    border: 1px solid var(--primary-dark-state-3);
}

.border-primary-light-state-4 {
    border: 1px solid var(--primary-light-state-4);
}

.border-loans {
    border: 1px solid var(--loans);
}

.border-insurance {
    border: 1px solid var(--insurance);
}

.border-mobimoney {
    border: 1px solid var(--mobimoney);
}

.border-loans-copy {
    border: 1px solid var(--loans-copy);
}

.border-insurance-copy {
    border: 1px solid var(--insurance-copy);
}

.border-mobimoney-copy {
    border: 1px solid var(--mobimoney-copy);
}

.border-loans-quiet {
    border: 1px solid var(--loans-quiet);
}

.border-insurance-quiet {
    border: 1px solid var(--insurance-quiet);
}

.border-mobimoney-quiet {
    border: 1px solid var(--mobimoney-quiet);
}

.border-accent-2 {
    border: 1px solid var(--accent-2);
}

.border-primary-70 {
    border: 1px solid var(--primary-70);
}

.border-primary-90 {
    border: 1px solid var(--primary-90);
}

.border-pjn-green {
    border: 1px solid var(--pjn-green);
}

.border-pjn-green-80 {
    border: 1px solid var(--pjn-green-80);
}

.border-pjn-green-60 {
    border: 1px solid var(--pjn-green-60);
}

.border-primary-10 {
    border: 1px solid var(--primary-10);
}

.border-surface-outline-light {
    border: 1px solid var(--surface-outline-light);
}

.border-brand-outline-light-2 {
    border: 1px solid var(--brand-outline-light-2);
}

.border-mobimoney-loud {
    border: 1px solid var(--mobimoney-loud);
}
form {
	margin: 0px !important;
}


.validation-summary-errors ul, .validation-summary-errors ol, .validation-summary-errors dl,
.validation-summary-valid ul, .validation-summary-valid ol, .validation-summary-valid dl .validation-summary-success ul, .validation-summary-success ol, .validation-summary-success dl {
	margin-bottom: 0px !important;
}

.validation-summary-errors ul, .validation-summary-errors,
.validation-summary-success ul, .validation-summary-success {
	font-size: .9rem;
}

.validation-summary-warnings ul {
	margin-bottom: 0px;
	margin-right: 10px;
}

.validation-summary-warnings {
	padding-left: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fe832c;
	background: lavenderblush url("Images/Warning.png") 15px 13px no-repeat;
	border-top: 1px solid #e59f63;
	border-bottom: 1px solid #e59f63;
	text-align: left;
	min-height: 25px;
}

.validation-summary-errors {
	padding-left: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #CD001F;
	background: lavenderblush url("Images/Error.png") 15px 13px no-repeat;
	border-top: 1px solid #DE7A7B;
	border-bottom: 1px solid #DE7A7B;
	text-align: left;
	min-height: 25px;
}

.validation-summary-success {
	padding-left: 45px;
	padding-top: 10px;
	color: #009848;
	background: mintcream url("Images/ok.png") 15px 13px no-repeat;
	border-top: 1px solid green;
	border-bottom: 1px solid green;
	text-align: left;
	min-height: 25px;
}

/* Remove the arrows for input type number on Chrome and Firefox*/
/* For Firefox */
input[type='number'] {
	-moz-appearance: textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.ReferralButtonGreen {
	width: 90%;
	height: 50px;
	border: solid 1px #36D368;
	border-radius: 6px;
	cursor: pointer;
	color: black;
}

.ReferralButtonBlue {
	width: 90%;
	height: 50px;
	border: solid 1px #3A579B;
	border-radius: 6px;
	cursor: pointer;
	color: black;
}


/* line 1, ../scss/custom.scss */
@media (max-width: 4800px) {
	.demo-holder {
		width: 320px;
		margin: 0 auto;
	}

	.EC-HomeScreenRef {
		background-image: url('Images/BlackFriday/1. Home screen-300px.jpg');
		width: 100%;
		height: 134px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenRefBF {
		background-image: url('Images/BlackFriday/1. Home screen-BF-300px.jpg');
		width: 100%;
		height: 134px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenCounter {
		width: 25.2%;
		height: 80px;
		position: absolute;
		margin-left: 4%;
		margin-top: 10px;
		text-align: center
	}

	.EC-HomeScreenImg {
		width: 40px;
		margin-top: 10px;
	}

	.EC-HomeScreenHeader {
		font-size: 14px;
		margin-top: -5px;
	}

	.EC-HomeScreenLabel {
		font-size: 12px;
		margin-top: -10px;
	}

	.EC-ReferralBanner {
		color: white;
		font-size: 14px;
		display: block;
		cursor: pointer;
		font-weight: bold;
	}

	.EC-ListScreen {
		background-image: url('Images/BlackFriday/3. Money earned screen-300pxv2.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 245px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ListScreenBF {
		background-image: url('Images/BlackFriday/3. Money earned screen-without text-300px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 245px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ListScreenHeaderDiv {
		width: 30%;
		margin-left: 10%;
		top: 70px;
		height: 100px;
		position: absolute;
		color: #95CA41 !important;
	}

		.EC-ListScreenHeaderDiv strong {
			font-size: 14px;
			line-height: 16px;
		}

	.EC-ListScreenFooterDiv {
		width: 80%;
		margin-left: 5%;
		top: 202px;
		height: 100px;
		position: absolute;
		color: #FFF !important;
		text-align: center
	}

		.EC-ListScreenFooterDiv span {
			font-size: 14px;
			line-height: 16px;
		}


	.EC-ListScreenCounter {
		width: 40.2%;
		height: 134px;
		position: absolute;
		margin-left: 44.5%;
		margin-top: 25px;
		text-align: center
	}

	.EC-ListScreenImg {
		width: 50px;
		margin-top: 15px;
	}

	.EC-ListScreenHeader {
		font-size: 24px;
		margin-top: 0px;
	}

	.EC-ListScreenLabel {
		font-size: 16px;
		margin-top: -10px;
	}

	.EC-ActivateScreen {
		background-image: url('Images/BlackFriday/2. Activated screen-300px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 205px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ActivateScreenBF {
		background-image: url('Images/BlackFriday/2. Activated screen-Black Friday-300px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 205px;
		margin: 0px;
		padding: 0px;
	}

	.EC-Prequal {
		background-image: url('Images/BlackFriday/MobiMoney USPs-300px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 246px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalBF {
		background-image: url('Images/BlackFriday/MobiMoney USPs-V3-Black Friday-300px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 246px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalNU {
		background-image: url('Images/BlackFriday/NC-Prequal-300px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 134px;
		margin: 0px;
		padding: 0px;
	}

    .EC-PrequalNUBF {
        background-image: url('Images/BlackFriday/1. Home screen-Black Friday-300px.jpg');
        background-size: 100% 100%;
        width: 100%;
        height: 134px;
        margin: 0px;
        padding: 0px;
    }

    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 23%;
        border-radius: 5px;
    }
}

@media (max-width: 767px) {
	.demo-holder {
		width: 100vw;
		margin: 0 auto;
	}

	.EC-HomeScreenRef {
		background-image: url('Images/BlackFriday/1. Home screen-767px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 343px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenRefBF {
		background-image: url('Images/BlackFriday/1. Home screen-BF-767px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 343px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenCounter {
		width: 25.2%;
		height: 210px;
		position: absolute;
		margin-left: 4%;
		margin-top: 35px;
		text-align: center
	}

	.EC-HomeScreenImg {
		width: 80px;
		margin-top: 15px;
	}

	.EC-HomeScreenHeader {
		font-size: 40px;
	}

	.EC-HomeScreenLabel {
		font-size: 24px;
		margin-top: -15px;
	}

	.EC-ListScreen {
		background-image: url('Images/BlackFriday/3. Money earned screen-767pxv2.jpg');
		width: 100%;
		height: 625px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ListScreenBF {
		background-image: url('Images/BlackFriday/3. Money earned screen-without text-767px.jpg');
		width: 100%;
		height: 625px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ListScreenHeaderDiv {
		width: 35%;
		margin-left: 7%;
		top: 180px;
		height: 250px;
		position: absolute;
		color: #95CA41 !important;
	}

		.EC-ListScreenHeaderDiv strong {
			font-size: 44px;
			line-height: 46px;
		}

	.EC-ListScreenFooterDiv {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 85%;
		margin-left: 5%;
		top: 502px;
		height: 100px;
		position: absolute;
		color: #FFF !important;
		text-align: center
	}

		.EC-ListScreenFooterDiv span {
			font-size: 34px;
			line-height: 36px;
		}



	.EC-ListScreenCounter {
		width: 42.6%;
		height: 344px;
		position: absolute;
		margin-left: 46.5%;
		margin-top: 60px;
		text-align: center
	}

	.EC-ListScreenImg {
		width: 100px;
		margin-top: 65px;
	}

	.EC-ListScreenHeader {
		font-size: 50px;
		margin-top: 0px;
	}

	.EC-ListScreenLabel {
		font-size: 24px;
		margin-top: -10px;
	}

	.EC-ActivateScreen {
		background-image: url('Images/BlackFriday/2. Activated screen-767px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 519px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ActivateScreenBF {
		background-image: url('Images/BlackFriday/2. Activated screen-Black Friday-767px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 519px;
		margin: 0px;
		padding: 0px;
	}

	.EC-Prequal {
		background-image: url('Images/BlackFriday/MobiMoney USPs-767px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 630px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalBF {
		background-image: url('Images/BlackFriday/MobiMoney USPs-V3-Black Friday-767px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 630px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalNU {
		background-image: url('Images/BlackFriday/NC-Prequal-767px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 313px;
		margin: 0px;
		padding: 0px;
	}

    .EC-PrequalNUBF {
        background-image: url('Images/BlackFriday/1. Home screen-Black Friday-767px.jpg');
        background-size: 100% 100%;
        width: 100%;
        height: 313px;
        margin: 0px;
        padding: 0px;
    }

    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        border-radius: 5px;
    }

}

@media (max-width: 600px) {

	.EC-HomeScreenRef {
		background-image: url('Images/BlackFriday/1. Home screen-600px.jpg');
		width: 100%;
		height: 268px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenRefBF {
		background-image: url('Images/BlackFriday/1. Home screen-BF-600px.jpg');
		width: 100%;
		height: 268px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenCounter {
		width: 25.2%;
		height: 160px;
		position: absolute;
		margin-left: 4%;
		margin-top: 25px;
		text-align: center
	}

	.EC-HomeScreenImg {
		width: 70px;
		margin-top: 15px;
	}

	.EC-HomeScreenHeader {
		font-size: 36px;
	}

	.EC-HomeScreenLabel {
		font-size: 20px;
		margin-top: -15px;
	}

	.EC-ListScreen {
		background-image: url('Images/BlackFriday/3. Money earned screen-600pxv2.jpg');
		width: 100%;
		height: 493px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ListScreenBF {
		background-image: url('Images/BlackFriday/3. Money earned screen-without text-600px.jpg');
		width: 100%;
		height: 493px;
		margin: 0px;
		padding: 0px;
	}


	.EC-ListScreenHeaderDiv {
		width: 35%;
		margin-left: 7%;
		top: 140px;
		height: 210px;
		position: absolute;
		color: #95CA41 !important;
	}

		.EC-ListScreenHeaderDiv strong {
			font-size: 34px;
			line-height: 36px;
		}

	.EC-ListScreenFooterDiv {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 85%;
		margin-left: 5%;
		top: 392px;
		height: 100px;
		position: absolute;
		color: #FFF !important;
		text-align: center
	}

		.EC-ListScreenFooterDiv span {
			font-size: 24px;
			line-height: 26px;
		}

	.EC-ListScreenCounter {
		width: 42.6%;
		height: 274px;
		position: absolute;
		margin-left: 46.2%;
		margin-top: 49px;
		text-align: center
	}

	.EC-ListScreenImg {
		width: 100px;
		margin-top: 45px;
	}

	.EC-ListScreenHeader {
		font-size: 50px;
		margin-top: 0px;
	}

	.EC-ListScreenLabel {
		font-size: 24px;
		margin-top: -10px;
	}

	.EC-ActivateScreen {
		background-image: url('Images/BlackFriday/2. Activated screen- 600px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 407px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ActivateScreenBF {
		background-image: url('Images/BlackFriday/2. Activated screen-Black Friday-600px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 407px;
		margin: 0px;
		padding: 0px;
	}

	.EC-Prequal {
		background-image: url('Images/BlackFriday/MobiMoney USPs-600px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 493px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalBF {
		background-image: url('Images/BlackFriday/MobiMoney USPs-V3-Black Friday-600px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 493px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalNU {
		background-image: url('Images/BlackFriday/NC-Prequal-600px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 268px;
		margin: 0px;
		padding: 0px;
	}

    .EC-PrequalNUBF {
        background-image: url('Images/BlackFriday/1. Home screen-Black Friday-600px.jpg');
        background-size: 100% 100%;
        width: 100%;
        height: 268px;
        margin: 0px;
        padding: 0px;
    }

    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        border-radius: 5px;
    }
}

@media (max-width: 500px) {
	.EC-HomeScreenRef {
		background-image: url('Images/BlackFriday/1. Home screen-500px.jpg');
		width: 100%;
		height: 223px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenRefBF {
		background-image: url('Images/BlackFriday/1. Home screen-BF-500px.jpg');
		width: 100%;
		height: 223px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenCounter {
		width: 25.2%;
		height: 135px;
		position: absolute;
		margin-left: 4%;
		margin-top: 25px;
		text-align: center
	}

	.EC-HomeScreenImg {
		width: 50px;
		margin-top: 12px;
	}

	.EC-HomeScreenHeader {
		font-size: 30px;
	}

	.EC-HomeScreenLabel {
		font-size: 16px;
		margin-top: -12px;
	}

	.EC-ListScreen {
		background-image: url('Images/BlackFriday/3. Money earned screen-500pxv2.jpg');
		width: 100%;
		height: 408px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ListScreenBF {
		background-image: url('Images/BlackFriday/3. Money earned screen-without text-500px.jpg');
		width: 100%;
		height: 408px;
		margin: 0px;
		padding: 0px;
	}


	.EC-ListScreenHeaderDiv {
		width: 34%;
		margin-left: 7%;
		top: 120px;
		height: 180px;
		position: absolute;
		color: #95CA41 !important;
	}

		.EC-ListScreenHeaderDiv strong {
			font-size: 30px;
			line-height: 32px;
		}

	.EC-ListScreenFooterDiv {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 85%;
		margin-left: 5%;
		top: 338px;
		height: 60px;
		position: absolute;
		color: #FFF !important;
		text-align: center
	}

		.EC-ListScreenFooterDiv span {
			font-size: 22px;
			line-height: 24px;
		}

	.EC-ListScreenCounter {
		width: 42%;
		height: 224px;
		position: absolute;
		margin-left: 45.5%;
		margin-top: 39px;
		text-align: center
	}

	.EC-ListScreenImg {
		width: 80px;
		margin-top: 35px;
	}

	.EC-ListScreenHeader {
		font-size: 40px;
		margin-top: 0px;
	}

	.EC-ListScreenLabel {
		font-size: 24px;
		margin-top: -10px;
	}

	.EC-ActivateScreen {
		background-image: url('Images/BlackFriday/2. Activated screen-500px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 338px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ActivateScreenBF {
		background-image: url('Images/BlackFriday/2. Activated screen-Black Friday-500px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 338px;
		margin: 0px;
		padding: 0px;
	}

	.EC-Prequal {
		background-image: url('Images/BlackFriday/MobiMoney USPs-500px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 410px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalBF {
		background-image: url('Images/BlackFriday/MobiMoney USPs-V3-Black Friday-500px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 410px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalNU {
		background-image: url('Images/BlackFriday/NC-Prequal-500px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 224px;
		margin: 0px;
		padding: 0px;
	}

    .EC-PrequalNUBF {
        background-image: url('Images/BlackFriday/1. Home screen-Black Friday-500px.jpg');
        background-size: 100% 100%;
        width: 100%;
        height: 224px;
        margin: 0px;
        padding: 0px;
    }

    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        border-radius: 5px;
    }
}


@media (max-width: 400px) {

	.EC-HomeScreenRef {
		background-image: url('Images/BlackFriday/1. Home screen-400px.jpg');
		width: 100%;
		height: 179px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenRefBF {
		background-image: url('Images/BlackFriday/1. Home screen-BF-400px.jpg');
		width: 100%;
		height: 179px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenCounter {
		width: 25%;
		height: 105px;
		position: absolute;
		margin-left: 4%;
		margin-top: 15px;
		text-align: center
	}

	.EC-HomeScreenImg {
		width: 50px;
		margin-top: 12px;
	}

	.EC-HomeScreenHeader {
		font-size: 24px;
	}

	.EC-HomeScreenLabel {
		font-size: 12px;
		margin-top: -10px;
	}

	.EC-ListScreen {
		background-image: url('Images/BlackFriday/3. Money earned screen-400pxv2.jpg');
		width: 100%;
		height: 327px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ListScreenBF {
		background-image: url('Images/BlackFriday/3. Money earned screen-without text-400px.jpg');
		width: 100%;
		height: 327px;
		margin: 0px;
		padding: 0px;
	}


	.EC-ListScreenHeaderDiv {
		width: 34%;
		margin-left: 7%;
		top: 100px;
		height: 140px;
		position: absolute;
		color: #95CA41 !important;
	}

		.EC-ListScreenHeaderDiv strong {
			font-size: 24px;
			line-height: 26px;
		}

	.EC-ListScreenFooterDiv {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 83%;
		margin-left: 5%;
		top: 265px;
		height: 60px;
		position: absolute;
		color: #FFF !important;
		text-align: center
	}

		.EC-ListScreenFooterDiv span {
			font-size: 18px;
			line-height: 20px;
		}


	.EC-ListScreenCounter {
		width: 41.5%;
		height: 180px;
		position: absolute;
		margin-left: 45%;
		margin-top: 32px;
		text-align: center
	}

	.EC-ListScreenImg {
		width: 60px;
		margin-top: 35px;
	}

	.EC-ListScreenHeader {
		font-size: 30px;
		margin-top: 0px;
	}

	.EC-ListScreenLabel {
		font-size: 20px;
		margin-top: -10px;
	}

	.EC-ActivateScreen {
		background-image: url('Images/BlackFriday/2. Activated screen-400px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 270px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ActivateScreenBF {
		background-image: url('Images/BlackFriday/2. Activated screen-Black Friday-400px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 270px;
		margin: 0px;
		padding: 0px;
	}

	.EC-Prequal {
		background-image: url('Images/BlackFriday/MobiMoney USPs-400px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 329px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalBF {
		background-image: url('Images/BlackFriday/MobiMoney USPs-V3-Black Friday-400px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 329px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalNU {
		background-image: url('Images/BlackFriday/NC-Prequal-400px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 178px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalNUBF {
		background-image: url('Images/BlackFriday/1. Home screen-Black Friday-400px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 178px;
		margin: 0px;
		padding: 0px;
	}


    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        border-radius: 5px;
    }
}

@media (max-width: 320px) {

	.EC-HomeScreenRef {
		background-image: url('Images/BlackFriday/1. Home screen-300px.jpg');
		width: 100%;
		height: 134px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenRefBF {
		background-image: url('Images/BlackFriday/1. Home screen-BF-300px.jpg');
		width: 100%;
		height: 134px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	.EC-HomeScreenCounter {
		width: 24%;
		height: 85px;
		position: absolute;
		margin-left: 4%;
		margin-top: 15px;
		text-align: center
	}

	.EC-HomeScreenImg {
		width: 40px;
		margin-top: 5px;
	}

	.EC-HomeScreenHeader {
		font-size: 14px;
		margin-top: -5px;
	}

	.EC-HomeScreenLabel {
		font-size: 12px;
		margin-top: -10px;
	}

	.EC-ListScreen {
		background-image: url('Images/BlackFriday/3. Money earned screen-300pxv2.jpg');
		width: 100%;
		height: 245px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ListScreenBF {
		background-image: url('Images/BlackFriday/3. Money earned screen-without text-300px.jpg');
		width: 100%;
		height: 245px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ListScreenHeaderDiv {
		width: 30%;
		margin-left: 10%;
		top: 70px;
		height: 100px;
		position: absolute;
		color: #95CA41 !important;
	}

		.EC-ListScreenHeaderDiv strong {
			font-size: 14px;
			line-height: 16px;
		}

	.EC-ListScreenFooterDiv {
		width: 80%;
		margin-left: 5%;
		top: 202px;
		height: 100px;
		position: absolute;
		color: #FFF !important;
		text-align: center
	}

		.EC-ListScreenFooterDiv span {
			font-size: 14px;
			line-height: 16px;
		}

	.EC-ListScreenCounter {
		width: 40.3%;
		height: 135px;
		position: absolute;
		margin-left: 43.5%;
		margin-top: 20px;
		text-align: center
	}

	.EC-ListScreenImg {
		width: 40px;
		margin-top: 35px;
	}

	.EC-ListScreenHeader {
		font-size: 24px;
		margin-top: 0px;
	}

	.EC-ListScreenLabel {
		font-size: 14px;
		margin-top: -10px;
	}

	.EC-ActivateScreen {
		background-image: url('Images/BlackFriday/2. Activated screen-300px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 205px;
		margin: 0px;
		padding: 0px;
	}

	.EC-ActivateScreenBF {
		background-image: url('Images/BlackFriday/2. Activated screen-Black Friday-300px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 205px;
		margin: 0px;
		padding: 0px;
	}

	.EC-Prequal {
		background-image: url('Images/BlackFriday/MobiMoney USPs-300px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 246px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalBF {
		background-image: url('Images/BlackFriday/MobiMoney USPs-V3-Black Friday-300px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 246px;
		margin: 0px;
		padding: 0px;
	}

	.EC-PrequalNU {
		background-image: url('Images/BlackFriday/NC-Prequal-300px.jpg');
		background-size: 100% 100%;
		width: 100%;
		height: 134px;
		margin: 0px;
		padding: 0px;
	}

    .EC-PrequalNUBF {
        background-image: url('Images/BlackFriday/1. Home screen-Black Friday-300px.jpg');
        background-size: 100% 100%;
        width: 100%;
        height: 134px;
        margin: 0px;
        padding: 0px;
    }

    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        border-radius: 5px;
    }
}

/*backgrounds*/
/* line 22, ../scss/custom.scss */
.grey-bg {
	background-color: var(--surface-light-3);
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 16px;
}

.smallParagraph {
	font-size: .9rem;
}

/* line 35, ../scss/custom.scss */
.white-bg {
	background: #FFFFFF;
	/*border-bottom: 0.063rem solid #dcdedf;*/
	/*border-top: 0.063rem solid #d6d9da;*/
	padding: 0px 0 0.3rem;
	color: var(--black);
	font-size: 0.9rem;
	margin-top: 20px;
}
	/* line 42, ../scss/custom.scss */
	.white-bg strong {
		color: var(--black);
		font-weight: 400;
		font-size: 1.1rem;
	}

	.white-bg label {
		font-size: 0.9rem;
		font-weight: 400;
	}
	/* line 47, ../scss/custom.scss */
	.white-bg span {
		display: block;
		padding-bottom: 0.6rem;
	}

/* line 53, ../scss/custom.scss */
.grey-line {
	border-bottom: none;
}


/* line 85, ../scss/custom.scss */
.top-blue-red {
	background: #DB323E;
}

/*inputs*/
/* line 91, ../scss/custom.scss */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	margin: 0 0 0.4rem 0;
	/*Danie Hugo 4 Nov 2014*/
	/*overwrite height that was switched off in foundation.css*/
	height: 2.3125rem;
}

/* line 95, ../scss/custom.scss */
label.inline {
	margin: 0 0 0 0;
}

/*other css*/
/* line 101, ../scss/custom.scss */
.home-red {
	background: #ce1723;
	text-align: center;
	margin: 0 0 1.2rem 0;
}
	/* line 106, ../scss/custom.scss */
	.home-red h3 {
		color: white;
		padding: 10px 0px;
		font-size: 20px;
		line-height: 1.2;
	}


/* line 122, ../scss/custom.scss */
i.right {
	height: 18px;
	width: 18px;
	background: url("Images/carat_grey.png") no-repeat 60% center;
	position: absolute;
	right: 0.7rem;
}

	/* line 131, ../scss/custom.scss */
	i.right.blue {
		height: 18px;
		width: 18px;
		background: url("Images/carat_grey.png") no-repeat center center;
		position: absolute;
		right: 0.9rem;
		top: 0.7rem;
	}


	/* line 165, ../scss/custom.scss */
	/* Funi 2022.02.18  NB commented out the important rule to allow override of element on customerLanding quick link Download paid-up letter, 
		double check all file using this class and this change won't cause conflict.
	*/


	/* line 214, ../scss/custom.scss */
	ul.customButtons.red {
		list-style: none;
		padding: 0;
		margin: 0 0 1.2rem 0;
		border: 0.063rem solid #CD001F;
		background: #CD001F;
		-webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.5);
		box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.5);
		-webkit-border-radius: 0.625rem;
		-moz-border-radius: 0.625rem;
		border-radius: 0.625rem;
	}
		/* line 229, ../scss/custom.scss */
		ul.customButtons.red li:first-child a {
			-webkit-border-top-left-radius: 0.625rem;
			-webkit-border-top-right-radius: 0.625rem;
			-moz-border-radius-topleft: 0.625rem;
			-moz-border-radius-topright: 0.625rem;
			border-top-left-radius: 0.625rem;
			border-top-right-radius: 0.625rem;
		}
		/* line 238, ../scss/custom.scss */
		ul.customButtons.red li:last-child a {
			-webkit-border-bottom-right-radius: 0.625rem;
			-webkit-border-bottom-left-radius: 0.625rem;
			-moz-border-radius-bottomright: 0.625rem;
			-moz-border-radius-bottomleft: 0.625rem;
			border-bottom-right-radius: 0.625rem;
			border-bottom-left-radius: 0.625rem;
			border-bottom: none;
		}
		/* line 249, ../scss/custom.scss */
		ul.customButtons.red a.button {
			margin: 0;
			margin-bottom: 0.063rem;
			border-bottom: 0.063rem solid #8b1e1e;
			color: white;
			font-weight: 700;
			position: relative;
			padding-left: 1rem;
			text-align: left;
			background: #CD001F;
			background: -moz-linear-gradient(top, #CD001F 0%, #CD001F 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CD001F), color-stop(100%, #CD001F));
			background: -webkit-linear-gradient(top, #CD001F 0%, #CD001F 100%);
			background: -o-linear-gradient(top, #CD001F 0%, #CD001F 100%);
			background: -ms-linear-gradient(top, #CD001F 0%, #CD001F 100%);
			background: linear-gradient(to bottom, #CD001F 0%, #CD001F 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CD001F', endColorstr='#CD001F',GradientType=0 );
		}

	ul.customButtons.green {
		list-style: none;
		padding: 0;
		margin: 0 0 1.2rem 0;
		border: 0.063rem solid #009848;
		background: #009848;
		-webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.5);
		box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.5);
		-webkit-border-radius: 0.625rem;
		-moz-border-radius: 0.625rem;
		border-radius: 0.625rem;
	}
		/* line 229, ../scss/custom.scss */
		ul.customButtons.green li:first-child a {
			-webkit-border-top-left-radius: 0.625rem;
			-webkit-border-top-right-radius: 0.625rem;
			-moz-border-radius-topleft: 0.625rem;
			-moz-border-radius-topright: 0.625rem;
			border-top-left-radius: 0.625rem;
			border-top-right-radius: 0.625rem;
		}
		/* line 238, ../scss/custom.scss */
		ul.customButtons.green li:last-child a {
			-webkit-border-bottom-right-radius: 0.625rem;
			-webkit-border-bottom-left-radius: 0.625rem;
			-moz-border-radius-bottomright: 0.625rem;
			-moz-border-radius-bottomleft: 0.625rem;
			border-bottom-right-radius: 0.625rem;
			border-bottom-left-radius: 0.625rem;
			border-bottom: none;
		}
		/* line 249, ../scss/custom.scss */
		ul.customButtons.green a.button {
			margin: 0;
			margin-bottom: 0.063rem;
			border-bottom: 0.063rem solid #8b1e1e;
			color: white;
			font-weight: 700;
			position: relative;
			padding-left: 1rem;
			text-align: left;
			background: #009848;
			background: -moz-linear-gradient(top, #009848 0%, #009848 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009848), color-stop(100%, #009848));
			background: -webkit-linear-gradient(top, #009848 0%, #009848 100%);
			background: -o-linear-gradient(top, #009848 0%, #009848 100%);
			background: -ms-linear-gradient(top, #009848 0%, #009848 100%);
			background: linear-gradient(to bottom, #009848 0%, #009848 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009848', endColorstr='#009848',GradientType=0 );
		}


/* line 291, ../scss/custom.scss */
a.red-link {
	color: #0086F7;
	text-decoration: underline;
	font-size: 0.7rem;
	font-weight: 700;
	padding-top: 0.5rem;
}

/*ENC-28520*/
/* Look at compact links*/
a.green-link {
	color: #008000;
	text-decoration: underline;
	font-size: .9rem;
	font-weight: 700;
	padding-top: 12px;
}

a.blue-link {
	color: cornflowerblue;
	text-decoration: underline;
	font-size: .9rem;
	font-weight: 700;
	padding-top: 12px;
}

p a, label a {
	color: var(--primary);
	text-decoration: underline;
	font-weight: 600;
}

p a:hover, label a:hover{
	color: var(--primary-70);
	text-decoration: none;
	font-weight: 600;
}

p a:active, label a:active{
	color: var(--primary-70);
	text-decoration: none;
	font-weight: 700;
}

p a:active, label a:active{
	color: var(--primary-90);
	text-decoration: none;
	font-weight: 600;
}

	a.blue-label {
		color: #008cba;
		font-size: .9rem;
		font-weight: 700;
		padding-top: 12px;
	}
	/*END*/

	/* NEW COMPACT LAYOUT*/
	a.red-link.compact {
		padding-top: 5px;
	}

	a.green-link.compact {
		padding-top: 5px;
	}

	a.blue-label.compact {
		padding-top: 5px;
	}
/*END*/

/* line 299, ../scss/custom.scss */
.custom.button.red {
	background: #CD001F;
	font-size: 0.9rem;
	font-weight: 700;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	margin: 0 0 1rem;
}

	.custom.button.red.outline {
		background: none;
		font-size: 0.9rem;
		font-weight: normal;
		font-family: Arial;
		padding-top: 0.4rem;
		padding-bottom: 0.4rem;
		margin: 0 0 1rem;
		color: #CD001F;
	}

.custom.button.outline {
	background: none;
	font-size: 0.9rem;
	font-weight: normal;
	font-family: Arial;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	margin: 0 0 1rem;
	text-decoration: none;
	border: 2px !important;
	background-color: white !important;
	border: solid 1px var(--black) !important;
	color: var(--black) !important;
	font-weight: 500 !important
}


.custom.button.green {
	background: #009848;
	font-size: 0.9rem;
	font-weight: 700;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	margin: 0 0 1rem;
}

.custom.button.grey {
	background: #666666;
	font-size: 0.9rem;
	font-weight: 700;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	margin: 0 0 1rem;
}

.custom.button {
	background: var(--primary);
	font-size: 0.9rem;
	font-weight: 700;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	margin: 0 0 1rem;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #CCCCCC;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #CCCCCC;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #CCCCCC;
}


/* line 323, ../scss/custom.scss */
.bottom-nav {
	/*border-top: 0.063rem solid #cdcdab;
    border-bottom: 0.063rem solid #cdcdab;
    background: #f3f3f3;*/
	padding: 1rem 0 0 0;
	margin-top: 15px;
}
.bottom-nav.elevated {
		position: sticky;
		bottom: 0;
		left: 0;
		background-color: white;
		box-shadow: 0px 2px 6px 0px rgba(19, 36, 128, 0.05), 0px 4px 12px 0px rgba(22, 36, 109, 0.10);
		padding: 16px 16px 0;
		margin: 0 -16px;
		z-index: 10000;
	}

/* line 354, ../scss/custom.scss */
.sep {
	padding: 0;
	margin: 16px 0 16px;
}

/* line 359, ../scss/custom.scss */
.switch-toggle.panel {
	margin: 0;
}

/* line 365, ../scss/custom.scss */
.terms {
	display: block;
	font-size: 0.6rem;
	padding-top: 0.7rem;
}
	/* line 370, ../scss/custom.scss */
	.terms a {
		color: var(--primary);
		text-decoration: underline;
	}

/* line 376, ../scss/custom.scss */
.black-price {
	display: block;
	padding: 0rem 0.01rem;
	color: black;
	font-weight: 700;
	font-size: 0.9rem;
}

/* line 385, ../scss/custom.scss */
label.light-grey {
	font-weight: normal;
	color: #a8a8a8;
}

/* line 390, ../scss/custom.scss */
label.common {
	font-weight: normal;
	color: #000000;
}

/* line 395, ../scss/custom.scss */
label.greyed {
	font-weight: normal;
	color: #000000;
	font-size: 0.9rem;
	padding-left: 0.9rem;
}

/* line 403, ../scss/custom.scss */
label.blue {
	font-weight: bold;
	color: var(--primary);
	font-size: 0.9rem;
}

	label.blue.compact, span.light-grey.compact {
		font-size: 0.77rem;
	}

label.inline.compact {
	/*margin: 4px 0px 1rem;*/
	margin: 10px 0px 0px 0px;
	padding: 0px 0px;
}

/* line 409, ../scss/custom.scss */
span.light-grey {
	font-weight: normal;
	color: #a8a8a8;
}


.red-header {
	color: red;
	font-weight: 400;
	font-size: 0.9rem;
	display: block;
	padding-bottom: 0.5rem;
}

/* line 423, ../scss/custom.scss */
.grey-bg.many .row {
	padding-bottom: 0.6rem;
}

/* line 428, ../scss/custom.scss */
.step-text {
	color: #333333;
	font-weight: 700;
	font-size: 0.9rem;
	display: block;
	padding-bottom: 0.5rem;
}
.step-text.right {
    text-align: right!important;
}

/* line 436, ../scss/custom.scss */
span.blue-top-bold {
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: 0.9rem;
	color: black;
}


/* line 460, ../scss/custom.scss */
.login-container {
	position: relative;
}

/* line 464, ../scss/custom.scss */
.loginout {
	position: absolute;
	top: 0.7rem;
	right: 2.6rem;
	z-index: 166;
}
	/* line 470, ../scss/custom.scss */
	.loginout a {
		/*display: block;*/
		font-size: 0.9rem;
		font-weight: 700;
		color: #fff;
		border: 1px solid #fff;
		padding: 0.3rem;
		border-radius: 0.2rem;
	}

		.loginout a.login {
			background-color: #95c93d;
		}

/* line 482, ../scss/custom.scss */
.switch-toggle a.button {
	display: none;
}

/* line 486, ../scss/custom.scss */

.prefix.amount {
	background: transparent;
	border: 1px solid var(--primary-light-state-4);
	border-radius: 8px;
	text-align: left;
	font-size: 16px;
	margin: 0 0 0.4rem 0;
	margin-bottom: 16px;
	padding-left: 32px !important;
	border-radius: 8px;
	padding: 9px 16px;
	height: auto;
}

label.amount {
	text-align: right !important;
	font-size: 16px;
	margin: 0 0 0.4rem 0;
	padding: 0.2em;
	padding-top: 10px;
	border: 0px solid #cccccc;
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;*/
	/*transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;*/
	height: 2.3125rem;
	color: #fff;
}

label.label-top {
	padding: 10px 0px 5px 0px !important;
}

.amount.right input[type=text] {
	text-align: right;
}

.totals {
	background: #aaa;
	margin: 10px 0px !important;
}

	.totals .description-1, .totals .description-2 {
		color: #fff;
	}

	.totals .description-1 {
		padding: 10px 0px;
	}

	.totals .description-2 {
		padding: 10px 0px;
		line-height: 1;
	}

/* Custom button as IE8 does not position well with ABSOLUTE*/
.button-arrow {
	height: 18px;
	margin-top: 14px;
	margin-left: 3px;
}

	.button-arrow.compact {
		height: 18px;
		margin-top: 5px;
		margin-left: 3px;
	}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.input-right input[type=text] {
	text-align: right;
}

.input-right input[type=text] {
	text-align: right;
}

.grey-line-double {
	border-bottom: 2px solid #fff;
}
/*Neil Diedericks*/
/*16 JAN 2017*/
#activationbutton {
	display: table-cell;
	background: rgb(0, 128, 0);
	;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	color: white;
	text-align: center;
	font-weight: 600;
	position: relative;
	border: 1px solid rgb(0, 128, 0);
	;
	border-width: 1px 1px 3px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px 6px 6px 6px;
}

.otto {
	color: white;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9,;
}

.newbadge:before {
	content: "New ";
	color: Red;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9,;
}



.title-area {
	background-color: rgb(10, 31, 143) !important;
}

	.title-area img {
		margin: 5px;
	}

.title-banner {
	padding: 4px 0 8px 0;
	padding: 8px 0px;
	background-color: rgb(37,64,143);
	color: white;
	font-size: .9rem;
	line-height: 16px;
	position: relative;
}

.title-banner-image {
	position: absolute;
	top: -46px;
	right: 13px;
	z-index: 1;
	animation: bounce 2s infinite;
}

	.title-banner-image img {
		width: 162px;
		/*height: 115px;*/
	}

.button-smallpadding .button.tiny {
	padding-right: 15px;
	padding-left: 15px;
}

@keyframes bounce {
	0%, 100% {
		-ms-transform: translate(0px, 0px); /* IE 9 */
		-webkit-transform: translate(0px, 0px); /* Safari */
		-moz-transform: translate(0px, 0px); /* Firefox */
		transform: translate(0px, 0px);
	}

	50% {
		-ms-transform: translate(0px, -2px); /* IE 9 */
		-webkit-transform: translate(0px, -2px); /* Safari */
		-moz-transform: translate(0px, -2px); /* Firefox */
		transform: translate(0px, -2px);
	}
}

#menu1 {
	z-index: 9999;
}

.centerStretch {
	text-align: center;
}


.tool-tip {
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

	.tool-tip .tool-tip__icon {
		padding-top: 2px;
		padding-left: 1px;
		background: #233a77;
		border-radius: 10px;
		cursor: pointer;
		display: inline-block;
		height: 18px;
		line-height: 1.3em;
		text-align: center;
		width: 18px;
		color: white;
		font-style: normal;
	}

	.tool-tip .tool-tip__info {
		display: none;
		background: #dfdfdf;
		border: 1px solid #233a77;
		border-radius: 3px;
		font-size: 0.875em;
		padding: 1em;
		position: absolute;
		left: 30px;
		top: -20px;
		width: 142px;
		z-index: 2;
	}

		.tool-tip .tool-tip__info:before, .tool-tip .tool-tip__info:after {
			content: "";
			position: absolute;
			left: -10px;
			top: 7px;
			border-style: solid;
			border-width: 10px 10px 10px 0;
			border-color: transparent #233a77;
		}

		.tool-tip .tool-tip__info .info {
			display: block;
		}

		.tool-tip .tool-tip__info .info__title {
			color: #fa00f3;
		}

	.tool-tip:hover .tool-tip__info, .tool-tip:focus .tool-tip__info {
		display: inline-block;
	}

a:focus + .tool-tip .tool-tip__info {
	display: inline-block;
}

.red-border-children input {
	border: 1px solid red;
}

.top-dark-blue {
	background-color: var(--informative-quiet);
	font-size: 12px;
	font-weight: normal;
	padding: 12px;
	border-radius: 8px;
}

	.top-dark-blue b {
		font-weight: 900;
	}

	.top-dark-blue h5 {
		color: var(--primary);
		margin: 10px 0 0 0;
	}

	.top-dark-blue p {
		margin-bottom: 0;
		font-size: 0.9rem;
	}

.banner-icons {
	font-size: 13px;
}

.banner-icons .grid-x{
	margin-bottom: 12px;
}

.banner-icons .grid-x:last-of-type{
	margin-bottom: 0;
}

.banner-icons .icon{
	display: flex;
	margin-right: 12px;
}

.banner-icons .banner-icons-text {
	align-content: center;
}

.hidden {
	display: none;
}

ul.tick {
	list-style-image: url('Images/bullet-tick-white.png');
}

.MMOrderList ol {
	margin: 0 0 1.5em;
	padding: 0;
	counter-reset: item;
}

.MMOrderListItems ol > li {
	margin: 0;
	padding: 0 0 0 2em;
	text-indent: -1em;
	list-style-type: none;
	counter-increment: item;
	font-size: 14px;
	color: #4d4d4d;
}

.MMOrderListbullets ol > li:before {
	display: inline-block;
	width: 1em;
	padding-right: 0.5em;
	font-weight: bold;
	color: darkblue;
	text-align: right;
	content: counter(item) ".";
}

.MobiMoney-Text {
	line-height: 1.2;
	color: #000;
	margin: 0 !important;
	padding-bottom: 0 !important;
}

.hidden {
	display: none;
}

ul.tick {
	list-style-image: url('Images/bullet-tick-white.png');
}

.MMOrderList ol {
	margin: 0 0 1.5em;
	padding: 0;
	counter-reset: item;
}

.MMOrderListItems ol > li {
	margin: 0;
	padding: 0 0 0 2em;
	text-indent: -1em;
	list-style-type: none;
	counter-increment: item;
	font-size: 14px;
	color: #4d4d4d;
}

.MMOrderListbullets ol > li:before {
	display: inline-block;
	width: 1em;
	padding-right: 0.5em;
	font-weight: bold;
	color: darkblue;
	text-align: right;
	content: counter(item) ".";
}

.MobiMoney-Text {
	line-height: 1.2;
	color: #000;
	margin: 0 !important;
	padding-bottom: 0 !important;
}

img {
	max-width: 100%;
	max-height: 100%;
}

.portrait {
	height: 80px;
	width: 30px;
}

.landscape {
	height: 30px;
	width: 80px;
}

.square {
	height: 52.5px;
	width: 52.5px;
}

.text-bold {
	font-weight: 800;
}

.btn {
	border: 3px solid #1a1a1a;
	display: inline-block;
	padding: 10px;
	position: relative;
	text-align: center;
	transition: background 600ms ease, color 600ms ease;
}

.switch-field {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	overflow: hidden;
}

.switch-title {
	margin-bottom: 6px;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	float: left;
}

.switch-field label {
	display: inline-block;
	width: 152px;
	background-color: #e5e5e5;
	color: #3e7eae;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	padding: 6px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

	.switch-field label:hover {
		cursor: pointer;
	}

.switch-field input:checked + label {
	background-color: #3e7eae;
	-webkit-box-shadow: none;
	color: #e5e5e5;
	box-shadow: none;
	margin-right: -10px;
}

.switch-field input + label {
	margin-right: -10px;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}

.LabelCaption {
	display: block;
	margin-top: -4px !important;
}

input, textarea, select, button {
	text-rendering: auto;
	color: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	margin: 0em;
	margin-top: 5px;
}

.top-dark-blue label {
	font-size: .9rem;
}

.top-dark-blue strong {
	font-size: .9rem;
}

.pushBox {
	background-color: #e7ecff !important;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	z-index: 1;
}

.pushBox table {
	background-color: unset;
	margin: 0;
	padding: 0px;
	border: none;
}

.pushBox table td {
	background-color: #e7ecff !important;
	padding: unset !important;
}

.checkbox {
	padding: 0px 20px 0px 20px;
}

.checkbox input[type="checkbox"] {
	display: none;
}

.checkbox label {
	position: relative;
	display: inline-block;
	/*16px width of fake checkbox + 6px distance between fake checkbox and text*/
	padding-left: 19px;
	margin-left: 14px;
}

.checkbox label::before,
.checkbox label::after {
	position: absolute;
	content: "";
	/*Needed for the line-height to take effect*/
	display: inline-block;
}

/*Outer box of the fake checkbox*/
.checkbox label::before {
	height: 25px;
	width: 25px;
	border: 1px solid;
	left: -20px;
	/*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
*to vertically center it.
*/
	top: 3px;
}

/*Checkmark of the fake checkbox*/
.checkbox label::after {
	height: 10px;
	width: 14px;
	border-left: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(-45deg);
	left: -16px;
	top: 7px;
	color: #00A887
}

/*Hide the checkmark by default*/
.checkbox input[type="checkbox"] + label::after {
	content: none
}

/*Unhide on the checked state*/
.checkbox input[type="checkbox"]:checked + label::after {
	content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
.checkbox input[type="checkbox"]:focus + label::before {
	outline: rgb(59, 153, 252) auto 5px;
}

/*Expired page image*/
.expired-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.expired-page-body {
	text-align: center;

}

.expired-page-heading h6{
	text-align: center;
}

label {
    font-size: 15px;
    color: var(--primary);
} 
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
    border: 1px solid var(--primary-light-state-4);
    border-radius: 8px;
    padding: 23px 16px;
    color: var(--black);
    font-size: 15px;
    background-color: var(--white);
    box-shadow: unset;
    margin-bottom: 16px;
    margin-top: 4px;
    /* letter-spacing: 0.3px; */
}

select {
    height: 48px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00001 4.88748L9.90001 0.987475C10.0833 0.804142 10.3167 0.712475 10.6 0.712475C10.8833 0.712475 11.1167 0.804142 11.3 0.987475C11.4833 1.17081 11.575 1.40414 11.575 1.68748C11.575 1.97081 11.4833 2.20414 11.3 2.38748L6.70001 6.98748C6.50001 7.18748 6.26668 7.28748 6.00001 7.28748C5.73335 7.28748 5.50001 7.18748 5.30001 6.98748L0.700013 2.38747C0.516679 2.20414 0.425012 1.97081 0.425012 1.68747C0.425012 1.40414 0.516679 1.17081 0.700013 0.987474C0.883346 0.804141 1.11668 0.712474 1.40001 0.712474C1.68335 0.712474 1.91668 0.804141 2.10001 0.987475L6.00001 4.88748Z' fill='%23191A1C'/%3E%3C/svg%3E%0A");
    background-position: 100% center;
}

select:hover{
    border: 1px solid var(--primary);
    box-shadow: unset;
}

/*Placeholder styling*/
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="date"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="time"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder {
    color: var(--hint);
    font-size: 15px;
}

/*Focus styling*/
input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
    border: 1px solid var(--primary);
    box-shadow: unset;
    background-color: var(--white);
}
/*Required*/
label small.required {
    color: var(--error-loud);
}

label small.required::before {
    font-size: 0.9rem;
    content: "* ";
}


/*Error Styling*/
.is-invalid-label {
    color: var(--error-loud);
}

.is-invalid-label .input-group .icon svg path {
    fill: var(--error-loud);
}

.is-invalid-input:not(:focus) {
    border-color: var(--error-loud);
    background-color: var(--white);
}

.form-error{
    font-size: 13px;
    margin-top: 0;
}

/*Disabled Styling*/
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
textarea:disabled,
input[type="text"]:disabled:hover,
input[type="password"]:disabled:hover,
input[type="date"]:disabled:hover,
input[type="datetime"]:disabled:hover,
input[type="datetime-local"]:disabled:hover,
input[type="month"]:disabled:hover,
input[type="week"]:disabled:hover,
input[type="email"]:disabled:hover,
input[type="number"]:disabled:hover,
input[type="search"]:disabled:hover,
input[type="tel"]:disabled:hover,
input[type="time"]:disabled:hover,
input[type="url"]:disabled:hover,
textarea:disabled:hover,
input[type="text"]:disabled:focus,
input[type="password"]:disabled:focus,
input[type="date"]:disabled:focus,
input[type="datetime"]:disabled:focus,
input[type="datetime-local"]:disabled:focus,
input[type="month"]:disabled:focus,
input[type="week"]:disabled:focus,
input[type="email"]:disabled:focus,
input[type="number"]:disabled:focus,
input[type="search"]:disabled:focus,
input[type="tel"]:disabled:focus,
input[type="time"]:disabled:focus,
input[type="url"]:disabled:focus,
textarea:disabled:focus,
input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled],
input[type="text"][disabled]:hover,
input[type="password"][disabled]:hover,
input[type="date"][disabled]:hover,
input[type="datetime"][disabled]:hover,
input[type="datetime-local"][disabled]:hover,
input[type="month"][disabled]:hover,
input[type="week"][disabled]:hover,
input[type="email"][disabled]:hover,
input[type="number"][disabled]:hover,
input[type="search"][disabled]:hover,
input[type="tel"][disabled]:hover,
input[type="time"][disabled]:hover,
input[type="url"][disabled]:hover,
textarea[disabled]:hover,
input[type="text"][disabled]:focus,
input[type="password"][disabled]:focus,
input[type="date"][disabled]:focus,
input[type="datetime"][disabled]:focus,
input[type="datetime-local"][disabled]:focus,
input[type="month"][disabled]:focus,
input[type="week"][disabled]:focus,
input[type="email"][disabled]:focus,
input[type="number"][disabled]:focus,
input[type="search"][disabled]:focus,
input[type="tel"][disabled]:focus,
input[type="time"][disabled]:focus,
input[type="url"][disabled]:focus,
textarea[disabled]:focus
input[type="text"]:disabled:focus,
input[type="password"]:disabled:focus,
input[type="date"]:disabled:focus,
input[type="datetime"]:disabled:focus,
input[type="datetime-local"]:disabled:focus,
input[type="month"]:disabled:focus,
input[type="week"]:disabled:focus,
input[type="email"]:disabled:focus,
input[type="number"]:disabled:focus,
input[type="search"]:disabled:focus,
input[type="tel"]:disabled:focus,
input[type="time"]:disabled:focus,
input[type="url"]:disabled:focus,
textarea:disabled:focus,
select:disabled,
select:disabled:hover,
select:disabled:focus,
select[disabled],
select[disabled]:hover,
select[disabled]:focus {
    border: 1px solid var(--disabled);
    color: var(--disabled);
    box-shadow: unset;
    /* letter-spacing: 0.3px; */
}

input[type="text"]:disabled::placeholder,
input[type="password"]:disabled::placeholder,
input[type="date"]:disabled::placeholder,
input[type="datetime"]:disabled::placeholder,
input[type="datetime-local"]:disabled::placeholder,
input[type="month"]:disabled::placeholder,
input[type="week"]:disabled::placeholder,
input[type="email"]:disabled::placeholder,
input[type="number"]:disabled::placeholder,
input[type="search"]:disabled::placeholder,
input[type="tel"]:disabled::placeholder,
input[type="time"]:disabled::placeholder,
input[type="url"]:disabled::placeholder,
textarea:disabled::placeholder,
input[type="text"]:disabled:hover::placeholder,
input[type="password"]:disabled:hover::placeholder,
input[type="date"]:disabled:hover::placeholder,
input[type="datetime"]:disabled:hover::placeholder,
input[type="datetime-local"]:disabled:hover::placeholder,
input[type="month"]:disabled:hover::placeholder,
input[type="week"]:disabled:hover::placeholder,
input[type="email"]:disabled:hover::placeholder,
input[type="number"]:disabled:hover::placeholder,
input[type="search"]:disabled:hover::placeholder,
input[type="tel"]:disabled:hover::placeholder,
input[type="time"]:disabled:hover::placeholder,
input[type="url"]:disabled:hover::placeholder,
textarea:disabled:hover::placeholder,
input[type="text"]:disabled:focus::placeholder,
input[type="password"]:disabled:focus::placeholder,
input[type="date"]:disabled:focus::placeholder,
input[type="datetime"]:disabled:focus::placeholder,
input[type="datetime-local"]:disabled:focus::placeholder,
input[type="month"]:disabled:focus::placeholder,
input[type="week"]:disabled:focus::placeholder,
input[type="email"]:disabled:focus::placeholder,
input[type="number"]:disabled:focus::placeholder,
input[type="search"]:disabled:focus::placeholder,
input[type="tel"]:disabled:focus::placeholder,
input[type="time"]:disabled:focus::placeholder,
input[type="url"]:disabled:focus::placeholder,
textarea:disabled:focus::placeholder,
input[type="text"][disabled]::placeholder,
input[type="password"][disabled]::placeholder,
input[type="date"][disabled]::placeholder,
input[type="datetime"][disabled]::placeholder,
input[type="datetime-local"][disabled]::placeholder,
input[type="month"][disabled]::placeholder,
input[type="week"][disabled]::placeholder,
input[type="email"][disabled]::placeholder,
input[type="number"][disabled]::placeholder,
input[type="search"][disabled]::placeholder,
input[type="tel"][disabled]::placeholder,
input[type="time"][disabled]::placeholder,
input[type="url"][disabled]::placeholder,
textarea[disabled]::placeholder,
input[type="text"][disabled]:hover::placeholder,
input[type="password"][disabled]:hover::placeholder,
input[type="date"][disabled]:hover::placeholder,
input[type="datetime"][disabled]:hover::placeholder,
input[type="datetime-local"][disabled]:hover::placeholder,
input[type="month"][disabled]:hover::placeholder,
input[type="week"][disabled]:hover::placeholder,
input[type="email"][disabled]:hover::placeholder,
input[type="number"][disabled]:hover::placeholder,
input[type="search"][disabled]:hover::placeholder,
input[type="tel"][disabled]:hover::placeholder,
input[type="time"][disabled]:hover::placeholder,
input[type="url"][disabled]:hover::placeholder,
textarea[disabled]:hover::placeholder,
input[type="text"][disabled]:focus::placeholder,
input[type="password"][disabled]:focus::placeholder,
input[type="date"][disabled]:focus::placeholder,
input[type="datetime"][disabled]:focus::placeholder,
input[type="datetime-local"][disabled]:focus::placeholder,
input[type="month"][disabled]:focus::placeholder,
input[type="week"][disabled]:focus::placeholder,
input[type="email"][disabled]:focus::placeholder,
input[type="number"][disabled]:focus::placeholder,
input[type="search"][disabled]:focus::placeholder,
input[type="tel"][disabled]:focus::placeholder,
input[type="time"][disabled]:focus::placeholder,
input[type="url"][disabled]:focus::placeholder,
textarea[disabled]:focus::placeholder
input[type="text"]:disabled:hover::placeholder,
input[type="password"]:disabled:hover::placeholder,
input[type="date"]:disabled:hover::placeholder,
input[type="datetime"]:disabled:hover::placeholder,
input[type="datetime-local"]:disabled:hover::placeholder,
input[type="month"]:disabled:hover::placeholder,
input[type="week"]:disabled:hover::placeholder,
input[type="email"]:disabled:hover::placeholder,
input[type="number"]:disabled:hover::placeholder,
input[type="search"]:disabled:hover::placeholder,
input[type="tel"]:disabled:hover::placeholder,
input[type="time"]:disabled:hover::placeholder,
input[type="url"]:disabled:hover::placeholder,
textarea:disabled:hover::placeholder,
input[type="text"]:disabled:focus::placeholder,
input[type="password"]:disabled:focus::placeholder,
input[type="date"]:disabled:focus::placeholder,
input[type="datetime"]:disabled:focus::placeholder,
input[type="datetime-local"]:disabled:focus::placeholder,
input[type="month"]:disabled:focus::placeholder,
input[type="week"]:disabled:focus::placeholder,
input[type="email"]:disabled:focus::placeholder,
input[type="number"]:disabled:focus::placeholder,
input[type="search"]:disabled:focus::placeholder,
input[type="tel"]:disabled:focus::placeholder,
input[type="time"]:disabled:focus::placeholder,
input[type="url"]:disabled:focus::placeholder,
textarea:disabled:focus::placeholder
{
    border: 1px solid var(--disabled);
    color: var(--disabled);
        box-shadow: unset;
}

.input-group > :first-child, .input-group > :first-child.input-group-button > *{
    border-radius: 8px;
}

textarea{
    min-height: 100px;
}

input, 
textarea, 
button, 
select,
a, 
a:focus, 
a:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.otp-input-container {
    display: flex;
    justify-content: center;
    gap: 8px;
}

input[type="tel"].otp-input,
input[type="number"].otp-input,
input[type="tel"].otp-field,
input[type="number"].otp-field {
    width: 100%;
    max-width: 68px;
    height: 100%;
    max-height: 68px;
    text-align: center;
    color: var(--primary);
    font-weight: 600;
    /* letter-spacing: 0.3px; */
}
label.radio-button {
    margin-bottom: 0;
}

.input-group{
    display: block;
    position: relative;
    margin-bottom: 0;
}

.input-group input{
    padding-right: 40px;
}

.input-group .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    display: flex;
}

.input-group.currency .icon {
    left: 16px;
    right: unset;
    color: var(--hint);
    font-size: 15px;
    line-height: 0;
}

.input-group.currency input{
    padding-right: 0;
    padding-left: 32px;
    line-height: 0;
    text-align: left;
}

.input-group .icon svg path{
    fill: var(--black);
}

.supporting-text{
    color: var(--hint);
    font-size: 13px;
}
label .body-2 {
    font-size: 13px!important;
    line-height: 1.2!important;
    color: var(--hint)!important;
}

.search-container {
    position: relative;
    width: 100%;
}

input[type="text"].search-input {
    padding-left: 46px;
}

.search-button {
    position: absolute;
    left: 16px; 
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    height: 100%;
}

.text-area{
    position: relative;
}

.text-area textarea{
   padding-right: 80px;
}

.text-area .text-area-word-count-wrapper{
    position: absolute;
    right: 16px;
    bottom: 20px;
    color: var(--hint);
}

/*Password strength styling*/
.progress {
    border-radius: 10px;
    background-color: var(--surface-light-3);
}

.progress-meter {
    border-radius: 10px;
}

.password-strength-meter .password-strength-label {
    font-size: 13px;
    font-weight: 400;
    color: var(--black);
}

.password-strength-meter .password-strength-label .strength-text {
    font-size: 13px;
    font-weight: 400;
}


.progress.alert .progress-meter {
    background-color: var(--error-loud);
}

.password-strength-meter .password-strength-label .strength-text.alert {
    color: var(--error-loud);
}

.progress.danger .progress-meter {
    background-color: var(--error-loud);
}

.password-strength-meter .password-strength-label .strength-text.danger {
    color: var(--error-loud);
}

.progress.success .progress-meter{
    background-color: var(--success-loud);
}

.password-strength-meter .password-strength-label .strength-text.success {
    color: var(--success-loud);
}

.progress.warning .progress-meter{
    background-color: var(--warning-loud);
}

.password-strength-meter .password-strength-label .strength-text.warning {
    color: var(--warning-loud);
}

.password-help-block {
    background-color: var(--neutral-0);
    border-radius: 8px;
}

.password-help-block.invalid ul li {
    color: var(--error-loud);
}


label:not(:has(*)){
    margin-bottom: 0px;
}

label:has(input), label:has(textarea), label:has(select) {
    margin-bottom: 16px;
}

label input[type="text"],
label input[type="password"],
label input[type="date"],
label input[type="datetime"],
label input[type="datetime-local"],
label input[type="month"],
label input[type="week"],
label input[type="email"],
label input[type="number"],
label input[type="search"],
label input[type="tel"],
label input[type="time"],
label input[type="url"],
label textarea,
label select {
    margin-bottom: 0px;
}


/*Date Picker styling*/

.ui-datepicker.ui-widget.ui-widget-content {
    background: var(--white);
    border: unset;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 16px;
    color: var(--primary);
    border-radius: 8px;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    background: var(--white);
    border: unset;
    padding-bottom: 16px !important;
    border-radius: unset;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 1px solid var(--light);
}

.ui-datepicker table {
    margin: 0 !important;
    margin-top: 16px !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    margin: 0;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    margin-left: 16px;
    border: unset;
    height: 24px;
    width: 30%;
    padding: 0;
    background-position: 85% center;
    color: var(--primary);
    font-weight: 600;
    font-size: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.208008' width='24' height='24' rx='12' fill='%23F7F7FB'/%3E%3Cpath d='M11.8334 13.5914L14.4334 10.9914C14.5556 10.8692 14.7112 10.8081 14.9 10.8081C15.0889 10.8081 15.2445 10.8692 15.3667 10.9914C15.4889 11.1136 15.55 11.2692 15.55 11.4581C15.55 11.647 15.4889 11.8025 15.3667 11.9247L12.3 14.9914C12.1667 15.1247 12.0112 15.1914 11.8334 15.1914C11.6556 15.1914 11.5 15.1247 11.3667 14.9914L8.30005 11.9247C8.17783 11.8025 8.11672 11.647 8.11672 11.4581C8.11672 11.2692 8.17783 11.1136 8.30005 10.9914C8.42227 10.8692 8.57783 10.8081 8.76672 10.8081C8.9556 10.8081 9.11116 10.8692 9.23338 10.9914L11.8334 13.5914Z' fill='%230A1F8F'/%3E%3C/svg%3E%0A");
    background-size: unset;
    margin-bottom: unset;

}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year{
    margin-right: 16px;
    background-position: 100% center;
}

.ui-datepicker .ui-datepicker-calendar thead {
    background: unset;
    color: var(--disabled);
}

.ui-datepicker .ui-datepicker-calendar thead tr th{
    padding: 0;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar tbody tr{
    background: var(--white);
}

.ui-datepicker .ui-datepicker-calendar tbody tr td{
    padding: 0px;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
    background: var(--white);
    color: var(--primary);
    text-align: center;
    border: 1px solid transparent;
    border-radius: 50%;
    padding: 0.4em;
    line-height: 20px;
    display: block;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month .ui-state-default {
    color: var(--disabled);
}

.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active{
    border: 1px solid var(--primary);
}

.ui-datepicker .ui-datepicker-buttonpane {
    padding: 0;
    padding-top: 16px !important;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 .2em;
    border: 1px solid #dddddd;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button{
    padding: 8px 12px !important;
    margin: 0 !important;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{
    background-color: transparent;
    border: 1px solid var(--surface-primary);
    color: var(--surface-primary);
    opacity: unset;
}


.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover {
    background-color: var(--neutral-0);
    border: 1px solid var(--surface-primary);
    color: var(--surface-primary);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:focus {
    background-color: var(--surface-light-3);
    border: 1px solid var(--surface-primary);
    color: var(--surface-primary);
    box-shadow: unset;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:active {
    background-color: var(--informative-quiet);
    border: 1px solid var(--surface-primary);
    color: var(--surface-primary);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover {
    background-color: var(--primary-dark-state-2);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:focus {
    background-color: var(--primary-dark-state-3);
    box-shadow: 0px 0px 0px 1px var(--primary-dark-state-3);
    border: 1px solid var(--white);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:active {
    background-color: var(--primary-dark-state-3);
}

#smileyDiv {
    padding: 10px 0;
    text-align: center !important;
    display: flex;
    gap: 8px;
    justify-content: center;
}

    #smileyDiv input {
        padding: 2px;
        border: 1px solid var(--primary-light-state-4);
        border-radius: 8px;
        margin: 0;
        width: 100%;
        max-width: 110px;
    }

#smileyDiv input.excellent{
    color: var(--success);
}

#smileyDiv input.excellent:active, #smileyDiv input.excellent:focus{
    border: 1px solid var(--success);
    background: var(--success-quiet);
}


#smileyDiv input.average{
    color: var(--warning);
}

#smileyDiv input.average:active, #smileyDiv input.average:focus{
    border: 1px solid var(--warning);
    background: var(--warning-quiet);
}

#smileyDiv input.poor{
    color: var(--error);
}

#smileyDiv input.poor:active, #smileyDiv input.poor:focus{
    border: 1px solid var(--error);
    background: var(--error-quiet);
}


/*YES/NO Toggle styles*/
.switch {
    position: relative;
    display: inline-block;
    width: 70px;
}



.switch input {
    display: none;
}

.slider,
.slider2 {
    background: unset;
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid var(--disabled);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    margin: 0 !important;
    height: 32px;
}

.slider:before, .slider2:before {
    position: absolute;
    z-index: 2;
    content: "";
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 3px;
    background-color: var(--disabled);
    -webkit-transition: 0.4s;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.slider:after, .slider2:after {
    position: absolute;
    left: 0;
    z-index: 1;
    content: "No";
    font-size: 13px;
    text-align: left !important;
    line-height: 25px;
    padding-left: 0;
    border-radius: 100px;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    margin-top: 2px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: var(--disabled);
}

input:checked + .slider, input:checked + .slider2 {
    border: 1px solid var(--success-loud);
}

input:checked + .slider:after, input:checked + .slider2:after {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    padding-left: 25px;
    margin-top: 2px;
    padding-left: 10px;
    content: "Yes";
    color: var(--success);

}

input:checked + .slider:before, input:checked + .slider2:before {
    background-color: var(--success-loud);
}

input:checked + .slider:before, input:checked + .slider2:before {
    -webkit-transform: translateX(36px);
    transform: translateX(36px);
}

/* Rounded sliders */
.slider.round, .slider2.round {
    border-radius: 100px;
}

.slider.round:before, .slider2.round:before {
    border-radius: 50%;
}

/*YES/NO Toggle styles (Small)*/
.switch.small {
    width: 55px;
}

.switch.small .slider,
.switch.small .slider2 {
    height: 24px;
}

.switch.small .slider:before,
.switch.small .slider2:before {
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
}

.switch.small input:checked + .slider:before,
.switch.small input:checked + .slider2:before {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
}

.switch.small .slider:after,
.switch.small .slider2:after {
    font-size: 11px;
    line-height: 17px;
    -webkit-transform: translateX(33px);
    transform: translateX(33px);
}

.switch.small input:checked + .slider:after,
.switch.small input:checked + .slider2:after {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.input-hidden{
    visibility: hidden;
    position: absolute;
    opacity: 0;
}
.notification,
.notification.privacypolicybox,
.validation-summary-errors,
.validation-summary-warnings,
.notification-success,
.notification-information,
.notification-warning,
.notification-danger,
.notification-debug {
    padding: 12px;
    border-radius: 8px;
    display: flex;
    margin-bottom: 16px;
    align-items: center;
    border: 1px solid transparent;
    font-size: 13px;
    background-image: unset;
}
.privacypolicybox{
    margin: 0 15px;
}

.notification-success p,
.notification-information p,
.notification-warning p,
.notification-danger p,
.notification-debug p {
    margin-bottom: 0;
    margin-right: 30px;
    font-size: 13px;
}

.notification-success .close-button, 
.notification-information .close-button,  
.notification-warning .close-button,
.notification-danger .close-button,
.notification-debug .close-button{
    margin-top: 0;
    top: unset;
    line-height: 0;
}

.notification-success:before, 
.notification-information:before, 
.notification-warning:before, 
.notification-danger:before, 
.notification-debug:before{
    background-color: unset;
    margin-right: 10px;
    margin-left: 14px;
    height: 20px;
    width: 20px;
}


.notification-success:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.6 11.8L6.45 9.65C6.26667 9.46667 6.03333 9.375 5.75 9.375C5.46667 9.375 5.23333 9.46667 5.05 9.65C4.86667 9.83333 4.775 10.0667 4.775 10.35C4.775 10.6333 4.86667 10.8667 5.05 11.05L7.9 13.9C8.1 14.1 8.33333 14.2 8.6 14.2C8.86667 14.2 9.1 14.1 9.3 13.9L14.95 8.25C15.1333 8.06667 15.225 7.83333 15.225 7.55C15.225 7.26667 15.1333 7.03333 14.95 6.85C14.7667 6.66667 14.5333 6.575 14.25 6.575C13.9667 6.575 13.7333 6.66667 13.55 6.85L8.6 11.8ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z' fill='%23002800'/%3E%3C/svg%3E%0A");
}


.notification-information:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.1 19.2125C7.31667 19.7375 8.61667 20 10 20C11.3833 20 12.6833 19.7375 13.9 19.2125C15.1167 18.6875 16.175 17.975 17.075 17.075C17.975 16.175 18.6875 15.1167 19.2125 13.9C19.7375 12.6833 20 11.3833 20 10C20 8.61667 19.7375 7.31667 19.2125 6.1C18.6875 4.88333 17.975 3.825 17.075 2.925C16.175 2.025 15.1167 1.3125 13.9 0.7875C12.6833 0.2625 11.3833 0 10 0C8.61667 0 7.31667 0.2625 6.1 0.7875C4.88333 1.3125 3.825 2.025 2.925 2.925C2.025 3.825 1.3125 4.88333 0.7875 6.1C0.2625 7.31667 0 8.61667 0 10C0 11.3833 0.2625 12.6833 0.7875 13.9C1.3125 15.1167 2.025 16.175 2.925 17.075C3.825 17.975 4.88333 18.6875 6.1 19.2125ZM9.628 6.51473C9.75344 6.4994 9.88016 6.49173 10.0082 6.49173C10.9789 6.49173 11.8106 6.83601 12.503 7.52457C13.1956 8.21301 13.5307 9.06223 13.5085 10.0722V10.0642L13.0755 9.63123C12.9453 9.50101 12.7963 9.4359 12.6287 9.4359C12.4609 9.4359 12.3119 9.50101 12.1817 9.63123C12.0514 9.76145 11.9836 9.90701 11.978 10.0679C11.9724 10.2287 12.0348 10.3742 12.165 10.5044L13.7157 12.0551C13.8566 12.196 14.0181 12.2664 14.2002 12.2664C14.3823 12.2664 14.5438 12.196 14.6847 12.0551L16.2353 10.5044C16.3656 10.3742 16.4307 10.2259 16.4307 10.0596C16.4307 9.89312 16.3656 9.74479 16.2353 9.61456C16.1051 9.48434 15.9568 9.41856 15.7903 9.41723C15.6239 9.4159 15.4756 9.48034 15.3455 9.61057L14.8918 10.0642V10.0602C14.9252 8.67445 14.4597 7.50273 13.4953 6.54507C12.5309 5.58729 11.3685 5.1084 10.0082 5.1084C9.78105 5.1084 9.56089 5.12429 9.34766 5.15606C9.13433 5.18784 8.92661 5.23418 8.7245 5.29506C8.55027 5.35006 8.42505 5.46518 8.34883 5.6404C8.27272 5.81573 8.27038 5.99045 8.34183 6.16456C8.41594 6.34134 8.54344 6.46162 8.72433 6.5254C8.90511 6.58918 9.08522 6.60173 9.26466 6.56307C9.38155 6.54618 9.50266 6.53007 9.628 6.51473ZM10.3723 13.4854C10.2469 13.5007 10.1202 13.5084 9.99216 13.5084C9.02138 13.5084 8.18911 13.1641 7.49533 12.4756C6.80144 11.7871 6.46561 10.9379 6.48783 9.9279V9.9359L6.9415 10.3896C7.07172 10.5198 7.22066 10.5849 7.38833 10.5849C7.55611 10.5849 7.70511 10.5198 7.83533 10.3896C7.96555 10.2593 8.03 10.1103 8.02866 9.94256C8.02733 9.7749 7.96155 9.62595 7.83133 9.49573L6.28066 7.94106C6.13977 7.80284 5.97894 7.73306 5.79816 7.73173C5.61738 7.7304 5.45655 7.80018 5.31566 7.94106L3.765 9.49173C3.63477 9.62195 3.56966 9.77095 3.56966 9.93873C3.56966 10.1064 3.63477 10.2553 3.765 10.3856C3.89522 10.5158 4.04355 10.5809 4.21 10.5809C4.37644 10.5809 4.52472 10.5158 4.65483 10.3856L5.1045 9.9359V9.9399C5.07116 11.3257 5.54011 12.4974 6.51133 13.4551C7.48266 14.4128 8.64294 14.8917 9.99216 14.8917C10.2331 14.8917 10.4629 14.8731 10.6817 14.8357C10.9006 14.7984 11.1179 14.748 11.3338 14.6846C11.5054 14.6295 11.6258 14.5177 11.6952 14.3494C11.7644 14.181 11.7577 14.0097 11.6752 13.8356C11.5899 13.6588 11.4597 13.5385 11.2843 13.4747C11.1091 13.411 10.9262 13.3984 10.7357 13.4371C10.6188 13.454 10.4977 13.4701 10.3723 13.4854Z' fill='%230A1F8F'/%3E%3C/svg%3E%0A");
}

.notification-warning:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 15C10.2833 15 10.5208 14.9042 10.7125 14.7125C10.9042 14.5208 11 14.2833 11 14C11 13.7167 10.9042 13.4792 10.7125 13.2875C10.5208 13.0958 10.2833 13 10 13C9.71667 13 9.47917 13.0958 9.2875 13.2875C9.09583 13.4792 9 13.7167 9 14C9 14.2833 9.09583 14.5208 9.2875 14.7125C9.47917 14.9042 9.71667 15 10 15ZM10 11C10.2833 11 10.5208 10.9042 10.7125 10.7125C10.9042 10.5208 11 10.2833 11 10V6C11 5.71667 10.9042 5.47917 10.7125 5.2875C10.5208 5.09583 10.2833 5 10 5C9.71667 5 9.47917 5.09583 9.2875 5.2875C9.09583 5.47917 9 5.71667 9 6V10C9 10.2833 9.09583 10.5208 9.2875 10.7125C9.47917 10.9042 9.71667 11 10 11ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z' fill='%234C2400'/%3E%3C/svg%3E%0A");
}

.notification-danger:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 11.4L12.9 14.3C13.0833 14.4833 13.3167 14.575 13.6 14.575C13.8833 14.575 14.1167 14.4833 14.3 14.3C14.4833 14.1167 14.575 13.8833 14.575 13.6C14.575 13.3167 14.4833 13.0833 14.3 12.9L11.4 10L14.3 7.1C14.4833 6.91667 14.575 6.68333 14.575 6.4C14.575 6.11667 14.4833 5.88333 14.3 5.7C14.1167 5.51667 13.8833 5.425 13.6 5.425C13.3167 5.425 13.0833 5.51667 12.9 5.7L10 8.6L7.1 5.7C6.91667 5.51667 6.68333 5.425 6.4 5.425C6.11667 5.425 5.88333 5.51667 5.7 5.7C5.51667 5.88333 5.425 6.11667 5.425 6.4C5.425 6.68333 5.51667 6.91667 5.7 7.1L8.6 10L5.7 12.9C5.51667 13.0833 5.425 13.3167 5.425 13.6C5.425 13.8833 5.51667 14.1167 5.7 14.3C5.88333 14.4833 6.11667 14.575 6.4 14.575C6.68333 14.575 6.91667 14.4833 7.1 14.3L10 11.4ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z' fill='%23560000'/%3E%3C/svg%3E%0A");
}

.notification-debug:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 10.625C16 10.7943 15.9367 10.9408 15.81 11.0645C15.6833 11.1882 15.5333 11.25 15.36 11.25H13.12C13.12 12.3633 12.8967 13.3073 12.45 14.082L14.53 16.123C14.6567 16.2467 14.72 16.3932 14.72 16.5625C14.72 16.7318 14.6567 16.8783 14.53 17.002C14.41 17.1257 14.26 17.1875 14.08 17.1875C13.9 17.1875 13.75 17.1257 13.63 17.002L11.65 15.0781C11.6167 15.1107 11.5667 15.153 11.5 15.2051C11.4333 15.2572 11.2933 15.3499 11.08 15.4834C10.8667 15.6169 10.65 15.7357 10.43 15.8398C10.21 15.944 9.93667 16.0384 9.61 16.123C9.28333 16.2077 8.96 16.25 8.64 16.25V7.5H7.36V16.25C7.02 16.25 6.68167 16.2061 6.345 16.1182C6.00833 16.0303 5.71833 15.9229 5.475 15.7959C5.23167 15.6689 5.01167 15.542 4.815 15.415C4.61833 15.2881 4.47333 15.1823 4.38 15.0977L4.23 14.9609L2.4 16.9824C2.26667 17.1191 2.10667 17.1875 1.92 17.1875C1.76 17.1875 1.61667 17.1354 1.49 17.0312C1.36333 16.9141 1.295 16.7692 1.285 16.5967C1.275 16.4242 1.32667 16.2728 1.44 16.1426L3.46 13.9258C3.07333 13.1836 2.88 12.2917 2.88 11.25H0.64C0.46667 11.25 0.31667 11.1882 0.19 11.0645C0.06333 10.9408 0 10.7943 0 10.625C0 10.4557 0.06333 10.3092 0.19 10.1855C0.31667 10.0618 0.46667 10 0.64 10H2.88V7.12891L1.15 5.43945C1.02333 5.31575 0.96 5.16927 0.96 5C0.96 4.83073 1.02333 4.68425 1.15 4.56055C1.27667 4.43685 1.42667 4.375 1.6 4.375C1.77333 4.375 1.92333 4.43685 2.05 4.56055L3.78 6.25H12.22L13.95 4.56055C14.0767 4.43685 14.2267 4.375 14.4 4.375C14.5733 4.375 14.7233 4.43685 14.85 4.56055C14.9767 4.68425 15.04 4.83073 15.04 5C15.04 5.16927 14.9767 5.31575 14.85 5.43945L13.12 7.12891V10H15.36C15.5333 10 15.6833 10.0618 15.81 10.1855C15.9367 10.3092 16 10.4557 16 10.625ZM11.2 5H4.8C4.8 4.13411 5.11167 3.39681 5.735 2.78809C6.35833 2.17937 7.11333 1.875 8 1.875C8.88667 1.875 9.64167 2.17937 10.265 2.78809C10.8883 3.39681 11.2 4.13411 11.2 5Z' fill='%23BE0095'/%3E%3C/svg%3E%0A");
}

.notification .icon{
    margin-right: 10px;
    display: flex;
    align-items: center;
    line-height: 0;
}

.notification .icon svg, 
.notification .icon img {
    max-width: unset;
    max-height: unset;
}

.notification .action-icon{
    margin-left: auto;
    padding-left: 10px;
    margin-right: unset;
}

.notification .notification-content .body2{
    font-weight: 700;
    margin-bottom: 0;
}

.notification .notification-content .body2.content-only {
    font-weight: 400;
    margin-bottom: 0;
}

.notification .notification-content{
    font-size: 13px;
    line-height: 15.4px;
}

.notification .notification-content .body3 {
    line-height: 15.4px;
    font-size: 13px;
    margin-bottom: 0;
}

.notification.success-loud{
    background: var(--success-loud);
    color: var(--white);
}

.notification.success-loud a, 
.notification.success-loud a:hover, 
.notification.success-loud a:focus, 
.notification.success-loud a:active {
    color: var(--white);
    font-weight: 700;
    text-decoration: underline;
}

.notification a:hover {
    opacity: 0.8;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.notification a:focus {
    opacity: 0.8;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.notification a:active {
    opacity: 0.5;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.notification.success-loud svg path {
    fill: var(--white);
}

.notification.success-quiet, 
.notification-success{
    background: var(--success-quiet);
    color: var(--success);
}

.notification.success-quiet a,
.notification-success a,
.notification.success-quiet a:hover,
.notification-success a:hover,
.notification.success-quiet a:active,
.notification-success a:active,
.notification.success-quiet a:focus,
.notification-success a:focus{
    color: var(--success);
    font-weight: 700;
    text-decoration: underline;
}


.notification.success-quiet svg path, 
.notification-success svg path{
    fill: var(--success);
}

.notification.neutral-loud{
    background: var(--primary);
    color: var(--white);
}

.notification.neutral-loud a,
.notification.neutral-loud a:hover,
.notification.neutral-loud a:active,
.notification.neutral-loud a:focus{
    color: var(--white);
    font-weight: 700;
    text-decoration: underline;
}

.notification.neutral-loud svg path{
    fill: var(--white);
}

.notification.neutral-quiet,
.notification-information {
    background: var(--surface-light-3);
    color: var(--primary);
}

.notification.neutral-quiet a,
.notification-information a,
.notification.neutral-quiet a:hover,
.notification-information a:hover,
.notification.neutral-quiet a:focus,
.notification-information a:focus,
.notification.neutral-quiet a:active,
.notification-information a:active{
    color: var(--primary);
    font-weight: 700;
    text-decoration: underline;
}

.notification.neutral-quiet svg path, 
.notification-information svg path{
    fill: var(--primary);
}

.notification.neutral-quiet.document svg path, 
.notification-information.document svg path{
    fill: unset;
}

.notification.failed-loud, 
.validation-summary-errors {
    background: var(--error-loud);
    color: var(--white);
}

.notification.failed-loud a, 
.validation-summary-errors a,
.notification.failed-loud a:hover, 
.validation-summary-errors a:hover,
.notification.failed-loud a:active, 
.validation-summary-errors a:active,
.notification.failed-loud a:focus, 
.validation-summary-errors a:focus{
    color: var(--white);
    font-weight: 700;
    text-decoration: underline;
}

 .validation-summary-errors:before{
    content:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 11.4L12.9 14.3C13.0833 14.4833 13.3167 14.575 13.6 14.575C13.8833 14.575 14.1167 14.4833 14.3 14.3C14.4833 14.1167 14.575 13.8833 14.575 13.6C14.575 13.3167 14.4833 13.0833 14.3 12.9L11.4 10L14.3 7.1C14.4833 6.91667 14.575 6.68333 14.575 6.4C14.575 6.11667 14.4833 5.88333 14.3 5.7C14.1167 5.51667 13.8833 5.425 13.6 5.425C13.3167 5.425 13.0833 5.51667 12.9 5.7L10 8.6L7.1 5.7C6.91667 5.51667 6.68333 5.425 6.4 5.425C6.11667 5.425 5.88333 5.51667 5.7 5.7C5.51667 5.88333 5.425 6.11667 5.425 6.4C5.425 6.68333 5.51667 6.91667 5.7 7.1L8.6 10L5.7 12.9C5.51667 13.0833 5.425 13.3167 5.425 13.6C5.425 13.8833 5.51667 14.1167 5.7 14.3C5.88333 14.4833 6.11667 14.575 6.4 14.575C6.68333 14.575 6.91667 14.4833 7.1 14.3L10 11.4ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: unset;
    height: 20px;
    width: 20px;
    margin-right: 10px;
 }

 .validation-summary-errors ul{
     list-style: none;
 }

.validation-summary-errors ul li{
    color: var(--white);
}

.notification.failed-loud  svg path{
    fill: var(--white);
}

.notification.failed-quiet, .notification-danger{
    background: var(--error-quiet);
    color: var(--error);
}

.notification.failed-quiet a,
.notification-danger a,
.notification.failed-quiet a:hover,
.notification-danger a:hover,
.notification.failed-quiet a:active,
.notification-danger a:active,
.notification.failed-quiet a:focus,
.notification-danger a:focus{
    color: var(--error);
    font-weight: 700;
    text-decoration: underline;
}

.notification.failed-quiet svg path{
    fill: var(--error);
}

.notification.outstanding-loud,
.validation-summary-warnings {
    background: var(--warning-loud);
    color: var(--warning);
}


.notification.outstanding-loud a,
.validation-summary-warnings a,
.notification.outstanding-loud a:hover,
.validation-summary-warnings a:hover,
.notification.outstanding-loud a:focus,
.validation-summary-warnings a:focus,
.notification.outstanding-loud a:active,
.validation-summary-warnings a:active{
    color: var(--warning);
    font-weight: 700;
    text-decoration: underline;
}

.validation-summary-warnings:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 15.0649C10.2833 15.0649 10.5208 14.9691 10.7125 14.7774C10.9042 14.5858 11 14.3483 11 14.0649C11 13.7816 10.9042 13.5441 10.7125 13.3524C10.5208 13.1608 10.2833 13.0649 10 13.0649C9.71667 13.0649 9.47917 13.1608 9.2875 13.3524C9.09583 13.5441 9 13.7816 9 14.0649C9 14.3483 9.09583 14.5858 9.2875 14.7774C9.47917 14.9691 9.71667 15.0649 10 15.0649ZM10 11.0649C10.2833 11.0649 10.5208 10.9691 10.7125 10.7774C10.9042 10.5858 11 10.3483 11 10.0649V6.06494C11 5.78161 10.9042 5.54411 10.7125 5.35244C10.5208 5.16077 10.2833 5.06494 10 5.06494C9.71667 5.06494 9.47917 5.16077 9.2875 5.35244C9.09583 5.54411 9 5.78161 9 6.06494V10.0649C9 10.3483 9.09583 10.5858 9.2875 10.7774C9.47917 10.9691 9.71667 11.0649 10 11.0649ZM10 20.0649C8.61667 20.0649 7.31667 19.8024 6.1 19.2774C4.88333 18.7524 3.825 18.0399 2.925 17.1399C2.025 16.2399 1.3125 15.1816 0.7875 13.9649C0.2625 12.7483 0 11.4483 0 10.0649C0 8.68161 0.2625 7.38161 0.7875 6.16494C1.3125 4.94827 2.025 3.88994 2.925 2.98994C3.825 2.08994 4.88333 1.37744 6.1 0.852441C7.31667 0.327441 8.61667 0.0649414 10 0.0649414C11.3833 0.0649414 12.6833 0.327441 13.9 0.852441C15.1167 1.37744 16.175 2.08994 17.075 2.98994C17.975 3.88994 18.6875 4.94827 19.2125 6.16494C19.7375 7.38161 20 8.68161 20 10.0649C20 11.4483 19.7375 12.7483 19.2125 13.9649C18.6875 15.1816 17.975 16.2399 17.075 17.1399C16.175 18.0399 15.1167 18.7524 13.9 19.2774C12.6833 19.8024 11.3833 20.0649 10 20.0649Z' fill='%234C2400'/%3E%3C/svg%3E%0A");
    background-color: unset;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}


.notification.outstanding-loud svg path, 
.notification-danger svg path{
    fill: var(--warning);
}

.notification.outstanding-quiet,
.notification-warning {
    background: var(--warning-quiet);
    color: var(--warning);
}

.notification.outstanding-quiet a,
.notification-warning a
.notification.outstanding-quiet a:hover,
.notification-warning a:hover,
.notification.outstanding-quiet a:focus,
.notification-warning a:focus,
.notification.outstanding-quiet a:active,
.notification-warning a:active{
    color: var(--warning);
    font-weight: 700;
    text-decoration: underline;
}

.notification.outstanding-quiet svg path, .notification-warning svg path{
    fill: var(--warning);
}

.notification.processing-loud{
    background: var(--informative-loud);
    color: var(--white);
}

.notification.processing-loud a,
.notification.processing-loud a:hover,
.notification.processing-loud a:active,
.notification.processing-loud a:focus{
    color: var(--white);
    font-weight: 700;
    text-decoration: underline;
}

.notification.processing-loud svg path{
    fill: var(--white);
}

.notification.processing-quiet {
    background: var(--informative-quiet);
    color: var(--primary-10);
}

.notification.processing-quiet a,
.notification.processing-quiet a:hover,
.notification.processing-quiet a:active,
.notification.processing-quiet a:focus{
    color: var(--primary-10);
    font-weight: 700;
    text-decoration: underline;
}

.notification.processing-quiet.border {
    border: 1px solid var(--informative-quiet);
}

.notification.processing-quiet.border .action-icon svg path{
    fill: var(--informative-quiet);
}

.notification.processing-quiet svg path{
    fill: var(--primary-10);
}

.notification-debug {
    background-color: var(--insurance-quiet);
    color: var(--insurance);
}

.notification-debug a, 
.notification-debug a:hover, 
.notification-debug a:active, 
.notification-debug a:focus{
    color: var(--insurance);
    font-weight: 700;
    text-decoration: underline;
}

.notification-debug svg path{
    fill: var(--insurance);
}


.notification.notification-primary{
    background: white;
    color: var(--primary);
    border: 1px solid var(--primary);
}

.notification.notification-primary {
    color: var(--primary);
    font-weight: 700;
    text-decoration: none;
}

.notification.notification-primary svg path{

    fill: var(--primary);
}

.notification.notification-primary .action-icon svg rect{
    fill: var(--primary);
}

.notification.notification-primary .action-icon svg path{

    fill: var(--white);
}

.notification .buttons-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
}
.notification .buttons-row .button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 102px;
    height: 32px;
    border-radius: 8px;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0 8px 8px 0;
}
.notification .buttons-row .button.hollow {
    background-color: transparent;
}


.product-card {
    border-radius: 16px;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.product-card.product-card-loans .card-header{
    background: var(--loans);
}

.product-card.product-card-mobi-money .card-header{
    background: var(--mobimoney);
}

.product-card.product-card-insurance .card-header{
    background: var(--insurance);
}

.product-card .card-header {
    padding: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    color: var(--white);
}

.product-card .card-header h6 {
    margin-top: 0px;
    margin-bottom: 2px;
    color: var(--white);
}

.product-card.product-card-mobi-money .card-header h6, .product-card.product-card-mobi-money .card-header div{
    color: var(--mobimoney-copy);
}

.product-card .card-section {
    padding: 16px;
    background: var(--white);
    color: var(--black);
    border: 1px solid var(--surface-outline-light); 
    border-top: unset;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.product-card .promotion-section {
    color: white;
    padding: 16px;
    text-transform: uppercase;
    text-align: center;
}

.product-card.promotion-card .card-section {
    background: var(--black);
    color: var(--white);
}


.product-card.full-color .card-section {
    background: unset;
    color: var(--white);
}

.product-card ul li:last-of-type{
    margin-bottom: 0px;
}


.product-card-loans.full-color .card-section ul li:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23ffffff'/%3E%3Cpath d='M10.5253 13.85L16.1753 8.2C16.3087 8.06667 16.4642 8 16.642 8C16.8198 8 16.9753 8.06667 17.1087 8.2C17.242 8.33333 17.3087 8.49167 17.3087 8.675C17.3087 8.85833 17.242 9.01667 17.1087 9.15L10.992 15.2833C10.8587 15.4167 10.7031 15.4833 10.5253 15.4833C10.3476 15.4833 10.192 15.4167 10.0587 15.2833L7.192 12.4167C7.05867 12.2833 6.99478 12.125 7.00033 11.9417C7.00589 11.7583 7.07533 11.6 7.20867 11.4667C7.342 11.3333 7.50033 11.2667 7.68367 11.2667C7.867 11.2667 8.02533 11.3333 8.15867 11.4667L10.5253 13.85Z' fill='%23009AD2'/%3E%3C/svg%3E%0A");
}

.product-card-mobi-money.full-color .card-section ul li:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23ffffff'/%3E%3Cpath d='M10.5253 13.85L16.1753 8.2C16.3087 8.06667 16.4642 8 16.642 8C16.8198 8 16.9753 8.06667 17.1087 8.2C17.242 8.33333 17.3087 8.49167 17.3087 8.675C17.3087 8.85833 17.242 9.01667 17.1087 9.15L10.992 15.2833C10.8587 15.4167 10.7031 15.4833 10.5253 15.4833C10.3476 15.4833 10.192 15.4167 10.0587 15.2833L7.192 12.4167C7.05867 12.2833 6.99478 12.125 7.00033 11.9417C7.00589 11.7583 7.07533 11.6 7.20867 11.4667C7.342 11.3333 7.50033 11.2667 7.68367 11.2667C7.867 11.2667 8.02533 11.3333 8.15867 11.4667L10.5253 13.85Z' fill='%2381B132'/%3E%3C/svg%3E%0A");
}

.product-card-insurance.full-color .card-section ul li:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23ffffff'/%3E%3Cpath d='M10.5253 13.85L16.1753 8.2C16.3087 8.06667 16.4642 8 16.642 8C16.8198 8 16.9753 8.06667 17.1087 8.2C17.242 8.33333 17.3087 8.49167 17.3087 8.675C17.3087 8.85833 17.242 9.01667 17.1087 9.15L10.992 15.2833C10.8587 15.4167 10.7031 15.4833 10.5253 15.4833C10.3476 15.4833 10.192 15.4167 10.0587 15.2833L7.192 12.4167C7.05867 12.2833 6.99478 12.125 7.00033 11.9417C7.00589 11.7583 7.07533 11.6 7.20867 11.4667C7.342 11.3333 7.50033 11.2667 7.68367 11.2667C7.867 11.2667 8.02533 11.3333 8.15867 11.4667L10.5253 13.85Z' fill='%23BE0095'/%3E%3C/svg%3E%0A");
}