/* Minification failed. Returning unminified contents. (7,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-teal-gradient' (150,41): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (152,52): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (187,48): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color' (210,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (236,29): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-3' (240,29): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (244,29): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (248,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (256,21): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (289,33): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (297,33): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-3' (332,41): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (372,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (455,47): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' (518,44): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (613,29): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (642,37): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (643,48): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (668,37): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (684,52): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (697,47): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (732,29): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (862,33): run-time error CSS1039: Token not allowed after unary operator: '-color-green-logo' (869,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (910,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (914,37): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (919,33): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (921,44): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (938,32): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (951,33): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (966,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (991,52): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (997,41): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (1011,45): run-time error CSS1039: Token not allowed after unary operator: '-arrow-color' (1018,52): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (1030,36): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (1075,33): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-3' (1082,33): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (1088,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (1140,44): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (1141,33): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1146,47): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' (1169,32): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (1186,40): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1255,33): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (1268,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1299,29): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (1404,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (1412,33): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (1422,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (1436,37): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (1443,41): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (1458,48): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (1459,37): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1478,44): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (1482,33): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (1527,40): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (1536,29): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (1543,29): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (1550,29): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (1579,29): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (1597,48): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (1617,41): run-time error CSS1039: Token not allowed after unary operator: '-arrow-color' (1737,52): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (1738,41): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1750,44): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1756,37): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (1770,33): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1788,52): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1793,32): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (1812,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (1825,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (1836,48): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1844,41): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (1853,41): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (1859,45): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (1871,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color' (1872,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1901,29): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color-2' (1905,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1918,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color-2' (1928,44): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (1930,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color' (1942,32): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (1948,25): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (1965,25): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (1974,25): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (1980,25): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (1992,40): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (2003,33): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (2009,33): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-3' (2017,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (2039,33): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2062,36): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2122,40): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (2125,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2169,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2175,36): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2186,25): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (2192,25): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (2197,25): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (2205,25): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (2211,29): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (2224,29): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (2239,36): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (2240,41): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (2248,29): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (2258,36): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (2259,41): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (2262,25): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (2336,44): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (2383,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-teal-gradient' (2384,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2412,37): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (2447,56): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (2473,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2478,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2502,29): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (2523,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2539,44): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2556,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color' (2557,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2573,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2577,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2582,40): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2625,55): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' (2639,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2720,41): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (2722,52): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2759,48): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color' (2782,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2804,33): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2823,29): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-3' (2827,29): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (2831,29): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (2835,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (2843,21): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (2884,33): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (2895,33): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-3' (2928,41): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (2936,37): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (2972,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2982,36): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3033,52): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (3037,55): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' (3053,55): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' (3054,52): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3078,45): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (3106,57): run-time error CSS1039: Token not allowed after unary operator: '-arrow-color' (3143,55): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' (3147,56): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (3148,45): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3151,59): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' (3223,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-teal-gradient' (3236,29): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (3262,37): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (3263,48): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3267,51): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' (3287,37): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3300,52): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3313,47): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (3345,29): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (3354,29): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (3495,53): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (3504,53): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (3521,49): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (3610,33): run-time error CSS1039: Token not allowed after unary operator: '-color-green-logo' (3617,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (3657,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (3661,37): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (3666,33): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3668,44): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (3685,32): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (3698,33): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (3736,52): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3742,41): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (3756,45): run-time error CSS1039: Token not allowed after unary operator: '-arrow-color' (3763,52): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (3780,36): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (3833,51): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' (3844,33): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (3851,33): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (3907,44): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (3908,33): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3913,47): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' (3936,32): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (3962,40): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4044,33): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (4056,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4086,29): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (4197,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (4204,33): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (4214,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (4228,37): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (4235,41): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (4251,48): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (4252,37): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4270,44): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (4274,33): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (4325,40): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (4333,29): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (4339,29): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (4345,29): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (4381,29): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (4404,48): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (4424,41): run-time error CSS1039: Token not allowed after unary operator: '-arrow-color' (4428,52): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4471,40): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4543,52): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (4544,41): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4557,44): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4563,37): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (4577,33): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4596,52): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4605,32): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (4624,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (4652,48): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4660,41): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (4669,41): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (4674,45): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (4687,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color' (4688,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4720,29): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color-2' (4724,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4737,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color-2' (4747,44): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (4749,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color' (4761,32): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (4766,25): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (4788,25): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (4797,25): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (4803,25): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (4820,40): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (4830,33): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (4836,33): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-3' (4844,33): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (4869,33): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4892,36): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4950,40): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (4953,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5003,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5008,36): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5019,25): run-time error CSS1039: Token not allowed after unary operator: '-extreme-dark-blue-color' (5025,25): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (5030,25): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (5038,25): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (5044,29): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-logo' (5057,29): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (5072,36): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (5073,41): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (5081,29): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (5091,36): run-time error CSS1039: Token not allowed after unary operator: '-background-light-gray' (5092,41): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (5095,25): run-time error CSS1039: Token not allowed after unary operator: '-paragraph-text-color' (5170,44): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (5217,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-teal-gradient' (5218,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5246,37): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (5280,56): run-time error CSS1039: Token not allowed after unary operator: '-color-teal' (5286,59): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' (5308,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5313,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5343,29): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color' (5359,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5374,44): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5392,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5409,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5413,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5420,40): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (5469,55): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration' */ @media screen { body { font-family: 'Noto Sans',sans-serif; font-weight: 400; letter-spacing: -0.02em; color: black; --color-blue-logo: rgb(21,103,175) /*#1567af*/; --color-green-logo: rgb(19,152,71) /*#139847*/; --color-teal: #19a996; --arrow-color: #11a884; --breadcrumb-color: #d6fff1; --white-color: white; --paragraph-text-color: #52697a; --paragraph-text-color-2: #c1d4d8; --extreme-dark-blue-color: #08263f; --dark-blue-color: #082b46; --color-blue-3: #0b70b5; --background-light-gray: #f3f8fb; --blue-teal-gradient: linear-gradient(120deg, #0a679f, #14a58b); --transition-duration: 300ms; } body a { text-decoration: none; outline: none; border: none; } body a:hover { text-decoration: none; } body ul { margin: 0 0 0 2em; padding: 0; } #Home_Index_Hero { background: var(--blue-teal-gradient); color: white; } #Home_Index_Hero article { } #Home_Index_Hero article > div { } #Home_Index_Hero article > div > div { } #Home_Index_Clients { } #Home_Index_Mission { } #Home_Index_Features { } #Home_Index_Features section.cp-header { } } @media screen and (max-width:550px) { #Main_Header nav div.cp-demo { display: none; } } @media screen and (max-width:899px) { /*#region General styles*/ body { font-size: 16px; line-height: 1.6em; padding: 0; margin: 0; } body * { position: relative; } body a { outline-color: transparent; outline-style: none; outline-offset: 0; outline-width: 0; } body img { display: block; max-width: 100%; } h1, h2 { font-size: 3em; margin: 0.5em 0 0.5em 0; } /*#endregion*/ /*#region .cp-hero*/ section.cp-hero { padding: 2em 1em; } section.cp-hero > article { } section.cp-hero > article > div { } section.cp-hero > article > div.cp-text { } section.cp-hero > article > div.cp-text p.cp-breadcrumbs { margin: 1em 0; text-transform: uppercase; font-size: 0.9em; font-weight: 900; letter-spacing: 0.05em; } section.cp-hero > article > div.cp-text h1 { margin: 0.4em 0; font-size: 2.8em; letter-spacing: -0.05em; font-weight: 600; } section.cp-hero > article > div.cp-text p.cp-text { margin: 1em 0; font-size: 1.2em; line-height: 1.8em; } section.cp-hero > article > div.cp-text p.cp-text strong { font-weight: 900; } section.cp-hero > article > div.cp-text p.cp-buttons { margin: 2em 0; } section.cp-hero > article > div.cp-text p.cp-buttons a.cp-button-white { color: var(--color-blue-logo); display: inline-block; background-color: var(--white-color); padding: 0.8em 1.6em; border-radius: 100em; font-size: 0.9em; font-weight: 700; } section.cp-hero > article > div.cp-text p.cp-buttons a.cp-button-white::after { content: '\f178'; font-family: FontAwesome; display: inline-block; transform: rotate(-45deg); margin: 0 0 0 0.5em; font-size: 0.8em; } section.cp-hero > article > div.cp-text p.cp-buttons a.cp-button-white:hover { } section.cp-hero > article > div.cp-image { } section.cp-hero > article > div.cp-image div { box-shadow: rgba(0,0,0,0.3) 0 1em 2em; border-radius: 1em; overflow: hidden; } section.cp-hero > article > div.cp-image img { display: block; width: 100%; height: auto; } section.cp-hero > article > div.cp-image div.cp-blue-background { background-color: var(--dark-blue-color); } section.cp-hero > article > div.cp-image div.cp-white-border { border: solid 0.2em white; } section.cp-hero > article > div.cp-image div.cp-blurb { display: block; position: absolute; bottom: 1em; right: 1em; background-color: rgba(255,255,255,0.9); padding: 0.5em 2em; color: black; border-radius: 100em; font-size: 0.7em; font-weight: 900; border: none; } section.cp-hero.cp-dark { background: linear-gradient(90deg, #0b70ad, #18a698); color: var(--white-color); } section.cp-hero.cp-dark img.cp-logo { display: none; } section.cp-hero.cp-dark p.cp-breadcrumbs { } section.cp-hero.cp-dark p.cp-text { } section.cp-hero.cp-dark p.cp-text strong { } section.cp-hero.cp-light { background: linear-gradient(90deg, #eff7fb, #e1f6ef); color: black; } section.cp-hero.cp-light img.cp-logo { display: none; } section.cp-hero.cp-light p.cp-breadcrumbs { color: var(--color-blue-3); } section.cp-hero.cp-light h1 { color: var(--extreme-dark-blue-color); } section.cp-hero.cp-light p.cp-text { color: var(--paragraph-text-color); } section.cp-hero.cp-light p.cp-text strong { color: var(--paragraph-text-color); } /*#endregion*/ /*#region .cp-feature-body*/ section.cp-feature-body { color: var(--paragraph-text-color); padding: 3em 1em; } section.cp-feature-body article { } section.cp-feature-body article > div { } section.cp-feature-body article > div > div { } section.cp-feature-body article div.cp-left { } section.cp-feature-body article div.cp-left > div { margin: 1em 0; } section.cp-feature-body article div.cp-left p.cp-breadcrumbs { color: #11a884; text-transform: uppercase; font-weight: 900; font-size: 0.8em; letter-spacing: 0.08em; margin: 0 0 1em 0; } section.cp-feature-body article div.cp-left h2 { font-size: 2em; margin: 0.3em 0; letter-spacing: -0.05em; color: var(--extreme-dark-blue-color); } section.cp-feature-body article div.cp-right { margin: 2em 0; } section.cp-feature-body article div.cp-right h3 { color: var(--color-blue-3); font-size: 1.8em; font-weight: 600; letter-spacing: -0.03em; margin: 2em 0 0.8em 0; line-height: 1.5em; } section.cp-feature-body article div.cp-right ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; font-size: 0.9em; } section.cp-feature-body article div.cp-right ul li { padding: 0 0 0 2em; margin: 1em 0; font-size: 1.1em; } section.cp-feature-body article div.cp-right ul li::before { content: '\f00c'; font-family: FontAwesome; display: inline-block; position: absolute; top: 0; left: 0; color: #11a884; } section.cp-feature-body article div.cp-right ul li strong { font-weight: 900; color: var(--color-blue-logo); } section.cp-feature-body article div.cp-right p { font-size: 1.1em; line-height: 1.8em; } section.cp-feature-body article div.cp-right p strong { } section.cp-feature-body article div.cp-right div.cp-flex { } section.cp-feature-body.cp-with-image { } section.cp-feature-body.cp-with-image article { } section.cp-feature-body.cp-with-image article > div { } section.cp-feature-body.cp-with-image article > div > div { } section.cp-feature-body.cp-with-image article > div > div > img { } /*#endregion*/ /*#region Main_Header*/ #Main_Header { padding: 0 1.5em; position: sticky; top: 0; left: 0; width: 100%; z-index: 100; background-color: var(--white-color); box-shadow: rgba(0,0,0,0.1) 0 2px 16px; } #Main_Header nav { display: flex; align-items: center; justify-content: space-between; } #Main_Header nav div.cp-logo { } #Main_Header nav div.cp-logo a { display: block; margin: 1.3em 0; } #Main_Header nav div.cp-logo a img { display: block; max-width: 200px; } #Main_Header nav div.cp-nav { flex-basis: 100%; } #Main_Header nav div.cp-nav ul { padding: 0; margin: 0; list-style: none; } #Main_Header nav div.cp-nav a { } #Main_Header nav div.cp-nav div.cp-hamburger { max-width: 70px; cursor: pointer; margin: 0 0 0 auto; text-align: center; font-weight: 700; padding: 0.5em 0; font-size: 1.1em; } #Main_Header nav div.cp-nav div.cp-hamburger div { width: 28px; height: 14px; margin: 0 0 0 auto; } #Main_Header nav div.cp-nav div.cp-hamburger div span { display: block; width: 100%; height: 3px; background-color: black; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition-duration: 300ms; transform-origin: center; } #Main_Header nav div.cp-nav div.cp-hamburger div span:nth-of-type(1) { top: 0; } #Main_Header nav div.cp-nav div.cp-hamburger div span:nth-of-type(2) { top: 50%; } #Main_Header nav div.cp-nav div.cp-hamburger div span:nth-of-type(3) { top: 100%; } #Main_Header nav div.cp-nav ul.cp-nav { position: absolute; top: 100%; right: 0; visibility: hidden; opacity: 0; transition-duration: var(--transition-duration); padding: 0; margin: 0; list-style: none; z-index: 100; background-color: white; border-radius: 1em; padding: 1em 0; border: solid 1px #ddd; min-width: 15em; box-shadow: rgba(0,0,0,0.2) 0 1em 2em; } #Main_Header nav div.cp-nav ul.cp-nav > li { } #Main_Header nav div.cp-nav ul.cp-nav > li::after { } #Main_Header nav div.cp-nav ul.cp-nav > li > a { display: block; white-space: nowrap; padding: 0.2em 2em; color: black; font-weight: 600; } #Main_Header nav div.cp-nav ul.cp-nav > li > div { } #Main_Header nav div.cp-nav ul.cp-nav > li > div > div { display: none; } #Main_Header nav div.cp-nav ul.cp-nav > li > div > ul { padding: 0 0 0 2em; } #Main_Header nav div.cp-nav ul.cp-nav > li > div > ul > li { } #Main_Header nav div.cp-nav ul.cp-nav > li > div > ul > li > a { display: block; white-space: nowrap; padding: 0.2em 2em; color: black; } #Main_Header nav div.cp-nav ul.cp-nav > li.cp-phone { display: none; } #Main_Header nav div.cp-nav ul.cp-nav > li.cp-phone::after { display: none; } #Main_Header nav div.cp-demo { margin: 0 0 0 1em; } #Main_Header nav div.cp-demo a { display: block; padding: 0.8em 1.6em; background-color: var(--color-blue-logo); color: white; white-space: nowrap; border-radius: 100em; font-weight: 700; margin: 1em 0; transition-duration: 300ms; } #Main_Header nav div.cp-demo a:hover { margin: 0.7em 0 1.3em 0; box-shadow: rgba(0,127,255,0.2) 0 0.5em 1em; } #Main_Header.cp-nav-active { } #Main_Header.cp-nav-active nav { } #Main_Header.cp-nav-active nav div.cp-nav { } #Main_Header.cp-nav-active nav div.cp-nav ul.cp-nav { visibility: visible; opacity: 1; } /*#Main_Header.cp-nav-active .cp-hamburger { } #Main_Header.cp-nav-active .cp-hamburger div { } #Main_Header.cp-nav-active .cp-hamburger div span { } #Main_Header.cp-nav-active .cp-hamburger div span:nth-of-type(1) { top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); } #Main_Header.cp-nav-active .cp-hamburger div span:nth-of-type(2) { visibility: hidden; opacity: 0; } #Main_Header.cp-nav-active .cp-hamburger div span:nth-of-type(3) { top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); }*/ /*#endregion*/ /*#region article*/ article.cp-columns { } article.cp-columns > div { } article.cp-columns > div > div { } article.cp-columns > div:first-of-type { } article.cp-columns > div:last-of-type { } article.cp-columns.cp-reverse { } article.cp-columns.cp-reverse > div:first-of-type { } article.cp-columns.cp-reverse > div:last-of-type { } /*#endregion*/ /*#region Home_Index_Hero*/ #Home_Index_Hero { padding: 3em 1em; overflow: hidden; } #Home_Index_Hero div.cp-text { } #Home_Index_Hero div.cp-text p.cp-breadcrumbs { text-transform: uppercase; color: var(--breadcrumb-color); font-weight: 800; letter-spacing: 0.05em; font-size: 0.8em; padding: 0; margin: 0.5em 0; } #Home_Index_Hero div.cp-text h1 { font-size: 2.6em; letter-spacing: -0.05em; margin: 0.3em 0; } #Home_Index_Hero div.cp-text p.cp-text { margin: 2em 0 0 0; } #Home_Index_Hero div.cp-text ul.cp-buttons { padding: 0; margin: 2em 0; list-style: none; display: inline-block; } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-demo { } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-demo a { color: var(--color-blue-logo); background-color: var(--white-color); display: block; padding: 0.8em 1.8em; border-radius: 100em; font-size: 0.9em; font-weight: 700; } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-demo a::after { content: '\f178'; font-family: FontAwesome; display: inline-block; margin: 0 0 0 0.5em; transform: rotate(-45deg); font-size: 0.8em; } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-demo:hover a { } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-explore { margin: 2em 0; } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-explore a { color: var(--white-color); display: block; padding: 0.5em 0; font-weight: 700; font-size: 0.9em; text-align: center; } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-explore a::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--white-color); } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-explore a::after { content: '\f178'; font-family: FontAwesome; display: inline-block; margin: 0 0 0 0.5em; transform: rotate(90deg); font-size: 0.8em; } #Home_Index_Hero div.cp-text .cp-tagline { border-left: solid 0.2em var(--breadcrumb-color); padding: 0 0 0 1.5em; font-size: 0.8em; margin: 0; } #Home_Index_Hero div.cp-text .cp-tagline p { font-weight: 700; line-height: 1em; margin: 0.25em 0 0.5em 0; } #Home_Index_Hero div.cp-text .cp-tagline ul { padding: 0; margin: 0; display: block; align-items: center; justify-content: flex-start; column-gap: 1em; } #Home_Index_Hero div.cp-text .cp-tagline ul li { display: inline-block; white-space: nowrap; margin: 0 0.5em 0 0; opacity: 0.7; line-height: 1em; font-size: 1em; } #Home_Index_Hero div.cp-text .cp-tagline ul li:first-of-type { } #Home_Index_Hero div.cp-text h1 strong { font-weight: 800; color: var(--breadcrumb-color); } #Home_Index_Hero div.cp-image { margin: 4em 0; } #Home_Index_Hero div.cp-image > div { } #Home_Index_Hero div.cp-image > div div.cp-circle-1 { } #Home_Index_Hero div.cp-image > div div.cp-circle-2 { } #Home_Index_Hero div.cp-image > div div.cp-square-1 { } #Home_Index_Hero div.cp-image > div img.cp-logo { display: none; } #Home_Index_Hero div.cp-image > div img.cp-screenshot { } /*#endregion*/ /*#region Home_Index_Clients*/ #Home_Index_Clients { padding: 2em 1em; } #Home_Index_Clients h2 { font-size: 0.7em; text-transform: uppercase; color: #666; font-weight: 900; text-align: center; letter-spacing: 0.05em; padding: 0; margin: 0 0 2em 0; list-style: none; } #Home_Index_Clients ul { padding: 0; margin: 0 auto; list-style: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; row-gap: 1em; column-gap: 1em; } #Home_Index_Clients ul > li { background-color: white; box-shadow: rgba(0,0,0,0.05) 0 0.3em 0.8em; padding: 1em 1em; border-radius: 0.5em; border: solid 1px #eee; } #Home_Index_Clients ul > li > img { width: 6em; } /* #Home_Index_Clients ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0; list-style: none; column-gap: 1em; row-gap: 1em; margin: 0 auto; } #Home_Index_Clients ul > li { background-color: white; box-shadow: rgba(0,0,0,0.05) 0 0.5em 1em; padding: 1em 1em; border-radius: 0.5em; border: solid 1px #eee; } #Home_Index_Clients ul > li > img { width: 5em; } */ /*#endregion*/ /*#region Home_Index_Mission*/ #Home_Index_Mission { padding: 0 2em; } #Home_Index_Mission article { padding: 6em 0; } #Home_Index_Mission article div.cp-left { } #Home_Index_Mission article div.cp-left div.cp-flex { display: flex; align-items: center; justify-content: flex-start; column-gap: 1vw; } #Home_Index_Mission article div.cp-left div.cp-flex div.cp-logo { } #Home_Index_Mission article div.cp-left div.cp-flex div.cp-logo img { display: block; width: 100px; height: auto; } #Home_Index_Mission article div.cp-left div.cp-flex div.cp-text { } #Home_Index_Mission article div.cp-left h2 { font-size: 3.3em; color: var(--color-green-logo); font-weight: 600; letter-spacing: -0.04em; } #Home_Index_Mission article div.cp-left p { font-size: 1.2em; color: var(--paragraph-text-color); } #Home_Index_Mission article div.cp-right { } #Home_Index_Mission article div.cp-right .cp-capterra { display: flex; align-items: center; justify-content: center; margin: 2em 0 0 0; } #Home_Index_Mission article div.cp-right .cp-capterra > div { } #Home_Index_Mission article div.cp-right .cp-capterra > div > a { padding: 0; margin: 0; background: none; border-radius: 0; } #Home_Index_Mission article div.cp-right .cp-capterra > div > a > img { display: block; width: auto; height: 1000px; max-height: 25vw; } #Home_Index_Mission article div.cp-right .cp-capterra > div > a:hover { box-shadow: none; } #Home_Index_Mission article div.cp-right .cp-capterra > div.cp-best-customer-support > a { padding: 0 2vw; } #Home_Index_Mission article div.cp-right p { font-size: 1em; margin: 2em 0; color: var(--paragraph-text-color); } #Home_Index_Mission article div.cp-right p strong { color: var(--color-blue-logo); font-weight: 900; } #Home_Index_Mission article div.cp-right a { color: var(--white-color); display: inline-block; background-color: var(--color-blue-logo); padding: 1em 2em; border-radius: 100em; font-weight: 700; transition-duration: 300ms; } #Home_Index_Mission article div.cp-right a:hover { box-shadow: rgba(21,103,175,0.3) 0 0.5em 1em; margin: -0.3em 0 0.3em 0; } /*#endregion*/ /*#region Home_Index_Features*/ #Home_Index_Features { background-color: var(--background-light-gray); padding: 5em 2em; } #Home_Index_Features article { } #Home_Index_Features article div.cp-text { } #Home_Index_Features article div.cp-text p.cp-breadcrumbs { text-transform: uppercase; letter-spacing: 0.05em; color: var(--color-blue-logo); font-weight: 900; font-size: 1em; } #Home_Index_Features article div.cp-text h2 { font-size: 2.3em; font-weight: 600; letter-spacing: -0.04em; opacity: 0.8; margin: 0.3em 0 0.5em 0; } #Home_Index_Features article div.cp-text p { opacity: 0.8; color: var(--paragraph-text-color); margin: 2em 0; } #Home_Index_Features article div.cp-links { } #Home_Index_Features article div.cp-links > div { width: 100%; height: 100%; } #Home_Index_Features article div.cp-links ul { padding: 1em 0; margin: 0; list-style: none; display: flex; flex-direction: column; row-gap: 1em; } #Home_Index_Features article div.cp-links ul li { } #Home_Index_Features article div.cp-links ul li a { background-color: var(--white-color); display: block; width: 100%; height: 100%; padding: 2em 1em; font-weight: 700; color: var(--color-blue-logo); border: solid 1px #ddd; border-radius: 0.5em; transition-duration: 300ms; } #Home_Index_Features article div.cp-links ul li a::after { content: '\f178'; font-family: FontAwesome; display: block; position: absolute; top: 50%; right: 1em; transform: translateY(-50%) rotate(-45deg); color: var(--arrow-color); font-size: 0.8em; } #Home_Index_Features article div.cp-links ul li a:hover { padding-left: 1.4vw; box-shadow: rgba(0,0,0,0.1) 0 2px 16px; border-color: var(--color-teal); } /*#endregion*/ /*#region Home_Index_Features_Detail*/ #Home_Index_Features_Detail { padding: 0 2em; } #Home_Index_Features_Detail article { background-color: var(--background-light-gray); margin: 2em 0; padding: 0 0 2em 0; border-radius: 1em; overflow: hidden; } #Home_Index_Features_Detail article > div { } #Home_Index_Features_Detail article > div:first-of-type { } #Home_Index_Features_Detail article > div:last-of-type { } #Home_Index_Features_Detail article.cp-reverse { } #Home_Index_Features_Detail article.cp-reverse > div { } #Home_Index_Features_Detail article.cp-reverse > div:first-of-type { } #Home_Index_Features_Detail article.cp-reverse > div:last-of-type { } #Home_Index_Features_Detail article > div.cp-image { } #Home_Index_Features_Detail article > div.cp-image div { } #Home_Index_Features_Detail article > div.cp-image div img { } #Home_Index_Features_Detail article:hover > div.cp-image div img { } #Home_Index_Features_Detail article > div.cp-text { padding: 0 2.2em; } #Home_Index_Features_Detail article > div.cp-text h2 { color: var(--color-blue-3); font-size: 2.2em; font-weight: 600; margin: 1em 0; } #Home_Index_Features_Detail article > div.cp-text h3 { color: var(--color-teal); font-weight: 900; font-size: 1.3em; } #Home_Index_Features_Detail article > div.cp-text p { color: var(--paragraph-text-color); font-size: 1em; line-height: 1.8em; margin: 1em 0; } #Home_Index_Features_Detail article > div.cp-text a { display: inline-block; font-weight: 800; color: black; line-height: 1em; padding: 1em 0; font-size: 0.9em; } #Home_Index_Features_Detail article > div.cp-text a::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: black; } #Home_Index_Features_Detail article > div.cp-text a::after { content: '\f178'; font-family: FontAwesome; display: inline-block; transform: rotate(-45deg); margin: 0 0 0 0.5em; font-size: 0.8em; } #Home_Index_Features_Detail article.cp-demo-request { background: none; display: block; } #Home_Index_Features_Detail article.cp-demo-request > div { display: block; } #Home_Index_Features_Detail article.cp-demo-request > div > div { display: flex; align-items: center; justify-content: center; } #Home_Index_Features_Detail article.cp-demo-request a { display: block; background-color: var(--color-teal); color: var(--white-color); padding: 0.6em 1.5em; border-radius: 100px; font-weight: 700; font-size: 0.9em; transition-duration: var(--transition-duration); } #Home_Index_Features_Detail article.cp-demo-request a::after { content: '\f178'; font-family: FontAwesome; display: inline-block; transform: rotate(-45deg); margin: 0 0 0 1em; font-size: 0.7em; } #Home_Index_Features_Detail article.cp-demo-request a:hover { margin: -0.3em 0 0.3em 0; box-shadow: rgba(17,167,132,0.3) 0 0.5em 1em; } /*#endregion*/ /*#region Hone_Index_Testimonials*/ #Home_Index_Testimonials { padding: 5vw 5vw; background-color: var(--background-light-gray); overflow: hidden; padding: 2em 2em; } #Home_Index_Testimonials img.cp-logo { display: none; } #Home_Index_Testimonials header { display: none; } #Home_Index_Testimonials article { } #Home_Index_Testimonials article div { background-color: var(--white-color); border: solid 1px #ddd; border-radius: 1em; box-shadow: rgba(0,0,0,0.05) 0 0.5em 1em; padding: 2em 2em; margin: 1em 0; } #Home_Index_Testimonials article blockquote { border: none; margin: 0; padding: 0; font-size: 1em; } #Home_Index_Testimonials article blockquote::before { content: '\f005\f005\f005\f005\f005'; font-family: FontAwesome; line-height: 1em; letter-spacing: 0.5vw; display: inline-block; padding: 0.5em 1em 0.5em 1em; border-radius: 100em; background-color: lightyellow; border: solid 1px gold; box-shadow: rgba(0,0,0,0.1) 0 2px 16px; color: goldenrod; } #Home_Index_Testimonials article blockquote p { margin: 1.5em 0; font-size: 1.1em; font-weight: 500; } #Home_Index_Testimonials article blockquote p::before { content: '"'; } #Home_Index_Testimonials article blockquote p::after { content: '"'; } #Home_Index_Testimonials article footer { border-top: solid 1px #ddd; padding: 1em 0 0 0; width: 100%; color: black; } #Home_Index_Testimonials article footer::before { display: none; } #Home_Index_Testimonials article cite { display: flex; flex-direction: column-reverse; } #Home_Index_Testimonials article cite span.cp-name { font-style: normal; opacity: 0.7; display: block; font-size: 1em; margin: 0.3em 0; } #Home_Index_Testimonials article cite span.cp-org { font-weight: 700; color: var(--color-blue-logo); font-style: normal; font-size: 1.2em; display: block; margin: 0.3em 0; } /*#endregion*/ /*#region Home_Index_SeeTheStory*/ #Home_Index_SeeTheStory { overflow: hidden; color: var(--white-color); padding: 1em 2em; } #Home_Index_SeeTheStory img.cp-background { display: block; position: absolute; top: 0; right: -200%; width: auto; height: 100%; max-width: none; max-height: none; } #Home_Index_SeeTheStory div.cp-scrim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #061f34; opacity: 0.7; } #Home_Index_SeeTheStory article.cp-text { margin: 5em 0; } #Home_Index_SeeTheStory article.cp-text p.cp-breadcrumbs { text-transform: uppercase; color: var(--breadcrumb-color); font-size: 0.9em; font-weight: 700; letter-spacing: 0.05em; opacity: 1; line-height: 1.2em; } #Home_Index_SeeTheStory article.cp-text h2 { font-size: 2.4em; letter-spacing: -0.05em; } #Home_Index_SeeTheStory article.cp-text p { opacity: 0.7; } #Home_Index_SeeTheStory article.cp-infographic { margin: 5em 0; } #Home_Index_SeeTheStory article.cp-infographic > div { } #Home_Index_SeeTheStory article.cp-infographic > div > div { } #Home_Index_SeeTheStory article.cp-infographic > div > div img { } #Home_Index_SeeTheStory article.cp-infographic > div > div ul { padding: 0; margin: 0; list-style: none; } #Home_Index_SeeTheStory article.cp-infographic > div > div ul li { border-top: solid 1px rgba(255,255,255,0.2); padding: 1.5em 0; } #Home_Index_SeeTheStory article.cp-infographic > div > div ul li h3 { font-size: 1.3em; font-weight: 600; } #Home_Index_SeeTheStory article.cp-infographic > div > div ul li p { font-size: 0.9em; opacity: 0.7; } #Home_Index_SeeTheStory article.cp-infographic > div > div ul li:first-of-type { border: none; } /*#endregion*/ /*#region Features_Grants_Body*/ #Features_Grants_Body { } #Features_Grants_Body article { } #Features_Grants_Body article div.cp-right { } #Features_Grants_Body article div.cp-right div.cp-flex { column-gap: 2vw; } #Features_Grants_Body article div.cp-right div.cp-flex div { flex-basis: 50%; } #Features_Grants_Body article div.cp-right div.cp-flex div img { display: block; width: 100%; height: auto; border-radius: 0.5em; border: solid 0.3em white; box-shadow: rgba(0,0,0,0.2) 0 0.5em 1em; } /*#endregion*/ /*#region About_Support_Body*/ #About_Support_Body { padding: 0 1em; } #About_Support_Body article { } #About_Support_Body article div.cp-left { } #About_Support_Body article div.cp-left p.cp-breadcrumbs { text-transform: uppercase; font-weight: 900; letter-spacing: 0.1em; font-size: 1em; margin: 1em 0; color: var(--paragraph-text-color); } #About_Support_Body article div.cp-left h2 { margin: 0.3em 0; letter-spacing: -0.05em; font-weight: 600; font-size: 2.3em; color: var(--extreme-dark-blue-color); } #About_Support_Body article div.cp-left h2 span { display: block; } #About_Support_Body article div.cp-left p.cp-text { margin: 1em 0; font-size: 1em; color: var(--paragraph-text-color); } #About_Support_Body article div.cp-left ul { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; row-gap: 0.5em; } #About_Support_Body article div.cp-left ul > li { font-size: 1em; color: var(--paragraph-text-color); padding: 0 0 0 2em; } #About_Support_Body article div.cp-left ul > li::before { content: '\f058'; font-family: FontAwesome; color: var(--color-teal); margin: 0 0.5em 0 0; font-size: 1.5em; display: block; position: absolute; top: 0; left: 0; } #About_Support_Body article div.cp-left p.cp-buttons { margin: 1em 0; } #About_Support_Body article div.cp-left p.cp-buttons a { display: inline-block; background-color: var(--color-teal); color: var(--white-color); padding: 0.7em 1.8em; border-radius: 100em; font-weight: 700; font-size: 0.8em; transition-duration: 300ms; } #About_Support_Body article div.cp-left p.cp-buttons a:hover { margin: -0.3em 0 0.3em 0; box-shadow: rgba(17,167,132,0.5) 0 4px 16px; } #About_Support_Body article div.cp-right { margin: 4em 0; } #About_Support_Body article div.cp-right blockquote { border: 0; background-color: var(--background-light-gray); padding: 2em; border-radius: 0.5em; font-size: 1em; color: var(--extreme-dark-blue-color); } #About_Support_Body article div.cp-right blockquote p { font-size: 1.2em; line-height: 1.8em; } #About_Support_Body article div.cp-right blockquote p::before { content: '"'; } #About_Support_Body article div.cp-right blockquote p::after { content: '"'; } #About_Support_Body article div.cp-right blockquote cite { font-size: 0.8em; font-style: normal; line-height: 2em; margin: 1em 0 0 0; display: block; } #About_Support_Body article div.cp-right blockquote cite span.cp-author { display: block; font-weight: 700; } #About_Support_Body article div.cp-right blockquote cite span.cp-org { display: block; } /*#endregion*/ /*#region About_Security_Body*/ #About_Security_Body { padding: 5em 1em; } #About_Security_Body article { } #About_Security_Body article > div { background-color: var(--background-light-gray); padding: 2em 2em 4em 2em; border-radius: 0.5em; margin: 1em 0; } #About_Security_Body article p.cp-breadcrumbs { font-weight: 900; font-size: 1em; color: var(--color-teal); } #About_Security_Body article h2 { font-size: 1.8em; margin: 2em 0 1em 0; line-height: 1.8em; color: var(--extreme-dark-blue-color); } #About_Security_Body article p.cp-text { margin: 0; font-size: 1em; line-height: 1.8em; color: var(--paragraph-text-color); } /*#endregion*/ /*#region About_Integrations_Body*/ #About_Integrations_Body { padding: 4em 1em; } #About_Integrations_Body article { } #About_Integrations_Body article > div { margin: 3em 0; } #About_Integrations_Body article > div > div:first-of-type { } #About_Integrations_Body article > div > div:last-of-type { } #About_Integrations_Body article h2 { font-size: 0.9em; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; color: var(--color-blue-logo); } #About_Integrations_Body article ul { padding: 0; margin: 0; list-style: none; } #About_Integrations_Body article ul > li { } #About_Integrations_Body article ul > li > a { background-color: #eee; display: block; padding: 1em 1em; margin: 1em 0; border-radius: 0.5em; background-color: var(--background-light-gray); transition-duration: 300ms; } #About_Integrations_Body article ul > li > a > img { display: block; width: 50%; height: auto; margin: 0 auto; } #About_Integrations_Body article ul > li > a::after { content: '\f178'; font-family: FontAwesome; display: block; position: absolute; top: 50%; right: 1em; transform: translateY(-50%) rotate(-45deg); font-size: 0.7em; color: var(--arrow-color); } #About_Integrations_Body article ul > li > a:hover { } /*#endregion*/ /*#region Pricing_Body*/ #Pricing_Header { padding: 5em 1em; } #Pricing_Header > img.cp-logo { } #Pricing_Header article { } #Pricing_Header article div.cp-text { } #Pricing_Header article div.cp-text p.cp-breadcrumbs { display: none; } #Pricing_Header article div.cp-text h1 { font-size: 3em; } #Pricing_Header article div.cp-text p.cp-text { opacity: 0.7; } #Pricing_Prices { padding: 0 1em 5em 1em; margin: -5em 0 0 0; } #Pricing_Prices ul { padding: 0; margin: 0; list-style: none; } #Pricing_Prices ul li { background-color: white; border: solid 1px #eee; box-shadow: rgba(0,0,0,0.05) 0 0.5em 2em; margin: 1em 0; border-radius: 1em; padding: 1em 1.5em; } #Pricing_Prices ul li p { margin: 0; padding: 0; } #Pricing_Prices ul li p.cp-tease { display: block; background-color: #c9f7dd; color: black; position: absolute; top: -1em; left: 2em; border-radius: 100em; padding: 0.12em 1.2em; text-transform: uppercase; font-size: 0.8em; font-weight: 900; } #Pricing_Prices ul li p.cp-range { margin: 1em 0; padding: 0; } #Pricing_Prices ul li p.cp-range span.cp-amount { display: block; font-weight: 700; font-size: 1.3em; } #Pricing_Prices ul li p.cp-range span.cp-unit { display: block; text-transform: uppercase; font-weight: 700; font-size: 0.9em; letter-spacing: 0.05em; } #Pricing_Prices ul li p.cp-price { margin: 4em 0 2em 0; padding: 0; } #Pricing_Prices ul li p.cp-price span.cp-amount { font-size: 3em; letter-spacing: -0.05em; } #Pricing_Prices ul li p.cp-price span.cp-unit { font-size: 0.8em; opacity: 0.6; } #Pricing_Prices ul li p.cp-note { margin: 1em 0; padding: 0; } #Pricing_Prices ul li p.cp-button { margin: 4em 0 1em 0; padding: 0; } #Pricing_Prices ul li p.cp-button a { display: block; background-color: var(--color-teal); color: var(--white-color); padding: 1em 2em; border-radius: 100em; text-align: center; font-weight: 700; font-size: 0.9em; } #Pricing_Prices ul li p.cp-button a:hover { } #Pricing_Prices ul li.cp-light { background-color: var(--white-color); border-color: #ddd; color: black; } #Pricing_Prices ul li.cp-light p.cp-range span.cp-amount { color: var(--color-blue-logo); } #Pricing_Prices ul li.cp-light p.cp-range span.cp-unit { color: #666; } #Pricing_Prices ul li.cp-light p.cp-button a:hover { box-shadow: rgba(17,167,132,0.2) 0 1em 1.5em; } #Pricing_Prices ul li.cp-dark { background: linear-gradient(0deg, #14959f, #0f7fad); border-color: rgba(255,255,255,0.4); color: var(--white-color); box-shadow: rgba(255,255,255,0.5) 0 0 4em; } #Pricing_Prices ul li.cp-dark p.cp-price { } #Pricing_Prices ul li.cp-dark p.cp-price span.cp-unit { opacity: 0.7; } #Pricing_Prices ul li.cp-dark p.cp-note { } #Pricing_Prices ul li.cp-dark p.cp-button { } #Pricing_Prices ul li.cp-dark p.cp-button a { background-color: var(--white-color); color: #0f7fad; } #Pricing_ConstantContact { background-color: var(--background-light-gray); padding: 5em 1em; } #Pricing_ConstantContact > div { } #Pricing_ConstantContact > div.cp-left { } #Pricing_ConstantContact > div.cp-left img.cp-logo { display: block; width: 80%; margin: 0 auto; } #Pricing_ConstantContact > div.cp-left p { margin: 2em 0; padding: 0; color: var(--paragraph-text-color); } #Pricing_ConstantContact > div.cp-left p strong { font-weight: 900; } #Pricing_ConstantContact > div.cp-right { } #Pricing_ConstantContact > div.cp-right p { margin: 2em 0; padding: 0; color: var(--paragraph-text-color); } #Pricing_ConstantContact > div.cp-right > ul { padding: 0; margin: 0; list-style: none; } #Pricing_ConstantContact > div.cp-right > ul > li { border: solid 1px #eee; background-color: var(--white-color); border-radius: 1em; padding: 1em 1em; margin: 1em 0; box-shadow: rgba(0,0,0,0.06) 0 1em 2em; } #Pricing_ConstantContact > div.cp-right > ul > li > h3 { color: var(--color-blue-logo); font-weight: 900; font-size: 1.2em; margin: 0.5em 0; } #Pricing_ConstantContact > div.cp-right > ul > li > p { font-size: 0.9em; line-height: 1.6em; color: var(--paragraph-text-color); margin: 0; } #Pricing_ConstantContact > div.cp-right > ul > li > p.cp-price { font-size: 2em; color: var(--color-teal); font-weight: 700; margin: 1.2em 0 0.25em 0; } #Pricing_ConstantContact > div.cp-right > ul > li > p.cp-flatrate { margin: 0.25em 0; font-size: 0.8em; } #Pricing_Custom { padding: 4em 1em; background-color: var(--dark-blue-color); color: var(--white-color); } #Pricing_Custom > div { background-color: rgba(255,255,255,0.1); border: solid 1px rgba(255,255,255,0.2); padding: 1.5em 2em; border-radius: 1em; margin: 1em 0; } #Pricing_Custom > div * { } #Pricing_Custom > div h2 { font-weight: 900; color: #8ee4b7; font-size: 1.5em; margin: 0.5em 0; } #Pricing_Custom > div p.cp-subhead { font-size: 1.5em; margin: 1em 0; } #Pricing_Custom > div p.cp-text { font-size: 1em; margin: 1em 0; color: var(--paragraph-text-color-2); } #Pricing_Custom > div a { color: var(--white-color); font-weight: 700; text-decoration: underline; } #Pricing_Custom > div ul { padding: 0 0 0 2em; margin: 0; list-style: none; } #Pricing_Custom > div ul > li { font-size: 1em; color: var(--paragraph-text-color-2); } #Pricing_Custom > div p.cp-button { margin: 1em 0; } #Pricing_Custom > div p.cp-button a { display: inline-block; padding: 0.8em 1.5em; background-color: var(--color-teal); border-radius: 100em; color: var(--dark-blue-color); font-size: 0.9em; transition-duration: 300ms; text-decoration: none; } #Pricing_Custom > div p.cp-button a:hover { margin: -0.2em 0 0.2em 0; } #Pricing_Footnote { padding: 2em 1em; background-color: var(--background-light-gray); } #Pricing_Footnote p { font-size: 0.8em; line-height: 1.5em; color: var(--paragraph-text-color); margin: 0; } #Pricing_Benefits { padding: 4em 1em; } #Pricing_Benefits > div.cp-left { } #Pricing_Benefits > div.cp-right { } #Pricing_Benefits p.cp-breadcrumbs { text-transform: uppercase; font-weight: 900; color: var(--color-blue-logo); font-size: 0.9em; letter-spacing: 0.05em; margin: 1em 0; } #Pricing_Benefits h2 { font-size: 2.3em; letter-spacing: -0.06em; color: var(--extreme-dark-blue-color); margin: 0; } #Pricing_Benefits p.cp-text { font-size: 1em; color: var(--paragraph-text-color); margin: 2em 0; line-height: 2em; } #Pricing_Benefits ul { padding: 0; margin: 0; list-style: none; } #Pricing_Benefits ul > li { background-color: var(--background-light-gray); border: solid 1px #dfe9ed; padding: 1.5em 1.5em; border-radius: 0.5em; margin: 1em 0; } #Pricing_Benefits ul > li::before { content: '\f058'; font-family: FontAwesome; display: block; color: var(--color-teal); font-size: 2.2em; margin: 0 0 0.7em 0; } #Pricing_Benefits ul > li h3 { color: var(--color-blue-3); font-size: 1.4em; font-weight: 400; } #Pricing_Benefits ul > li p { font-size: 0.9em; line-height: 2em; color: var(--paragraph-text-color); } /*#endregion*/ /*#region DemoRequest_Body*/ #DemoRequest_Body { } #DemoRequest_Body ul.cp-contact { padding: 0; margin: 3em 0; list-style: none; } #DemoRequest_Body ul.cp-contact li { margin: 1em 0; } #DemoRequest_Body ul.cp-contact li a { display: block; color: var(--white-color); border: solid 1px rgba(255,255,255,0.3); border-radius: 0.5em; padding: 0.5em 1em; } #DemoRequest_Body ul.cp-contact li a span { display: block; } #DemoRequest_Body ul.cp-contact li a span.cp-label { text-transform: uppercase; font-size: 0.7em; letter-spacing: 0.1em; opacity: 0.5; } #DemoRequest_Body ul.cp-contact li a span.cp-value { font-size: 0.8em; font-weight: 900; } #DemoRequest_Body form { background-color: var(--white-color); border-color: #999; color: black; padding: 2em 2em; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 1em; font-size: 0.7em; width: 100%; border-radius: 1em; } #DemoRequest_Body form > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; row-gap: 0.5em; width: 100%; } #DemoRequest_Body form > div > div { flex-grow: 1; width: 100%; } #DemoRequest_Body form > div > div > label { display: block; margin: 0; padding: 0; font-size: 1.1em; } #DemoRequest_Body form > div > div > input, #DemoRequest_Body form > div > div > select, #DemoRequest_Body form > div > div > textarea { display: block; margin: 0; padding: 1em 1em; background: none; border: solid 1px #ccc; outline: none; width: 100%; line-height: 1em; border-radius: 0.5em; font-size: 1.1em; } #DemoRequest_Body form > div > div > textarea { height: 10em; } #DemoRequest_Body form .cp-validation-message { color: red; } #DemoRequest_Body form button { background: none; background-color: var(--color-teal); border: none; outline: none; color: var(--white-color); border-radius: 100em; padding: 1em 2em; width: 100%; margin: 0; transition-duration: 300ms; font-weight: 700; font-size: 1.1em; } #DemoRequest_Body form button::after { content: '\f178'; font-family: FontAwesome; display: inline-block; transform: rotate(-45deg); margin: 0 0 0 0.5em; font-size: 0.8em; } #DemoRequest_Body form button:hover { } #DemoRequest_Body form .cp-calendar-selection { font-size: 1em; } #DemoRequest_Body .cp-calendar { } #DemoRequest_Body .cp-calendar table { } #DemoRequest_Body .cp-calendar table tr { } #DemoRequest_Body .cp-calendar table tr th, #DemoRequest_Body .cp-calendar table tr td { } /*#endregion*/ /*#region PrivacyPolicy_Body*/ #PrivacyPolicy_Body { background-color: var(--white-color); padding: 3em 1em; font-size: 1.1em; } #PrivacyPolicy_Body article { background-color: var(--white-color); border-radius: 1em; padding: 1em 1em; margin: 0 auto; border: solid 1px #dce8ed; box-shadow: rgba(0,0,0,0.1) 0 0 1em; } #PrivacyPolicy_Body h1 { font-size: 2.2em; letter-spacing: -0.08em; color: var(--extreme-dark-blue-color); margin: 0.5em 0; } #PrivacyPolicy_Body p.cp-subhead { font-weight: 700; color: var(--color-blue-logo); } #PrivacyPolicy_Body h2 { font-size: 1.3em; color: var(--color-blue-logo); font-weight: 400; margin: 2em 0 0.5em 0; } #PrivacyPolicy_Body p { font-size: 0.8em; line-height: 1.8em; color: var(--paragraph-text-color); margin: 1em 0; } #PrivacyPolicy_Body p a { font-weight: 900; color: var(--color-blue-logo); text-decoration: underline; } #PrivacyPolicy_Body ul { padding: 0 0 0 2em; margin: 0; list-style: none; } #PrivacyPolicy_Body ul li { font-size: 0.8em; line-height: 1.8em; color: var(--paragraph-text-color); margin: 0.5em 0; } #PrivacyPolicy_Body div.cp-scrim { position: absolute; top: 0; left: 0; width: 100%; height: 600px; background-color: pink; background: linear-gradient(180deg, #eaf5fa, transparent); } #PrivacyPolicy_Body dl { background-color: var(--background-light-gray); border-left: solid 3px var(--color-teal); padding: 1.5em 1.5em; font-size: 0.8em; } #PrivacyPolicy_Body dl dt, #PrivacyPolicy_Body dl dd { margin: 0.3em 0; color: var(--paragraph-text-color); line-height: 1.8em; } #PrivacyPolicy_Body dl dt { color: black; font-weight: 900; } #PrivacyPolicy_Body address { background-color: var(--background-light-gray); border-left: solid 3px var(--color-teal); padding: 1.5em 1.5em; font-size: 0.8em; color: var(--paragraph-text-color); line-height: 1.8em; } /*#endregion*/ /*#region Blog_Index_Body*/ #Blog_Index_Body { padding: 5vw 5vw; } #Blog_Index_Body article { margin: 3em 0; } #Blog_Index_Body article div.cp-flex { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } #Blog_Index_Body article div.cp-flex > div { } #Blog_Index_Body article div.cp-flex > div:first-of-type { margin: 1em 0; } #Blog_Index_Body article div.cp-flex > div:first-of-type img { display: block; } #Blog_Index_Body article div.cp-flex > div:last-of-type { flex-basis: 100%; } #Blog_Index_Body article h2 { font-size: 1.5em; font-weight: 500; } #Blog_Index_Body article p { font-size: 1em; } #Blog_Index_Body article p.cp-date { font-weight: 700; } #Blog_Index_Body article p.cp-tags { } #Blog_Index_Body article div.cp-content { font-size: 1em; } #Blog_Index_Body article div.cp-content p { } #Blog_Index_Body article p.cp-read-more { margin: 1em 0; } #Blog_Index_Body article p.cp-read-more a { display: inline-block; background: none; border: none; outline: none; box-shadow: none; padding: 1em 2em; margin: 0; background: none; background-color: var(--color-teal); color: white; font-weight: 700; text-shadow: none; border-radius: 0.5em; } /*#endregion*/ /*#region Blog_Detail_Body*/ #Blog_Detail_Body { padding: 5vw 5vw; } #Blog_Detail_Body article { } #Blog_Detail_Body article h1 { font-size: 2em; font-weight: 700; } #Blog_Detail_Body article h2 { font-size: 1.5em; font-weight: 700; } #Blog_Detail_Body article .cp-date { font-weight: 700; } #Blog_Detail_Body article .cp-social { } #Blog_Detail_Body article .cp-image { } #Blog_Detail_Body article .cp-content { margin: 2em 0; } /*#endregion*/ /*#region cp-section-common-1*/ section.cp-section-common-1 { background: var(--blue-teal-gradient); color: var(--white-color); padding: 4em 1em 1em 1em; overflow: hidden; } section.cp-section-common-1 img.cp-logo { position: absolute; top: 1em; right: 2em; display: block; width: 150px; height: auto; opacity: 0.1; margin: 0; padding: 0; } section.cp-section-common-1 article { } section.cp-section-common-1 article > div { } section.cp-section-common-1 article > div.cp-text { } section.cp-section-common-1 article > div.cp-text p.cp-breadcrumbs { text-transform: uppercase; color: var(--breadcrumb-color); font-weight: 900; font-size: 1em; letter-spacing: 0.1em; opacity: 1; padding: 0; margin: 0.5em 0; } section.cp-section-common-1 article > div.cp-text h2 { font-size: 3em; letter-spacing: -0.06em; margin: 0.3em; padding: 0; margin: 0.5em 0; } section.cp-section-common-1 article > div.cp-text p { opacity: 0.7; margin: 0.5em 0; } section.cp-section-common-1 article > div.cp-button { } section.cp-section-common-1 article > div.cp-button > div { } section.cp-section-common-1 article > div.cp-button > div > p { margin: 3em 0; padding: 0; } section.cp-section-common-1 article > div.cp-button > div > p > a { display: block; background-color: var(--color-teal); padding: 1em 2em; border-radius: 100em; color: black; font-size: 0.9em; font-weight: 700; } section.cp-section-common-1 article > div.cp-button > div > p > a::after { content: '\f178'; font-family: FontAwesome; margin: 0 0 0 1em; display: inline-block; transform: rotate(-45deg); font-size: 0.8em; } section.cp-section-common-1 article > div.cp-button > div > p > a:hover { } /*#endregion*/ /*#region cp-section-common-2*/ section.cp-section-common-2 { background-color: #117fab; color: var(--white-color); padding: 5em 1em; } section.cp-section-common-2 a { color: var(--white-color); } section.cp-section-common-2 article { } section.cp-section-common-2 article > div { } section.cp-section-common-2 article > div > div { margin: 2em 0; } section.cp-section-common-2 article div.cp-image { } section.cp-section-common-2 article div.cp-text { } section.cp-section-common-2 article img { } section.cp-section-common-2 article p.cp-breadcrumbs { text-transform: uppercase; color: var(--breadcrumb-color); font-weight: 900; font-size: 0.8em; letter-spacing: 0.1em; margin: 1em 0; } section.cp-section-common-2 article h2 { letter-spacing: -0.06em; font-size: 2.3em; margin: 1em 0; } section.cp-section-common-2 article p.cp-text { opacity: 0.7; font-size: 1em; margin: 0.5em 0; } section.cp-section-common-2 article a { opacity: 1; color: var(--white-color); display: inline-block; padding: 0.5em 0; font-size: 0.9em; font-weight: 700; margin: 1em 0; } section.cp-section-common-2 article a::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--white-color); } section.cp-section-common-2 article a::after { content: '\f178'; font-family: FontAwesome; display: inline-block; transform: rotate(-45deg); margin: 0 0 0 0.5em; font-size: 0.8em; } /*#endregion*/ /*#region Main_Footer*/ #Main_Footer { background-color: var(--dark-blue-color); color: var(--white-color); padding: 1em 1em; font-size: 1em; overflow: hidden; } #Main_Footer img.cp-logo { display: block; position: absolute; top: 30px; right: -30px; opacity: 0.1; width: 150px; } #Main_Footer a { color: var(--white-color); } #Main_Footer a:hover { color: var(--white-color); } #Main_Footer a.cp-logo { display: inline-block; background-color: var(--white-color); padding: 0.5em 1em; border-radius: 0.5em; } #Main_Footer a.cp-logo img { display: block; max-width: 200px; } #Main_Footer p.cp-tagline { opacity: 0.6; } #Main_Footer div.cp-contact { font-weight: 700; } #Main_Footer article.cp-links { } #Main_Footer article.cp-links > div { margin: 2.5em 0; } #Main_Footer article.cp-links > div > h2 { font-size: inherit; font-weight: 600; padding: 0.5em 0; } #Main_Footer article.cp-links > div > ul { padding: 0; margin: 0; list-style: none; } #Main_Footer article.cp-links > div > ul > li { } #Main_Footer article.cp-links > div > ul > li > a { display: block; opacity: 0.6; transition-duration: var(--transition-duration); padding: 0.5em 0; font-size: 0.8em; } #Main_Footer article.cp-links > div > ul > li > a:hover { opacity: 1; } #Main_Footer article.cp-address { border-top: solid 1px rgba(255,255,255,0.2); } #Main_Footer article.cp-address div { color: var(--white-color); opacity: 0.6; margin: 2em 0; font-size: 0.8em; } /*#endregion*/ } @media screen and (min-width:900px) { /*#region General styles*/ body { font-size: 1vw; line-height: 1.6em; padding: 0; margin: 0; } body * { position: relative; } body a { outline-color: transparent; outline-style: none; outline-offset: 0; outline-width: 0; } h1, h2 { font-size: 3em; margin: 0.5em 0 0.5em 0; } /*#endregion*/ /*#region .cp-hero*/ section.cp-hero { overflow: hidden; padding: 3vw 0; } section.cp-hero > article { } section.cp-hero > article > div { } section.cp-hero > article > div.cp-text { } section.cp-hero > article > div.cp-text p.cp-breadcrumbs { margin: 1em 0; text-transform: uppercase; font-size: 0.7em; font-weight: 900; letter-spacing: 0.05em; } section.cp-hero > article > div.cp-text h1 { margin: 0.3em 0; font-size: 4em; letter-spacing: -0.05em; font-weight: 600; } section.cp-hero > article > div.cp-text p.cp-text { margin: 1em 0; } section.cp-hero > article > div.cp-text p.cp-text strong { font-weight: 900; } section.cp-hero > article > div.cp-text p.cp-buttons { margin: 2em 0; } section.cp-hero > article > div.cp-text p.cp-buttons a.cp-button-white { color: var(--color-blue-logo); display: inline-block; background-color: var(--white-color); padding: 0.6em 1.5em; border-radius: 100em; font-size: 0.7em; font-weight: 700; transition-duration: 300ms; } section.cp-hero > article > div.cp-text p.cp-buttons a.cp-button-white::after { content: '\f178'; font-family: FontAwesome; display: inline-block; transform: rotate(-45deg); margin: 0 0 0 0.5em; font-size: 0.8em; } section.cp-hero > article > div.cp-text p.cp-buttons a.cp-button-white:hover { margin: -0.5em 0 0.5em 0; } section.cp-hero > article > div.cp-image { } section.cp-hero > article > div.cp-image div { box-shadow: rgba(0,0,0,0.3) 0 1em 2em; border-radius: 1.5em; overflow: hidden; } section.cp-hero > article > div.cp-image img { display: block; width: 100%; height: auto; } section.cp-hero > article > div.cp-image div.cp-blue-background { background-color: var(--dark-blue-color); } section.cp-hero > article > div.cp-image div.cp-white-border { border: solid 0.4em white; } section.cp-hero > article > div.cp-image div.cp-blurb { display: block; position: absolute; bottom: 1em; right: 1em; background-color: rgba(255,255,255,0.9); padding: 0.5em 2em; color: black; border-radius: 100em; font-size: 0.7em; font-weight: 900; border: none; } section.cp-hero.cp-dark { background: linear-gradient(90deg, #0b70ad, #18a698); color: var(--white-color); } section.cp-hero.cp-dark img.cp-logo { display: block; position: absolute; bottom: 2vw; left: -1vw; width: 12vw; opacity: 0.2; transform: rotate(-8deg); } section.cp-hero.cp-dark p.cp-breadcrumbs { color: #d5fff1; } section.cp-hero.cp-dark p.cp-text { color: #d9ecf0; } section.cp-hero.cp-dark p.cp-text strong { color: var(--white-color); } section.cp-hero.cp-light { background: linear-gradient(90deg, #eff7fb, #e1f6ef); color: black; } section.cp-hero.cp-light img.cp-logo { display: block; position: absolute; bottom: 1vw; right: -1vw; width: 12vw; opacity: 0.1; transform: rotate(8deg); } section.cp-hero.cp-light p.cp-breadcrumbs { color: var(--color-blue-3); } section.cp-hero.cp-light h1 { color: var(--extreme-dark-blue-color); } section.cp-hero.cp-light p.cp-text { color: var(--paragraph-text-color); } section.cp-hero.cp-light p.cp-text strong { color: var(--paragraph-text-color); } /*#endregion*/ /*#region .cp-feature-body*/ section.cp-feature-body { color: var(--paragraph-text-color); } section.cp-feature-body article { padding: 8vw 5vw; display: flex; align-items: stretch; justify-content: space-between; column-gap: 2vw; } section.cp-feature-body article > div { } section.cp-feature-body article > div > div { } section.cp-feature-body article div.cp-left { flex-basis: 40%; } section.cp-feature-body article div.cp-left > div { position: sticky; top: 5vw; left: auto; right: 0; } section.cp-feature-body article div.cp-left p.cp-breadcrumbs { color: #11a884; text-transform: uppercase; font-weight: 900; font-size: 0.7em; letter-spacing: 0.08em; margin: 0 0 1em 0; } section.cp-feature-body article div.cp-left h2 { font-size: 2.9em; margin: 0.3em 0; letter-spacing: -0.05em; color: var(--extreme-dark-blue-color); } section.cp-feature-body article div.cp-right { flex-basis: 60%; display: flex; flex-direction: column; row-gap: 4vw; } section.cp-feature-body article div.cp-right h3 { color: var(--color-blue-3); font-size: 2.3em; font-weight: 600; letter-spacing: -0.03em; margin: 0 0 0.8em 0; } section.cp-feature-body article div.cp-right ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; row-gap: 1vw; font-size: 0.9em; } section.cp-feature-body article div.cp-right ul li { padding: 0 0 0 2vw; } section.cp-feature-body article div.cp-right ul li::before { content: '\f00c'; font-family: FontAwesome; display: inline-block; position: absolute; top: 0; left: 0; color: #11a884; } section.cp-feature-body article div.cp-right ul li strong { font-weight: 900; color: var(--color-blue-logo); } section.cp-feature-body article div.cp-right p { } section.cp-feature-body article div.cp-right p strong { font-weight: 900; color: var(--color-blue-logo); } section.cp-feature-body article div.cp-right div.cp-flex { display: flex; column-gap: 1vw; } section.cp-feature-body.cp-with-image { } section.cp-feature-body.cp-with-image article { } section.cp-feature-body.cp-with-image article > div { flex-basis: 50%; } section.cp-feature-body.cp-with-image article > div > div { } section.cp-feature-body.cp-with-image article > div > div > img { display: block; width: 100%; height: auto; } /*#endregion*/ /*#region Main_Header*/ #Main_Header { position: sticky; top: 0; left: 0; width: 100%; background-color: var(--white-color); z-index: 100; box-shadow: rgba(0,0,0,0.1) 0 2px 16px; } #Main_Header nav { display: flex; align-items: center; flex-direction: row; justify-content: space-between; background-color: var(--white-color); padding: 1vw 5vw; font-size: 0.9em; } #Main_Header nav div.cp-logo { } #Main_Header nav div.cp-logo a { display: block; } #Main_Header nav div.cp-logo a img { display: block; width: 16vw; height: auto; } #Main_Header nav div.cp-nav { } #Main_Header nav div.cp-nav ul { padding: 0; margin: 0; list-style: none; } #Main_Header nav div.cp-nav a { color: black; font-weight: 700; } #Main_Header nav div.cp-nav div.cp-hamburger { display: none; } #Main_Header nav div.cp-nav ul.cp-nav { display: flex; align-items: center; justify-content: flex-end; column-gap: 2vw; } #Main_Header nav div.cp-nav ul.cp-nav > li { } #Main_Header nav div.cp-nav ul.cp-nav > li::after { content: ''; display: block; width: 0; height: 2px; background-color: var(--color-teal); position: absolute; bottom: 0; left: 0; transition-duration: var(--transition-duration); } #Main_Header nav div.cp-nav ul.cp-nav > li > a { display: block; padding: 0 0; white-space: nowrap; font-weight: 700; } #Main_Header nav div.cp-nav ul.cp-nav > li > div { position: absolute; top: calc(100% + 1vw); left: 50%; visibility: hidden; opacity: 0; transition-duration: var(--transition-duration); background-color: var(--white-color); transform: translateX(-50%); padding: 1.5vw 2vw; box-shadow: rgba(0,0,0,0.2) 0 2px 32px; border-radius: 0.5vw; margin: 1vw 0 0 0; font-size: 0.9em; border: solid 1px #ddd; } #Main_Header nav div.cp-nav ul.cp-nav > li > div::before { content: ''; display: block; position: absolute; width: 100%; height: 1vw; bottom: 100%; left: 0; } #Main_Header nav div.cp-nav ul.cp-nav > li > div > div { text-transform: uppercase; font-size: 0.7em; letter-spacing: 0.1em; color: var(--color-blue-logo); padding: 0.5vw 0; font-weight: 700; } #Main_Header nav div.cp-nav ul.cp-nav > li > div > ul { } #Main_Header nav div.cp-nav ul.cp-nav > li > div > ul > li { white-space: nowrap; display: block; border-bottom: solid 1px #eee; } #Main_Header nav div.cp-nav ul.cp-nav > li > div > ul > li > a { display: block; padding: 0.7vw 2vw 0.7vw 0; } #Main_Header nav div.cp-nav ul.cp-nav > li > div > ul > li > a::after { content: '\f178'; font-family: FontAwesome; display: block; line-height: 1em; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(-45deg); color: var(--arrow-color); font-size: 0.8em; } #Main_Header nav div.cp-nav ul.cp-nav > li > div > ul > li::before { } #Main_Header nav div.cp-nav ul.cp-nav > li:hover { } #Main_Header nav div.cp-nav ul.cp-nav > li:hover::after { width: 100%; } #Main_Header nav div.cp-nav ul.cp-nav > li:hover > div { visibility: visible; opacity: 1; margin: 0; } #Main_Header nav div.cp-nav ul.cp-nav > li.cp-features > div > ul { column-count: 2; column-gap: 2vw; } #Main_Header nav div.cp-nav ul.cp-nav > li.cp-has-subnav { } #Main_Header nav div.cp-nav ul.cp-nav > li.cp-has-subnav > a::after { content: '\f0d7'; font-family: FontAwesome; font-size: 0.5em; margin: 0 0 0 1em; display: inline-block; } #Main_Header nav div.cp-nav ul.cp-nav > li.cp-demo { transition-duration: var(--transition-duration); } #Main_Header nav div.cp-nav ul.cp-nav > li.cp-demo > a { background-color: var(--color-blue-logo); color: var(--white-color); padding: 0.6em 1.5em; border-radius: 100vw; transition-duration: var(--transition-duration); font-size: 0.8em; } #Main_Header nav div.cp-nav ul.cp-nav > li.cp-demo::after { visibility: hidden; opacity: 0; } #Main_Header nav div.cp-nav ul.cp-nav > li.cp-demo:hover { } #Main_Header nav div.cp-nav ul.cp-nav > li.cp-demo:hover > a { margin: -0.3em 0 0.3em 0; box-shadow: rgba(0,127,255,0.2) 0 0.5em 1em; } #Main_Header nav div.cp-demo { display: none; } /*#endregion*/ /*#region article*/ article.cp-columns { display: flex; flex-direction: row; } article.cp-columns > div { flex-basis: 50%; display: flex; align-items: center; width: 30vw; } article.cp-columns > div > div { /*background-color: pink;*/ } article.cp-columns > div:first-of-type { padding: 0 2.5vw 0 5vw; justify-content: flex-end; /*background-color: lightblue;*/ } article.cp-columns > div:last-of-type { padding: 0 5vw 0 2.5vw; justify-content: flex-start; /*background-color: lightgreen;*/ } article.cp-columns.cp-reverse { flex-direction: row-reverse; } article.cp-columns.cp-reverse > div:first-of-type { padding: 0 5vw 0 2.5vw; justify-content: flex-start; } article.cp-columns.cp-reverse > div:last-of-type { padding: 0 2.5vw 0 5vw; justify-content: flex-end; } /*#endregion*/ /*#region Home_Index_Hero*/ #Home_Index_Hero { background: var(--blue-teal-gradient); overflow: hidden; padding: 6vw 0; } #Home_Index_Hero div.cp-text { } #Home_Index_Hero div.cp-text p.cp-breadcrumbs { text-transform: uppercase; font-size: 0.8em; font-weight: 800; letter-spacing: 0.05em; color: var(--breadcrumb-color); } #Home_Index_Hero div.cp-text h1 { font-size: 4.4em; letter-spacing: -0.05em; margin: 0.2em 0; } #Home_Index_Hero div.cp-text ul.cp-buttons { padding: 0; margin: 2em 0; list-style: none; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; column-gap: 2vw; font-size: 0.8em; font-weight: 700; } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-demo { } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-demo a { color: var(--color-blue-logo); background-color: var(--white-color); display: block; padding: 0.5em 1.5em; border-radius: 100em; transition-duration: var(--transition-duration); } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-demo a::after { content: '\f178'; font-family: FontAwesome; display: inline-block; margin: 0 0 0 0.5em; transform: rotate(-45deg); font-size: 0.8em; } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-demo:hover a { margin: -0.3em 0 0.3em 0; } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-explore { } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-explore a { color: var(--white-color); display: block; padding: 0.5em 0; } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-explore a::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--white-color); } #Home_Index_Hero div.cp-text ul.cp-buttons li.cp-explore a::after { content: '\f178'; font-family: FontAwesome; display: inline-block; margin: 0 0 0 0.5em; transform: rotate(90deg); font-size: 0.8em; } #Home_Index_Hero div.cp-text .cp-tagline { border-left: solid 0.2em var(--breadcrumb-color); padding: 0 0 0 1.5em; font-size: 0.8em; margin: 3em 0 0 0; } #Home_Index_Hero div.cp-text .cp-tagline p { font-weight: 700; line-height: 1em; margin: 0.25em 0 0.5em 0; } #Home_Index_Hero div.cp-text .cp-tagline ul { padding: 0; margin: 0; display: flex; align-items: center; justify-content: flex-start; column-gap: 1em; } #Home_Index_Hero div.cp-text .cp-tagline ul li { line-height: 1em; margin: 0.5em 1.5em 0.25em 0; } #Home_Index_Hero div.cp-text .cp-tagline ul li:first-of-type { list-style: none; } #Home_Index_Hero div.cp-text h1 strong { font-weight: 700; color: var(--breadcrumb-color); } #Home_Index_Hero div.cp-image { } #Home_Index_Hero div.cp-image > div { width: 100%; height: 28vw; color: var(--color-teal); } #Home_Index_Hero div.cp-image > div > div.cp-circle-1 { display: block; width: 40vw; height: 40vw; border-radius: 30vw; background-color: rgba(255,255,255,0.1); border: solid 0.1vw rgba(255,255,255,0.2); position: absolute; top: 65%; left: 65%; transform: translate(-50%,-50%); } #Home_Index_Hero div.cp-image > div > div.cp-circle-2 { display: block; width: 50vw; height: 50vw; border-radius: 30vw; border: solid 0.1vw rgba(255,255,255,0.2); position: absolute; top: 50%; left: 80%; transform: translate(-50%,-50%); } #Home_Index_Hero div.cp-image > div > div.cp-square-1 { display: block; width: 9vw; height: 9vw; border-radius: 2vw; border: solid 0.2vw rgba(255,255,255,0.4); position: absolute; top: 12%; left: 80%; transform: translate(-50%,-50%) rotate(15deg); } #Home_Index_Hero div.cp-image > div > img.cp-logo { display: block; width: auto; height: 8vw; position: absolute; top: -3%; left: 80%; transform: translate(-50%,-50%); opacity: 0.2; } #Home_Index_Hero div.cp-image > div > img.cp-screenshot { display: block; height: 90%; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(2deg); border-radius: 1vw; box-shadow: rgba(0,0,0,0.3) 0 15px 50px; } #Home_Index_Hero div.cp-image > div > div.cp-moves { background-color: rgba(255,255,255,0.9); position: absolute; top: 4em; left: 0; padding: 0.5em 1em; border-radius: 0.5em; font-weight: 700; box-shadow: rgba(0,0,0,0.2) 0 0.5em 1em; font-size: 0.9em; } #Home_Index_Hero div.cp-image > div > div.cp-moves::before { content: '\f178'; font-family: FontAwesome; display: inline-block; transform: rotate(-45deg); margin: 0 0.5em 0 0; } #Home_Index_Hero div.cp-image > div > div.cp-features { background-color: rgba(255,255,255,0.9); position: absolute; bottom: 5em; right: 0; padding: 0.5em 1em; font-weight: 700; border-radius: 0.5em; box-shadow: rgba(0,0,0,0.2) 0 0.5em 1em; font-size: 0.9em; } #Home_Index_Hero div.cp-image > div > div.cp-goal { background-color: rgba(255,255,255,0.9); position: absolute; bottom: 0; left: 4em; padding: 1em 1em; font-weight: 700; border-radius: 0.5em; box-shadow: rgba(0,0,0,0.2) 0 0.5em 1em; font-size: 0.9em; } #Home_Index_Hero div.cp-image > div > div.cp-goal > div.cp-flex { display: flex; align-items: center; justify-content: center; column-gap: 1em; } #Home_Index_Hero div.cp-image > div > div.cp-goal > div.cp-flex > div { } #Home_Index_Hero div.cp-image > div > div.cp-goal > div.cp-flex > div:first-of-type > div { width: 3em; height: 3em; } #Home_Index_Hero div.cp-image > div > div.cp-goal > div.cp-flex > div > div > span { display: block; } #Home_Index_Hero div.cp-image > div > div.cp-goal > div.cp-flex > div > div > span.cp-icon { font-size: 3em; display: block; position: absolute; transform-origin: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } #Home_Index_Hero div.cp-image > div > div.cp-goal > div.cp-flex > div > div > span.cp-icon.cp-1 { left: 70%; top: 30%; transform: translate(-50%,-50%) rotate(15deg); color: var(--color-blue-logo); font-size: 2.5em; z-index: 100; } #Home_Index_Hero div.cp-image > div > div.cp-goal > div.cp-flex > div > div > span.cp-icon.cp-2 { left: 35%; top: 55%; transform: translate(-50%,-50%) rotate(-15deg); color: var(--color-teal); } #Home_Index_Hero div.cp-image > div > div.cp-goal > div.cp-flex > div > span { display: block; } #Home_Index_Hero div.cp-image > div > div.cp-goal > div.cp-flex > div > span.cp-title { text-transform: uppercase; font-size: 0.8em; line-height: 1.2em; letter-spacing: 0.05em; } #Home_Index_Hero div.cp-image > div > div.cp-goal > div.cp-flex > div > span.cp-amount { font-size: 1.8em; line-height: 1.2em; color: var(--color-blue-logo); } #Home_Index_Hero div.cp-image > div > div.cp-goal > div.cp-flex > div > span.cp-percent { font-size: 0.8em; line-height: 1.2em; color: #666; } /*#endregion*/ /*#region Home_Index_Clients*/ #Home_Index_Clients { padding: 5vw 5vw; } #Home_Index_Clients h2 { font-size: 0.7em; text-transform: uppercase; color: #666; font-weight: 900; text-align: center; letter-spacing: 0.05em; padding: 0; margin: 0 0 2em 0; list-style: none; } #Home_Index_Clients ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0; list-style: none; column-gap: 1vw; row-gap: 1vw; max-width: 70vw; margin: 0 auto; } #Home_Index_Clients ul > li { background-color: white; box-shadow: rgba(0,0,0,0.05) 0 0.5em 1em; padding: 1vw 2vw; border-radius: 0.5em; border: solid 1px #eee; } #Home_Index_Clients ul > li > img { width: 10vw; } /*#endregion*/ /*#region Home_Index_Mission*/ #Home_Index_Mission { } #Home_Index_Mission article { padding: 8vw 0; } #Home_Index_Mission article div.cp-left { } #Home_Index_Mission article div.cp-left div.cp-flex { display: flex; align-items: center; justify-content: flex-start; column-gap: 1vw; } #Home_Index_Mission article div.cp-left div.cp-flex div.cp-logo { } #Home_Index_Mission article div.cp-left div.cp-flex div.cp-logo img { display: block; width: auto; height: 7vw; } #Home_Index_Mission article div.cp-left div.cp-flex div.cp-text { } #Home_Index_Mission article div.cp-left h2 { font-size: 4.2em; color: var(--color-green-logo); font-weight: 600; letter-spacing: -0.04em; } #Home_Index_Mission article div.cp-left p { font-size: 1.2em; color: var(--paragraph-text-color); } #Home_Index_Mission article div.cp-right { } #Home_Index_Mission article div.cp-right .cp-capterra { display: flex; align-items: center; justify-content: center; } #Home_Index_Mission article div.cp-right .cp-capterra > div { } #Home_Index_Mission article div.cp-right .cp-capterra > div > a { padding: 0; margin: 0; background: none; border-radius: 0; } #Home_Index_Mission article div.cp-right .cp-capterra > div > a > img { display: block; width: auto; height: 1000px; max-height: 8vw; } #Home_Index_Mission article div.cp-right .cp-capterra > div > a:hover { box-shadow: none; } #Home_Index_Mission article div.cp-right .cp-capterra > div.cp-best-customer-support > a { padding: 0 1vw; } #Home_Index_Mission article div.cp-right p { font-size: 0.9em; margin: 2em 0; color: var(--paragraph-text-color); } #Home_Index_Mission article div.cp-right p strong { color: var(--color-blue-logo); font-weight: 900; } #Home_Index_Mission article div.cp-right a { color: var(--white-color); display: inline-block; background-color: var(--color-blue-logo); padding: 1em 2em; border-radius: 100em; font-weight: 700; transition-duration: 300ms; } #Home_Index_Mission article div.cp-right a:hover { box-shadow: rgba(21,103,175,0.3) 0 0.5em 1em; margin: -0.3em 0 0.3em 0; } /*#endregion*/ /*#region Home_Index_Features*/ #Home_Index_Features { background-color: var(--background-light-gray); } #Home_Index_Features article { padding: 5vw 0; } #Home_Index_Features article div.cp-text { } #Home_Index_Features article div.cp-text p.cp-breadcrumbs { text-transform: uppercase; letter-spacing: 0.05em; color: var(--color-blue-logo); font-weight: 900; font-size: 1.2em; } #Home_Index_Features article div.cp-text h2 { font-size: 3.4em; font-weight: 600; letter-spacing: -0.04em; opacity: 0.8; margin: 0.3em 0 0.5em 0; } #Home_Index_Features article div.cp-text p { opacity: 0.8; } #Home_Index_Features article div.cp-links { } #Home_Index_Features article div.cp-links > div { width: 100%; height: 100%; } #Home_Index_Features article div.cp-links ul { padding: 0; margin: 0; list-style: none; gap: 1vw; display: grid; grid-template-columns: 1fr 1fr; } #Home_Index_Features article div.cp-links ul li { } #Home_Index_Features article div.cp-links ul li a { background-color: var(--white-color); display: block; width: 100%; height: 100%; padding: 1.3vw 1vw; font-weight: 700; color: var(--color-blue-logo); border: solid 1px #ddd; border-radius: 0.5vw; transition-duration: 300ms; } #Home_Index_Features article div.cp-links ul li a::after { content: '\f178'; font-family: FontAwesome; display: block; position: absolute; top: 50%; right: 1vw; transform: translateY(-50%) rotate(-45deg); color: var(--arrow-color); font-size: 0.8em; } #Home_Index_Features article div.cp-links ul li a:hover { padding-left: 1.4vw; box-shadow: rgba(0,0,0,0.1) 0 2px 16px; border-color: var(--color-teal); } /*#endregion*/ /*#region Home_Index_Features_Detail*/ #Home_Index_Features_Detail { } #Home_Index_Features_Detail article { display: flex; align-items: center; justify-content: center; flex-direction: row; margin: 2.5vw auto; width: calc(100% - 10vw); background-color: var(--background-light-gray); border-radius: 20px; overflow: hidden; } #Home_Index_Features_Detail article > div { flex-basis: 50%; padding: 2vw 5vw; } #Home_Index_Features_Detail article > div:first-of-type { } #Home_Index_Features_Detail article > div:last-of-type { } #Home_Index_Features_Detail article.cp-reverse { flex-direction: row-reverse; } #Home_Index_Features_Detail article.cp-reverse > div { } #Home_Index_Features_Detail article.cp-reverse > div:first-of-type { } #Home_Index_Features_Detail article.cp-reverse > div:last-of-type { } #Home_Index_Features_Detail article > div.cp-image { min-height: 30vw; padding: 0; background-color: orange; overflow: hidden; } #Home_Index_Features_Detail article > div.cp-image div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: pink; } #Home_Index_Features_Detail article > div.cp-image div img { display: block; position: absolute; top: 50%; left: 50%; height: 100%; width: auto; transform: translate(-50%,-50%); transition-duration: var(--transition-duration); } #Home_Index_Features_Detail article:hover > div.cp-image div img { transform: translate(-50%,-50%) scale(1.05); } #Home_Index_Features_Detail article > div.cp-text { } #Home_Index_Features_Detail article > div.cp-text h2 { color: var(--color-blue-logo); font-size: 3em; font-weight: 600; letter-spacing: -0.04em; } #Home_Index_Features_Detail article > div.cp-text h3 { color: var(--color-teal); font-size: 1.2em; font-weight: 900; letter-spacing: -0.04em; } #Home_Index_Features_Detail article > div.cp-text p { color: rgba(0,0,0,0.6); } #Home_Index_Features_Detail article > div.cp-text a { display: inline-block; font-weight: 800; color: black; line-height: 1em; padding: 1em 0; font-size: 0.8em; } #Home_Index_Features_Detail article > div.cp-text a::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: black; } #Home_Index_Features_Detail article > div.cp-text a::after { content: '\f178'; font-family: FontAwesome; display: inline-block; transform: rotate(-45deg); margin: 0 0 0 0.5em; font-size: 0.8em; } #Home_Index_Features_Detail article.cp-demo-request { background: none; display: block; } #Home_Index_Features_Detail article.cp-demo-request > div { display: block; } #Home_Index_Features_Detail article.cp-demo-request > div > div { display: flex; align-items: center; justify-content: center; } #Home_Index_Features_Detail article.cp-demo-request a { display: block; background-color: var(--color-teal); color: var(--white-color); padding: 0.6em 1.5em; border-radius: 100px; font-weight: 700; font-size: 0.8em; transition-duration: var(--transition-duration); } #Home_Index_Features_Detail article.cp-demo-request a::after { content: '\f178'; font-family: FontAwesome; display: inline-block; transform: rotate(-45deg); margin: 0 0 0 1em; font-size: 0.7em; } #Home_Index_Features_Detail article.cp-demo-request a:hover { margin: -0.3em 0 0.3em 0; box-shadow: rgba(17,167,132,0.3) 0 0.5em 1em; } /*#endregion*/ /*#region Hone_Index_Testimonials*/ #Home_Index_Testimonials { padding: 5vw 5vw; background-color: var(--background-light-gray); overflow: hidden; } #Home_Index_Testimonials img.cp-logo { display: block; width: 15vw; height: auto; position: absolute; bottom: 2vw; right: -2vw; opacity: 0.1; } #Home_Index_Testimonials header { display: none; } #Home_Index_Testimonials article { display: flex; align-items: stretch; justify-content: space-between; column-gap: 1vw; } #Home_Index_Testimonials article div { background-color: var(--white-color); border: solid 1px #ddd; border-radius: 0.5vw; box-shadow: rgba(0,0,0,0.05) 0 0.5em 1em; padding: 2vw 2vw; flex-basis: 25%; height: 20vw; } #Home_Index_Testimonials article blockquote { border: none; margin: 0; padding: 0; width: 100%; height: 100%; font-size: 1em; } #Home_Index_Testimonials article blockquote::before { content: '\f005\f005\f005\f005\f005'; font-family: FontAwesome; line-height: 1em; letter-spacing: 0.5vw; display: block; position: absolute; top: 0; left: 0; padding: 0.5em 0.4em 0.5em 1em; border-radius: 100em; background-color: lightyellow; border: solid 1px gold; box-shadow: rgba(0,0,0,0.1) 0 2px 16px; color: goldenrod; } #Home_Index_Testimonials article blockquote p { flex-basis: 100%; padding: 0; margin: 0; position: absolute; top: 3vw; left: 0; width: 100%; font-weight: 600; font-size: 0.9em; } #Home_Index_Testimonials article blockquote p::before { content: '"'; } #Home_Index_Testimonials article blockquote p::after { content: '"'; } #Home_Index_Testimonials article footer { border-top: solid 1px #ddd; padding: 1vw 0 0 0; position: absolute; bottom: 0; left: 0; width: 100%; color: black; } #Home_Index_Testimonials article footer::before { display: none; } #Home_Index_Testimonials article cite { display: flex; flex-direction: column-reverse; } #Home_Index_Testimonials article cite span.cp-name { font-style: normal; opacity: 0.7; display: block; } #Home_Index_Testimonials article cite span.cp-org { font-weight: 700; color: var(--color-blue-logo); font-style: normal; font-size: 1.1em; display: block; } /*#endregion*/ /*#region Home_Index_SeeTheStory*/ #Home_Index_SeeTheStory { overflow: hidden; color: var(--white-color); padding: 6vw 5vw; } #Home_Index_SeeTheStory img.cp-background { display: block; position: absolute; top: 0; right: -20vw; width: auto; height: 100%; } #Home_Index_SeeTheStory div.cp-scrim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.9));*/ background-color: #061f34; opacity: 0.7; } #Home_Index_SeeTheStory article.cp-text { } #Home_Index_SeeTheStory article.cp-text p.cp-breadcrumbs { text-transform: uppercase; color: var(--breadcrumb-color); font-size: 0.8em; font-weight: 700; letter-spacing: 0.05em; opacity: 1; } #Home_Index_SeeTheStory article.cp-text h2 { font-size: 4em; letter-spacing: -0.05em; } #Home_Index_SeeTheStory article.cp-text p { opacity: 0.7; } #Home_Index_SeeTheStory article.cp-infographic { display: flex; align-items: center; justify-content: space-between; } #Home_Index_SeeTheStory article.cp-infographic > div { flex-grow: 1; } #Home_Index_SeeTheStory article.cp-infographic > div > div { } #Home_Index_SeeTheStory article.cp-infographic > div > div img { display: block; width: 60vw; height: auto; } #Home_Index_SeeTheStory article.cp-infographic > div > div ul { padding: 0; margin: 0; list-style: none; border-left: solid 1px rgba(255,255,255,0.3); } #Home_Index_SeeTheStory article.cp-infographic > div > div ul li { border-top: solid 1px rgba(255,255,255,0.3); padding: 1.5em 1.5em; } #Home_Index_SeeTheStory article.cp-infographic > div > div ul li h3 { font-size: 1.8em; font-weight: 600; } #Home_Index_SeeTheStory article.cp-infographic > div > div ul li p { font-size: 0.9em; opacity: 0.7; } #Home_Index_SeeTheStory article.cp-infographic > div > div ul li:first-of-type { border: none; } /*#endregion*/ /*#region Features_Grants_Body*/ #Features_Grants_Body { } #Features_Grants_Body article { } #Features_Grants_Body article div.cp-right { } #Features_Grants_Body article div.cp-right div.cp-flex { column-gap: 2vw; } #Features_Grants_Body article div.cp-right div.cp-flex div { flex-basis: 50%; } #Features_Grants_Body article div.cp-right div.cp-flex div img { display: block; width: 100%; height: auto; border-radius: 0.5em; border: solid 0.3em white; box-shadow: rgba(0,0,0,0.2) 0 0.5em 1em; } /*#endregion*/ /*#region About_Support_Body*/ #About_Support_Body { padding: 5em 0; } #About_Support_Body article { } #About_Support_Body article div.cp-left { } #About_Support_Body article div.cp-left p.cp-breadcrumbs { text-transform: uppercase; font-weight: 900; letter-spacing: 0.1em; font-size: 0.85em; margin: 1em 0; color: var(--paragraph-text-color); } #About_Support_Body article div.cp-left h2 { margin: 0.3em 0; letter-spacing: -0.05em; font-weight: 600; color: var(--extreme-dark-blue-color); } #About_Support_Body article div.cp-left h2 span { display: block; } #About_Support_Body article div.cp-left p.cp-text { margin: 1em 0; font-size: 0.9em; color: var(--paragraph-text-color); } #About_Support_Body article div.cp-left ul { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; row-gap: 0.5em; } #About_Support_Body article div.cp-left ul > li { font-size: 0.9em; color: var(--paragraph-text-color); padding: 0 0 0 2em; } #About_Support_Body article div.cp-left ul > li::before { content: '\f058'; font-family: FontAwesome; color: var(--color-teal); margin: 0 0.5em 0 0; font-size: 1.5em; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } #About_Support_Body article div.cp-left p.cp-buttons { margin: 1em 0; } #About_Support_Body article div.cp-left p.cp-buttons a { display: inline-block; background-color: var(--color-teal); color: var(--white-color); padding: 0.7em 1.8em; border-radius: 100em; font-weight: 700; font-size: 0.7em; transition-duration: 300ms; } #About_Support_Body article div.cp-left p.cp-buttons a:hover { margin: -0.3em 0 0.3em 0; box-shadow: rgba(17,167,132,0.5) 0 4px 16px; } #About_Support_Body article div.cp-right { } #About_Support_Body article div.cp-right blockquote { border: 0; background-color: var(--background-light-gray); padding: 2em; border-radius: 0.5vw; font-size: 1em; color: var(--extreme-dark-blue-color); } #About_Support_Body article div.cp-right blockquote p { font-size: 1.1em; } #About_Support_Body article div.cp-right blockquote p::before { content: '"'; } #About_Support_Body article div.cp-right blockquote p::after { content: '"'; } #About_Support_Body article div.cp-right blockquote cite { font-size: 0.8em; font-style: normal; line-height: 2em; margin: 1em 0 0 0; display: block; } #About_Support_Body article div.cp-right blockquote cite span.cp-author { display: block; font-weight: 700; } #About_Support_Body article div.cp-right blockquote cite span.cp-org { display: block; } /*#endregion*/ /*#region About_Security_Body*/ #About_Security_Body { padding: 5vw 5vw; } #About_Security_Body article { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; column-gap: 1vw; row-gap: 1vw; } #About_Security_Body article > div { flex-basis: calc(50% - 0.5vw); background-color: var(--background-light-gray); padding: 2vw 2vw 4vw 2vw; border-radius: 0.5vw; } #About_Security_Body article p.cp-breadcrumbs { font-weight: 900; font-size: 0.8em; color: var(--color-teal); } #About_Security_Body article h2 { font-size: 1.5em; margin: 2em 0 1em 0; color: var(--extreme-dark-blue-color); } #About_Security_Body article p.cp-text { margin: 0; font-size: 0.9em; color: var(--paragraph-text-color); } /*#endregion*/ /*#region About_Integrations_Body*/ #About_Integrations_Body { padding: 5vw 5vw; } #About_Integrations_Body article { display: flex; flex-direction: column; row-gap: 3em; } #About_Integrations_Body article > div { display: flex; flex-direction: row; column-gap: 1em; } #About_Integrations_Body article > div > div:first-of-type { flex-basis: 15%; } #About_Integrations_Body article > div > div:last-of-type { flex-basis: 85%; } #About_Integrations_Body article h2 { font-size: 0.7em; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; color: var(--color-blue-logo); } #About_Integrations_Body article ul { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 1em; row-gap: 1em; } #About_Integrations_Body article ul > li { flex-basis: 30%; } #About_Integrations_Body article ul > li > a { background-color: #eee; display: block; padding: 1em 1em; border-radius: 0.5vw; background-color: var(--background-light-gray); transition-duration: 300ms; } #About_Integrations_Body article ul > li > a > img { display: block; width: 10vw; height: auto; margin: 0 auto; } #About_Integrations_Body article ul > li > a::after { content: '\f178'; font-family: FontAwesome; display: block; position: absolute; top: 50%; right: 1em; transform: translateY(-50%) rotate(-45deg); font-size: 0.7em; color: var(--arrow-color); } #About_Integrations_Body article ul > li > a:hover { background-color: var(--white-color); box-shadow: rgba(0,0,0,0.05) 0 1em 2em; margin: -0.03em 0 0.03em 0; } /*#endregion*/ /*#region Pricing_Body*/ #Pricing_Header { padding: 4vw 0 8vw 0; } #Pricing_Header > img.cp-logo { left: auto; right: -1vw; bottom: -1vw; width: 15vw; transform: none; opacity: 0.15; } #Pricing_Header article { font-size: 1.2em; } #Pricing_Prices { width: calc(100% - 10vw); margin: 0 auto; } #Pricing_Prices ul { display: flex; align-items: stretch; justify-content: center; padding: 0; margin: 0; list-style: none; column-gap: 1vw; margin: -4em 0 4em 0; } #Pricing_Prices ul li { background-color: var(--white-color); border-radius: 0.5vw; flex-basis: 25%; border: solid 1px #ddd; box-shadow: rgba(0,0,0,0.08) 0 4px 32px; padding: 0 2em; } #Pricing_Prices ul li p { margin: 0; padding: 0; } #Pricing_Prices ul li p.cp-tease { display: block; background-color: #c9f7dd; color: black; position: absolute; top: -1em; left: 2em; border-radius: 100em; padding: 0.12em 1.2em; text-transform: uppercase; font-size: 0.6em; font-weight: 900; } #Pricing_Prices ul li p.cp-range { margin: 3em 0; } #Pricing_Prices ul li p.cp-range span.cp-amount { display: block; font-weight: 700; font-size: 1.5em; } #Pricing_Prices ul li p.cp-range span.cp-unit { display: block; text-transform: uppercase; font-weight: 700; font-size: 0.7em; letter-spacing: 0.05em; } #Pricing_Prices ul li p.cp-price { margin: 3em 0 2em 0; } #Pricing_Prices ul li p.cp-price span.cp-amount { font-size: 3.5em; letter-spacing: -0.05em; } #Pricing_Prices ul li p.cp-price span.cp-unit { font-size: 0.8em; opacity: 0.6; } #Pricing_Prices ul li p.cp-note { margin: 1em 0; font-size: 0.8em; opacity: 0.6; } #Pricing_Prices ul li p.cp-button { margin: 2em 0; } #Pricing_Prices ul li p.cp-button a { display: block; padding: 1em 2em; background-color: var(--color-teal); color: var(--white-color); border-radius: 100em; text-align: center; font-weight: 700; font-size: 0.7em; transition-duration: 300ms; } #Pricing_Prices ul li p.cp-button a:hover { margin: -0.3em 0 0.3em 0; } #Pricing_Prices ul li.cp-light { background-color: var(--white-color); border-color: #ddd; color: black; } #Pricing_Prices ul li.cp-light p.cp-range span.cp-amount { color: var(--color-blue-logo); } #Pricing_Prices ul li.cp-light p.cp-range span.cp-unit { color: #666; } #Pricing_Prices ul li.cp-light p.cp-button a:hover { box-shadow: rgba(17,167,132,0.2) 0 1em 1.5em; } #Pricing_Prices ul li.cp-dark { background: linear-gradient(0deg, #14959f, #0f7fad); border-color: rgba(255,255,255,0.4); color: var(--white-color); box-shadow: rgba(255,255,255,0.5) 0 0 4em; } #Pricing_Prices ul li.cp-dark p.cp-price { } #Pricing_Prices ul li.cp-dark p.cp-price span.cp-unit { opacity: 0.7; } #Pricing_Prices ul li.cp-dark p.cp-note { opacity: 0.7; } #Pricing_Prices ul li.cp-dark p.cp-button { } #Pricing_Prices ul li.cp-dark p.cp-button a { background-color: var(--white-color); color: #0f7fad; } #Pricing_ConstantContact { display: flex; align-items: center; justify-content: space-between; padding: 5vw 5vw; background-color: var(--background-light-gray); } #Pricing_ConstantContact > div { } #Pricing_ConstantContact > div.cp-left { flex-basis: 30%; } #Pricing_ConstantContact > div.cp-left img.cp-logo { display: block; width: 20vw; } #Pricing_ConstantContact > div.cp-left p { margin: 1em 0; padding: 0; font-size: 0.9em; color: var(--paragraph-text-color); } #Pricing_ConstantContact > div.cp-left p strong { font-weight: 900; } #Pricing_ConstantContact > div.cp-right { flex-basis: 50%; } #Pricing_ConstantContact > div.cp-right p { margin: 0; padding: 0; } #Pricing_ConstantContact > div.cp-right > ul { display: flex; align-items: stretch; justify-content: flex-start; padding: 0; margin: 0; list-style: none; column-gap: 1vw; } #Pricing_ConstantContact > div.cp-right > ul > li { flex-basis: 50%; background-color: var(--white-color); box-shadow: rgba(0,0,0,0.06) 0 1em 2em; border-radius: 0.5em; padding: 1.5em 2em; border: solid 1px #dce8ed; } #Pricing_ConstantContact > div.cp-right > ul > li > h3 { color: var(--color-blue-logo); font-weight: 900; font-size: 1em; margin: 0.5em 0; } #Pricing_ConstantContact > div.cp-right > ul > li > p { font-size: 0.7em; line-height: 1.6em; color: var(--paragraph-text-color); } #Pricing_ConstantContact > div.cp-right > ul > li > p.cp-price { font-size: 1.8em; color: var(--color-teal); font-weight: 700; margin: 1.5em 0 0.25em 0; } #Pricing_ConstantContact > div.cp-right > ul > li > p.cp-flatrate { margin: 0.25em 0; } #Pricing_Custom { display: flex; align-items: stretch; justify-content: space-between; background-color: var(--dark-blue-color); color: var(--white-color); column-gap: 1vw; padding: 4vw 5vw; } #Pricing_Custom > div { flex-basis: 50%; background-color: rgba(255,255,255,0.1); border: solid 1px rgba(255,255,255,0.2); padding: 1.5vw 3vw; border-radius: 0.5vw; } #Pricing_Custom > div * { margin: 0; } #Pricing_Custom > div h2 { font-weight: 900; color: #8ee4b7; font-size: 2em; margin: 0.5em 0; } #Pricing_Custom > div p.cp-subhead { font-size: 1.5em; margin: 1em 0; } #Pricing_Custom > div p.cp-text { font-size: 0.9em; margin: 1em 0; color: var(--paragraph-text-color-2); } #Pricing_Custom > div a { color: var(--white-color); font-weight: 700; text-decoration: underline; } #Pricing_Custom > div ul { padding: 0 0 0 2em; margin: 0; list-style: none; } #Pricing_Custom > div ul > li { font-size: 0.9em; color: var(--paragraph-text-color-2); } #Pricing_Custom > div p.cp-button { margin: 1em 0; } #Pricing_Custom > div p.cp-button a { display: inline-block; padding: 0.5em 1.5em; background-color: var(--color-teal); border-radius: 100em; color: var(--dark-blue-color); font-size: 0.8em; transition-duration: 300ms; text-decoration: none; } #Pricing_Custom > div p.cp-button a:hover { margin: -0.2em 0 0.2em 0; } #Pricing_Footnote { padding: 1vw 5vw; background-color: var(--background-light-gray); } #Pricing_Footnote p { font-size: 0.6em; color: var(--paragraph-text-color); margin: 0; } #Pricing_Benefits { padding: 5vw 5vw; display: flex; align-items: flex-start; justify-content: space-between; } #Pricing_Benefits > div.cp-left { flex-basis: 40%; } #Pricing_Benefits > div.cp-right { flex-basis: 55%; } #Pricing_Benefits p.cp-breadcrumbs { text-transform: uppercase; font-weight: 900; color: var(--color-blue-logo); font-size: 0.7em; letter-spacing: 0.05em; margin: 1em 0; } #Pricing_Benefits h2 { font-size: 3.5em; letter-spacing: -0.06em; color: var(--extreme-dark-blue-color); margin: 0; } #Pricing_Benefits p.cp-text { font-size: 0.9em; color: var(--paragraph-text-color); margin: 1em 0; } #Pricing_Benefits ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; row-gap: 1vw; } #Pricing_Benefits ul > li { flex-basis: calc(50% - 0.5vw); background-color: var(--background-light-gray); border: solid 1px #dfe9ed; padding: 1.5vw 1.5vw; border-radius: 0.5vw; } #Pricing_Benefits ul > li::before { content: '\f058'; font-family: FontAwesome; display: block; color: var(--color-teal); font-size: 2.2em; margin: 0 0 0.7em 0; } #Pricing_Benefits ul > li h3 { color: var(--color-blue-3); font-size: 1.1em; font-weight: 400; } #Pricing_Benefits ul > li p { font-size: 0.8em; line-height: 1.5em; color: var(--paragraph-text-color); } /*#endregion*/ /*#region DemoRequest_Body*/ #DemoRequest_Body { } #DemoRequest_Body ul.cp-contact { display: flex; align-items: stretch; justify-content: space-between; padding: 0; margin: 0; list-style: none; } #DemoRequest_Body ul.cp-contact li { flex-basis: calc(50% - 0.5vw); } #DemoRequest_Body ul.cp-contact li a { display: block; color: var(--white-color); border: solid 1px rgba(255,255,255,0.3); border-radius: 0.5vw; padding: 0.5vw 1vw; } #DemoRequest_Body ul.cp-contact li a span { display: block; } #DemoRequest_Body ul.cp-contact li a span.cp-label { text-transform: uppercase; font-size: 0.7em; letter-spacing: 0.1em; opacity: 0.5; } #DemoRequest_Body ul.cp-contact li a span.cp-value { font-size: 0.8em; font-weight: 900; } #DemoRequest_Body form { background-color: var(--white-color); border-color: #999; color: black; padding: 2vw 2vw; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 1vw; font-size: 0.7em; width: 100%; border-radius: 1vw; } #DemoRequest_Body form > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; row-gap: 0.5vw; width: 100%; } #DemoRequest_Body form > div > div { flex-grow: 1; width: 100%; } #DemoRequest_Body form > div > div > label { display: block; margin: 0; padding: 0; } #DemoRequest_Body form > div > div > input, #DemoRequest_Body form > div > div > select, #DemoRequest_Body form > div > div > textarea { display: block; margin: 0; padding: 1em 1em; background: none; border: solid 1px #ccc; outline: none; width: 100%; line-height: 1em; border-radius: 0.5em; } #DemoRequest_Body form > div > div > textarea { height: 10em; } #DemoRequest_Body form .cp-validation-message { color: red; } #DemoRequest_Body form button { background: none; background-color: var(--color-teal); border: none; outline: none; color: var(--white-color); border-radius: 100em; padding: 0.5em 2em; width: 100%; margin: 0; transition-duration: 300ms; font-weight: 700; } #DemoRequest_Body form button::after { content: '\f178'; font-family: FontAwesome; display: inline-block; transform: rotate(-45deg); margin: 0 0 0 0.5em; font-size: 0.8em; } #DemoRequest_Body form button:hover { margin: -0.3em 0 0.3em 0; box-shadow: rgba(17,167,132,0.3) 0 1em 2em; } #DemoRequest_Body form .cp-calendar-selection { font-size: 1em; } #DemoRequest_Body .cp-calendar { } #DemoRequest_Body .cp-calendar table { border: solid 1px #ccc; border-radius: 0.5vw; } #DemoRequest_Body .cp-calendar table tr { } #DemoRequest_Body .cp-calendar table tr th, #DemoRequest_Body .cp-calendar table tr td { font-size: 1.5em; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; } /*#endregion*/ /*#region PrivacyPolicy_Body*/ #PrivacyPolicy_Body { background-color: var(--white-color); padding: 5vw 20vw; } #PrivacyPolicy_Body article { background-color: var(--white-color); border-radius: 1vw; padding: 5vw 5vw; margin: 0 auto; border: solid 1px #dce8ed; box-shadow: rgba(0,0,0,0.1) 0 0 10vw; } #PrivacyPolicy_Body h1 { font-size: 3.8em; letter-spacing: -0.08em; color: var(--extreme-dark-blue-color); margin: 0.5em 0; } #PrivacyPolicy_Body p.cp-subhead { font-weight: 700; color: var(--color-blue-logo); } #PrivacyPolicy_Body h2 { font-size: 1.5em; color: var(--color-blue-logo); font-weight: 400; margin: 2em 0 0.5em 0; } #PrivacyPolicy_Body p { font-size: 0.8em; line-height: 1.8em; color: var(--paragraph-text-color); margin: 0.5em 0; } #PrivacyPolicy_Body p a { font-weight: 900; color: var(--color-blue-logo); text-decoration: underline; } #PrivacyPolicy_Body ul { padding: 0 0 0 2em; margin: 0; list-style: none; } #PrivacyPolicy_Body ul li { font-size: 0.8em; line-height: 1.8em; color: var(--paragraph-text-color); margin: 0.5em 0; } #PrivacyPolicy_Body div.cp-scrim { position: absolute; top: 0; left: 0; width: 100%; height: 600px; background-color: pink; background: linear-gradient(180deg, #eaf5fa, transparent); } #PrivacyPolicy_Body dl { background-color: var(--background-light-gray); border-left: solid 3px var(--color-teal); padding: 1.5vw 1.5vw; font-size: 0.8em; } #PrivacyPolicy_Body dl dt, #PrivacyPolicy_Body dl dd { margin: 0.3em 0; color: var(--paragraph-text-color); line-height: 1.8em; } #PrivacyPolicy_Body dl dt { color: black; font-weight: 900; } #PrivacyPolicy_Body address { background-color: var(--background-light-gray); border-left: solid 3px var(--color-teal); padding: 1.5vw 1.5vw; font-size: 0.8em; color: var(--paragraph-text-color); line-height: 1.8em; } /*#endregion*/ /*#region Blog_Index_Body*/ #Blog_Index_Body { padding: 5vw 5vw; } #Blog_Index_Body article { margin: 10em 0; } #Blog_Index_Body article div.cp-flex { display: flex; align-items: flex-start; justify-content: space-between; column-gap: 4vw; } #Blog_Index_Body article div.cp-flex > div { } #Blog_Index_Body article div.cp-flex > div:first-of-type { } #Blog_Index_Body article div.cp-flex > div:first-of-type img { display: block; width: 20vw; height: auto; } #Blog_Index_Body article div.cp-flex > div:last-of-type { flex-basis: 100%; } #Blog_Index_Body article h2 { font-size: 2em; font-weight: 500; } #Blog_Index_Body article p { font-size: 1em; } #Blog_Index_Body article p.cp-date { font-weight: 400; } #Blog_Index_Body article p.cp-tags { } #Blog_Index_Body article div.cp-content { font-size: 1em; } #Blog_Index_Body article div.cp-content p { } #Blog_Index_Body article p.cp-read-more { margin: 1em 0; } #Blog_Index_Body article p.cp-read-more a { display: inline-block; background: none; border: none; outline: none; box-shadow: none; padding: 1em 2em; margin: 0; background: none; background-color: var(--color-teal); color: white; font-weight: 700; text-shadow: none; border-radius: 0.5em; } /*#endregion*/ /*#region Blog_Detail_Body*/ #Blog_Detail_Body { padding: 5vw 5vw; } #Blog_Detail_Body article { } #Blog_Detail_Body article h1 { font-size: 3em; font-weight: 500; } #Blog_Detail_Body article h2 { font-size: 2em; font-weight: 500; } #Blog_Detail_Body article .cp-date { font-weight: 700; } #Blog_Detail_Body article .cp-social { } #Blog_Detail_Body article .cp-image { } #Blog_Detail_Body article .cp-content { margin: 2em 0; } /*#endregion*/ /*#region cp-section-common-1*/ section.cp-section-common-1 { background: var(--blue-teal-gradient); color: var(--white-color); padding: 4vw 0; } section.cp-section-common-1 img.cp-logo { display: block; position: absolute; top: 1vw; right: 2vw; width: 12vw; height: auto; opacity: 0.1; margin: 0; padding: 0; } section.cp-section-common-1 article { } section.cp-section-common-1 article > div { } section.cp-section-common-1 article > div.cp-text { flex-basis: 60%; } section.cp-section-common-1 article > div.cp-text p.cp-breadcrumbs { text-transform: uppercase; color: var(--breadcrumb-color); font-weight: 900; font-size: 0.7em; letter-spacing: 0.1em; opacity: 1; } section.cp-section-common-1 article > div.cp-text h2 { font-size: 4em; letter-spacing: -0.06em; margin: 0.3em 0; } section.cp-section-common-1 article > div.cp-text p { opacity: 0.7; } section.cp-section-common-1 article > div.cp-button { align-items: flex-end; justify-content: flex-end; flex-basis: 40%; } section.cp-section-common-1 article > div.cp-button > div { height: auto; } section.cp-section-common-1 article > div.cp-button > div > p { margin: 0; padding: 0; } section.cp-section-common-1 article > div.cp-button > div > p > a { display: block; background-color: var(--color-teal); padding: 1em 2em; border-radius: 100em; color: black; font-size: 0.7em; font-weight: 700; transition-duration: var(--transition-duration); } section.cp-section-common-1 article > div.cp-button > div > p > a::after { content: '\f178'; font-family: FontAwesome; margin: 0 0 0 1em; display: inline-block; transform: rotate(-45deg); font-size: 0.8em; } section.cp-section-common-1 article > div.cp-button > div > p > a:hover { margin: -0.3em 0 0.3em 0; } /*#endregion*/ /*#region cp-section-common-2*/ section.cp-section-common-2 { background-color: #117fab; color: var(--white-color); padding: 5vw 5vw; } section.cp-section-common-2 a { color: var(--white-color); } section.cp-section-common-2 article { } section.cp-section-common-2 article > div { } section.cp-section-common-2 article > div > div { } section.cp-section-common-2 article div.cp-image { flex-basis: 60%; } section.cp-section-common-2 article div.cp-text { flex-basis: 40%; } section.cp-section-common-2 article img { display: block; width: 48vw; height: auto; border-radius: 0.5vw; box-shadow: rgba(0,0,0,0.2) 8px 8px 40px; } section.cp-section-common-2 article p.cp-breadcrumbs { text-transform: uppercase; color: var(--breadcrumb-color); font-weight: 900; font-size: 0.8em; letter-spacing: 0.1em; } section.cp-section-common-2 article h2 { letter-spacing: -0.05em; } section.cp-section-common-2 article p.cp-text { opacity: 0.7; } section.cp-section-common-2 article a { opacity: 1; color: var(--white-color); display: inline-block; padding: 0.5vw 0; font-size: 0.8em; font-weight: 700; } section.cp-section-common-2 article a::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--white-color); } section.cp-section-common-2 article a::after { content: '\f178'; font-family: FontAwesome; display: inline-block; transform: rotate(-45deg); margin: 0 0 0 0.5em; font-size: 0.8em; } /*#endregion*/ /*#region Main_Footer*/ #Main_Footer { background-color: #061f34; color: var(--white-color); padding: 5vw 5vw; font-size: 0.8em; overflow: hidden; } #Main_Footer img.cp-logo { display: block; position: absolute; top: 3vw; right: -2vw; width: 12vw; height: auto; opacity: 0.1; } #Main_Footer a { color: var(--white-color); } #Main_Footer a:hover { color: var(--white-color); } #Main_Footer a.cp-logo { display: inline-block; padding: 0.5vw 0.8vw; border-radius: 0.5vw; background-color: var(--white-color); } #Main_Footer a.cp-logo img { display: block; width: 15vw; height: auto; } #Main_Footer p.cp-tagline { opacity: 0.6; } #Main_Footer div.cp-contact { font-weight: 700; font-size: 1.1em; } #Main_Footer article.cp-links { display: flex; align-items: flex-start; justify-content: space-between; column-gap: 3vw; } #Main_Footer article.cp-links > div { flex-basis: 25%; } #Main_Footer article.cp-links > div > h2 { font-size: inherit; font-weight: 600; margin: 0; padding: 0 0 1em 0; } #Main_Footer article.cp-links > div > ul { padding: 0; margin: 0; list-style: none; } #Main_Footer article.cp-links > div > ul > li { } #Main_Footer article.cp-links > div > ul > li > a { display: block; padding: 0.3em 0; opacity: 0.6; transition-duration: var(--transition-duration); } #Main_Footer article.cp-links > div > ul > li > a:hover { opacity: 1; } #Main_Footer article.cp-address { border-top: solid 1px rgba(255,255,255,0.2); margin: 2vw 0 0 0; padding: 2vw 0 0 0; display: flex; align-items: center; justify-content: space-between; } #Main_Footer article.cp-address div { opacity: 0.5; } /*#endregion*/ } .cp-calendar { cursor: default; } .cp-calendar table { width: 100%; } .cp-calendar.admin .cp-grid { width: 50%; display: inline-block; vertical-align: top; } .cp-calendar table thead tr th { text-align: center; color: #ccc; font-weight: normal; padding: 10px; } .cp-calendar .cp-month { display: none; position:relative; } .cp-calendar .cp-month.active { display: block; } .cp-calendar .cp-month .cp-title { text-align: center; color: black; } .cp-calendar .cp-nav { cursor: pointer; } .cp-calendar table tbody tr td { text-align: center; } .cp-calendar .cp-date { cursor: pointer; position: relative; } .cp-calendar:not(.admin) .cp-date.disabled { color: #ccc; cursor: default; } .cp-calendar .cp-day, .cp-calendar .cp-placeholder { background-color: white; padding: 5px; margin: 1px; } .cp-calendar .cp-day, .cp-calendar .cp-placeholder{ padding:10px; } .cp-calendar .cp-day.active { color: white; background-color: #139847; font-weight: bold; } .cp-calendar.admin .cp-day, .cp-calendar.admin .cp-placeholder { border: solid 1px #ccc; } .cp-calendar .cp-timeslots { display: none; position: absolute; white-space: nowrap; background-color: white; box-shadow: rgba(0,0,0,0.1) 0 4px 8px; z-index: 10; text-align: left; font-size: 14px; padding-top: 10px; padding-bottom: 10px; } .cp-calendar .cp-timeslots.active { display: block; } .cp-calendar .cp-timeslots .cp-title { padding: 10px; font-weight: bold; background-color: #eee; } .cp-calendar .cp-timeslot { padding: 10px; } .cp-calendar .cp-timeslot.active { color: white; font-weight: bold; background-color: #139847; } .cp-calendar:not(.admin) .cp-timeslot.disabled { color: #ccc; } .cp-calendar .cp-timeslot label.checkbox input[type=checkbox] { position:relative; margin-left:0; } .cp-calendar .cp-date-value, .cp-calendar .cp-date-text { display: none; } .cp-calendar .cp-blocked{ display:inline-block; vertical-align:top; } .cp-calendar .cp-blocked > div{ font-weight:bold; } .cp-calendar-selection { text-align: center; font-size: 14px; padding: 10px; }