/* Minification failed. Returning unminified contents. (475,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (476,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (477,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (478,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (479,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (480,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (481,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (482,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (483,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (484,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (485,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (486,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (487,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (488,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (489,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (490,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (491,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (492,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (493,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (494,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (495,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (496,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (497,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (498,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (499,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (500,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (501,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (502,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (503,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (504,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (505,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (506,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (538,15): run-time error CSS1039: Token not allowed after unary operator: '-black-01' (545,15): run-time error CSS1039: Token not allowed after unary operator: '-black-01' (552,22): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-01' (553,26): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-02' (557,26): run-time error CSS1039: Token not allowed after unary operator: '-light-tan' (558,26): run-time error CSS1039: Token not allowed after unary operator: '-pale' (613,26): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (614,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (619,27): run-time error CSS1039: Token not allowed after unary operator: '-green-hover' (620,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (626,27): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (627,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (633,27): run-time error CSS1039: Token not allowed after unary operator: '-gray-03' (634,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (639,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-02' (640,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (641,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (647,27): run-time error CSS1039: Token not allowed after unary operator: '-gray-03' (648,27): run-time error CSS1039: Token not allowed after unary operator: '-white' (649,16): run-time error CSS1039: Token not allowed after unary operator: '-green-hover' (654,27): run-time error CSS1039: Token not allowed after unary operator: '-gray-01' (655,27): run-time error CSS1039: Token not allowed after unary operator: '-gray-05' (656,16): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (661,27): run-time error CSS1039: Token not allowed after unary operator: '-gray-03' (662,27): run-time error CSS1039: Token not allowed after unary operator: '-gray-05' (663,16): run-time error CSS1039: Token not allowed after unary operator: '-gray-03' (670,26): run-time error CSS1039: Token not allowed after unary operator: '-strawberry' (671,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (678,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (685,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (691,27): run-time error CSS1039: Token not allowed after unary operator: '-gray-03' (692,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (709,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (710,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (711,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (733,26): run-time error CSS1039: Token not allowed after unary operator: '-green-hover' (734,30): run-time error CSS1039: Token not allowed after unary operator: '-green-hover' (738,25): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (739,29): run-time error CSS1039: Token not allowed after unary operator: '-green-hover' (743,25): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (968,1): run-time error CSS1019: Unexpected token, found '@import' (968,9): run-time error CSS1019: Unexpected token, found 'url('assets.css')' (969,1): run-time error CSS1019: Unexpected token, found '@import' (969,9): run-time error CSS1019: Unexpected token, found 'url('wizardforms.css')' (970,1): run-time error CSS1019: Unexpected token, found '@import' (970,9): run-time error CSS1019: Unexpected token, found 'url('widgets.css')' (971,1): run-time error CSS1019: Unexpected token, found '@import' (971,9): run-time error CSS1019: Unexpected token, found 'url('cito.css')' (1022,35): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (2458,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (2462,16): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (2696,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (2812,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (2816,16): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (5723,27): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (5724,27): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (5728,28): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (5729,24): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (5764,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (5800,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (5822,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (5851,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (5980,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (6006,27): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (6018,28): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (6320,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (6426,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (6879,27): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (6886,28): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (7143,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (7302,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (7489,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (7558,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (7783,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (7827,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (7831,16): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (7863,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (7867,16): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (8003,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (8365,20): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (8548,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (8556,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (8593,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (8684,25): run-time error CSS1039: Token not allowed after unary operator: '-light-pink' (8686,25): run-time error CSS1039: Token not allowed after unary operator: '-light-pink' (8739,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (8841,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (8907,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (8937,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (9061,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (9197,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (9622,20): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (9706,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (9963,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (9964,23): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (10084,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (10092,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (10180,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (10508,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (10603,23): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (10607,30): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (11663,22): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (11667,29): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (12207,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (12235,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (13122,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (13146,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (13409,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (13430,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' : run-time error CSS1036: Expected expression, found '' (13558,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (14210,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (14230,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (14308,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (14313,20): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (14327,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (14335,33): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (14336,24): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (14663,23): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (14715,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (14721,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (14803,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (16058,20): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (16074,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (16235,20): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (16251,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (16265,20): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (16283,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (16369,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (16872,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (17066,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (17401,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (17528,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (17585,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (17590,18): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (18498,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (18660,17): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (18971,17): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (19271,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (19362,25): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (19468,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (19518,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (19596,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (20084,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (20430,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (20474,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (20695,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (21016,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (21069,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (21090,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (21111,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (21142,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (21211,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (21335,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (21428,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (21721,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (21819,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' : run-time error CSS1036: Expected expression, found '' (22058,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (22428,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' : run-time error CSS1036: Expected expression, found '' (22555,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (22559,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (22639,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (22647,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (22845,27): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (22923,27): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (23194,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (23265,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (23524,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (24021,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (24914,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (25330,27): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (25483,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (25491,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (25580,21): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (25584,20): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (25666,21): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (25740,25): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (25799,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (26107,21): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (26346,21): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (26350,20): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (26520,21): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (26524,20): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (26626,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (26929,21): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (27137,30): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (27355,20): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (27451,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (27466,27): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (27526,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (27541,29): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (27653,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (27952,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (28000,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (28087,28): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (28273,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (28330,36): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (28338,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (28339,37): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (29088,28): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (29437,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (29671,27): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (29689,28): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (29697,28): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (29884,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (29922,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (29947,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (29953,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (29995,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (30116,18): run-time error CSS1039: Token not allowed after unary operator: '-green-active' (30335,26): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (30367,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (30384,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (30398,16): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (30538,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (30816,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (30973,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (31453,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' : run-time error CSS1036: Expected expression, found '' (31543,20): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (31547,19): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (31948,21): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (32434,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (32622,18): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (32814,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (32815,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32826,2): run-time error CSS1019: Unexpected token, found '@keyframes' (32827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33203,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (33207,15): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (33365,17): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (33505,1): run-time error CSS1019: Unexpected token, found '@import' (33505,9): run-time error CSS1019: Unexpected token, found 'url('assets.css')' (33546,14): run-time error CSS1039: Token not allowed after unary operator: '-green-primary' (33551,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-00' (33632,1): run-time error CSS1019: Unexpected token, found '@keyframes' (33633,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33690,1): run-time error CSS1019: Unexpected token, found '@import' (33690,9): run-time error CSS1019: Unexpected token, found 'url('assets.css')' (33711,16): run-time error CSS1039: Token not allowed after unary operator: '-black-01' (33733,21): run-time error CSS1039: Token not allowed after unary operator: '-strawberry' (33737,21): run-time error CSS1039: Token not allowed after unary operator: '-green-widget' (33741,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-widget' (33832,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-sky-blue' (33833,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (33837,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-02' (33855,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-widget' (33859,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (33887,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (33896,29): run-time error CSS1039: Token not allowed after unary operator: '-gray-01' (33901,28): run-time error CSS1039: Token not allowed after unary operator: '-red-widget' (33905,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-widget' (33909,28): run-time error CSS1039: Token not allowed after unary operator: '-green-widget' (34008,15): run-time error CSS1039: Token not allowed after unary operator: '-black-01' (34295,22): run-time error CSS1039: Token not allowed after unary operator: '-light-auxiliary-10' */ @font-face { font-family: 'dashboard-icons'; src: url('../fonts/dashboard-icons.eot?s0vmkh'); src: url('../fonts/dashboard-icons.eot?s0vmkh#iefix') format('embedded-opentype'), url('../fonts/dashboard-icons.ttf?s0vmkh') format('truetype'), url('../fonts/dashboard-icons.woff?s0vmkh') format('woff'), url('../fonts/dashboard-icons.svg?s0vmkh#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icn-"]:before, [class*=" icn-"]:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'dashboard-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icn-mail:before { content: "\e900"; } .icn-edit:before { content: "\e901"; } .icn-phone:before { content: "\e902"; } .icn-remove:before { content: "\e903"; } .icn-device:before { content: "\e904"; } .icn-user:before { content: "\e905"; } input.ng-dirty.ng-invalid { border-color: #e66a71; } textarea.ng-dirty.ng-invalid { border-color: #e66a71; } .error { font-size: 14px; font-weight: 300; color: #ed3c47; } select::-ms-expand { display: none; } select{ -webkit-appearance: none; appearance: none; } .flex { display: flex; } @media screen and (max-width: 768px) { .flex { display: block; } .company-services-icons>li:last-child img, ul.company-services-icons>li:last-child img { margin-left: 10px; } } #contentRoot { min-height: 33.5em } .company-description-edit-input { resize: vertical; } .company-name-edit-input { resize: none; } #userInfo input.ng-invalid.ng-invalid-required { border-color: #e66a71; } #old-product-warning { margin-bottom: 16px; } label.boxed p { font-size: 1.1em; } .sub-headline { text-align: center; } ::-ms-clear { display: none; } .license-red { color: #ED2939 !important; } .filter-list-section .filter-results { padding: 0.75em 0em 0.75em 2em !important; background: #f8f8f8; display: block; } .product-item { text-align: left; } .product-item header { padding-left:0; display: block; } .product-item header figure { margin-left:0; } .license-image { width: 32px; height: 32px; display: inline-block; vertical-align: middle; } .license-type-name { padding-left: 10px; display: inline-block; vertical-align: middle; font-size: 16px; } .license-expired-status { font-size: 0.75em; text-transform: uppercase; border: 1px solid #ED2939; color: #ED2939; margin-bottom: 0; padding: 5px 15px; height: 50px; line-height: 50px } .license-status { font-size: 0.9em; height: 50px; line-height: 50px } .legal-caption { padding-top: 2em; padding-bottom: 0em; margin-bottom: 0em; } .news .article-wrapper { font-size: 14px; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; font-weight: 300; color: #333333; position: relative; padding-bottom: 2em; } .news .article-wrapper h4{ font-weight: 500; } .news .article-wrapper .article-content { padding: 0 2em; } .news .article-wrapper .article-content a { color: #006d5c; } .news .article-wrapper .button-wrapper.hidden { visibility: hidden; } .news .article-wrapper .article-content ul { list-style: none; margin-left: 0; padding-left: 1em; } .news .article-wrapper .article-content ul li:before { content: "–"; width: 1em; margin-left: -1em; position: absolute; } .news .article-wrapper .article-body { display: inline-flex; } .white-wrapper-plain-text { white-space: pre-line; font-weight: 300; color: #535353; line-height: 1.5; margin-top: 1em; } .feedback-type-selector-wrapper { display: inline-flex; line-height: 1.5; } .feedback-type-selector-wrapper .feedback-dropdown ul { max-height: 0; overflow-y: hidden; -moz-transition: max-height .3s ease-out; -webkit-transition: max-height .3s ease-out; -o-transition: max-height .3s ease-out; transition: max-height .3s ease-out; position: absolute; cursor: pointer; background: #fafafa; display: block; } .feedback-type-selector-wrapper .feedback-dropdown ul li { display: block; padding-left: 1em; padding-right: 1em; border-left: 3px solid transparent; color: #666; font-weight: 300; } .feedback-type-selector-wrapper .feedback-dropdown ul li:hover { border-left: 3px solid #ddd; color: #006D5C; } .feedback-type-selector-wrapper .feedback-dropdown ul.active { max-height: 5em; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); border: 1px solid #eee; /*border-bottom: 2px solid #ddd;*/ } .feedback-type-selector { font-weight: 300; font-size: 1em; margin-left: 1em; cursor: pointer; } #feedbackBody{ height: 200px; } .feedback-type-selector * { margin-bottom: 0; } .feedback-type-selector::after { content: '\f078'; position: absolute; right: -15px; opacity: .5; top: .5em; font-size: .5em; font-family: 'font-icons' !important; } .feedback-type-selector.active::after { transform: rotateX(180deg); top: .7em; } .feedback-type-selector, .feedback-type-selector:hover { text-decoration: underline; text-align: center; text-align-last: center; color: #006D5C; border: none; box-shadow: none; height: auto; padding: 0; max-width: 150px; position: relative; font-size: 1em; } @media screen and (max-width: 768px) { .fifilter-list-section { display: none; } .license-title { text-align: center; } } .no-bottom-margin { margin-bottom: 0 !important; } .legalDocumentsCaption li { font-size: 0.9em !important; margin-bottom: 0; } .legalDocumentsCaption { margin-bottom: 1.3em !important; } .main ol.legalDocumentsCaption li { list-style: decimal } ul.legalDocumentsCaption li:before { width: 5px !important; height: 5px !important; } #info-block { padding: 0.5em; display: flex; align-items: center; } #info-block .warning-text { width: unset; } .information { position: relative; padding: 2px; background-color: rgba(255, 211, 0, 0.1) !important; border: 1px solid rgba(224, 149, 0, 0.1); margin: 2px 0 2px 0; box-sizing: border-box; } .warning-text { display: inline-block; font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.14; letter-spacing: normal; color: #e09500; width: 80%; vertical-align: top; margin: 0; } .warning { display: inline-block; padding: 16px; vertical-align: top; background: url(../images/warning.svg); background-repeat: no-repeat; background-position: center; } .tracking-container { max-width: 1280px; display: flex; margin-left: auto; margin-right: auto; position: relative; padding: 10px; text-align: justify; } .close { font-family: Arial, sans-serif; font-size: 40px; font-weight: 500; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; position: absolute; top: 20px; right: 15px; width: 24px; height: 24px; line-height: 24px; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50); } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .no-wrap { white-space: nowrap } .tracking-padding { padding: 0 15px 0 0; } .tracking-margin { margin-right: 45px; } @media only screen and (max-width:1360px) { header#tracking-aggrement-header { z-index: 999 !important; } .tracking-container { padding: 10px; } .tracking-padding { padding: 0 40px 0 0; margin-bottom: 15px } } @media only screen and (max-width:1280px) { .tracking-padding { margin-bottom: 0; } } @media only screen and (max-width:768px) { .tracking-container { display: block; } .tracking-margin { margin-right: 0; } .close { right: 20px; } .tracking-padding { margin-bottom: 10px; } } @media only screen and (max-width: 400px) { .tracking-padding { padding-right: 0; } } /* All corporate assets should be placed here*/ :root { --light-teal: #9eded4; --ice: #e1fbed; --light-tan: #f1dfb0; --egg-shell: #f9f4c7; --pale: #faf6d9; --light-blue-01: #add5eb; --light-blue-02: #def4fb; --soft-pink: #ebbfc2; --light-pink: #ffebed; --toolbar: #dbe8c9; --black-01: #1d1d1b; --black-02: #333333; --gray-00: #666666; --gray-01: #999999; --gray-02: #b3b3b3; --gray-03: #cccccc; --gray-04: #e7e7e7; --gray-05: #f2f2f2; --gray-06: #f6f6f6; --white: #ffffff; --light-blue-04: #f1f9ff; --light-blue-03: #dbf0f9; --dark-sky-blue: #51aee2; --blue-widget: #0080c7; --strawberry: #ed2939; --red-widget: #cc4a4f; --orange-yellow: #ffaa00; --orange-widget: #e08619; --green-active: #006d5c; --green-primary: #00a88e; --green-hover: #23d1ae; --green-widget: #019982; } /* Fonts */ /* Info blocks */ .assets-blocks { position: relative; border: solid 1px; padding: 16px 32px 16px 44px; } .assets-blocks p{ margin-bottom: 0; } .assets-blocks a.block-close { display: block; content: "×"; width: 21px; height: 21px; position: absolute; top: 14px; right: 14px; cursor: pointer; text-align: center; font-size: 21px; color: rgba(119,119,119,0.5); font-weight: 700; } .assets-blocks p.block-head { color: var(--black-01); font-size: 14px; font-family: 'MuseoSans'; font-weight: 700; } .assets-blocks p.block-body { color: var(--black-01); font-size: 14px; font-family: 'MuseoSans'; font-weight: 300; } .assets-blocks.information-block { border-color: var(--light-blue-01); background-color: var(--light-blue-02); } .assets-blocks.warning-block { border: solid 1px var(--light-tan); background-color: var(--pale); } .assets-blocks:after { position: absolute; left: 16px; top: 18px; display: block; width: 16px; height: 16px; } .information-block:after { content: url("../images/vector-icons/info.svg") } .warning-block:after { content: url("../images/vector-icons/warning.svg") } /* buttons */ .assets-button { text-transform: uppercase; font-size: 0.75em; font-weight: 600; display: block; box-sizing: border-box; border-radius: 3px; box-shadow: 0 3px 1px -1px rgba(0, 0, 0, 0.3); /*to be overwritten*/ padding: 1.0em 1.5em !important; margin-bottom: 0.75em; cursor: pointer; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in; text-align: center; } .assets-button.noaccent { text-transform: none !important; } .assets-button:focus { /*outline: none;*/ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .assets-button.primary { border: none; box-shadow: 0 3px 1px -1px rgba(0, 84, 72, 0.3); border-radius: 3px; background-color: var(--green-primary); color: var(--white); } .assets-button.primary:hover { box-shadow: 0 3px 1px -1px rgba(0, 84, 72, 0.15); background-color: var(--green-hover); color: var(--white); outline: none; } .assets-button.primary:active { box-shadow: none; background-color: var(--green-active); color: var(--white); outline: none; } .assets-button.primary:disabled { box-shadow: none; background-color: var(--gray-03); color: var(--white); } .assets-button.secondary { box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.1); border: solid 1px var(--gray-02); background-color: var(--white); color: var(--green-primary); } .assets-button.secondary:hover { box-shadow: none; box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.05); border: solid 1px var(--gray-03); background-color: var(--white); color: var(--green-hover); } .assets-button.secondary:active { box-shadow: none; border: solid 1px var(--gray-01); background-color: var(--gray-05); color: var(--green-active); } .assets-button.secondary:disabled { box-shadow: none; border: solid 1px var(--gray-03); background-color: var(--gray-05); color: var(--gray-03); } .assets-button.accent { box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.1); border-radius: 3px; box-shadow: 0 3px 1px -1px rgba(189, 28, 41, 0.3); background-color: var(--strawberry); color: var(--white); } .assets-button.accent:hover { box-shadow: none; box-shadow: 0 3px 1px -1px rgba(189, 28, 41, 0.15); background-color: #ff4455; color: var(--white); } .assets-button.accent:active { box-shadow: none; border: none; background-color: #da1f2e; color: var(--white); } .assets-button.accent:disabled { box-shadow: none; border: none; background-color: var(--gray-03); color: var(--white); } .assets-button.transparent { background-color: rgba(0, 0, 0, 0) !important } .assets-button.transparent.light { color: #FFF; border-color: rgba(255, 255, 255, 0.8) } .assets-button.transparent.light:hover { border-color: #fff } :root { /* Colors */ --green-primary: #00a88e; --green-hover: #23d1ae; --white: #ffffff; } /*product cards start*/ .product-card-container { display: inline-flex; position: relative; /*border: 1px dotted red;*/ } label.product-card-container { cursor: pointer; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); margin: 4px; } label.product-card-container:hover { cursor: pointer; border: 1px solid var(--green-hover); box-shadow: 0 0 8px 0 var(--green-hover), inset 0 1px 2px 0 rgba(0, 0, 0, 0.25); } .product-card-container.selected { border: 1px solid var(--green-primary); box-shadow: 0 0 8px 0 var(--green-hover), inset 0 1px 2px 0 rgba(0, 0, 0, 0.25); } .product-card-container.selected:hover { border: 1px solid var(--green-primary); } .product-card-purchasing { display: inline-flex; flex-direction: column; position: relative; justify-content: center; /*border: 1px dotted red;*/ } .product-card-purchasing div.product-title { padding: 0.75em 0.5em 0.5em 0.5em; text-align: left; margin-bottom: 0; display: inline-flex; flex-direction: column; justify-content: flex-start; } .product-card-purchasing .product-title p { line-height: 1.2; font-weight: 700; margin-bottom: 0; } .product-card-purchasing .product-title p.surtitle { font-size: 0.75em; color: #006D5C; } .product-card-purchasing .product-title p.license-subtype { font-weight: 300; font-size: 0.75em; color: #999999; } .product-card-purchasing .product-header { width: 100%; display: inline-flex; } .product-card-purchasing .description-container { width: 100%; text-align: left; } .product-card-purchasing .image-container { width: 70px; } /*product cards end*/ /*Selection specific styles*/ .product-card-selection { position: relative; overflow: hidden; /*max-height: 500px;*/ transition: all 0.3s ease; padding-bottom: 2em; } /*.solution-toggle h4 { padding-left: 1em; cursor: pointer; } .solution-toggle h4:before { font-family: 'font-icons' !important; speak: none; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f107"; position: absolute; left: 0; padding-top: 2px; }*/ .solution-toggle.wrapped { padding-bottom: 2em; } .solution-toggle.wrapped h4:before { content: "\f106"; } .product-card-selection.wrapped { max-height: 0; padding-bottom: 0; } .product-card-selection .product-card-container { padding: 20px; margin-right: 3%; position: relative; max-width: 475px; } .product-card-selection .product-card-container.selected:after { content: url("../images/check.svg"); position: absolute; top: 12px; right: 12px; } .product-card-selection .product-card-container .description-container { padding-left: calc(0.75em + 70px); } /*.product-card-selection label:nth-last-child(even) { margin-right: 3%; }*/ .product-card-selection input { display: none; } /*Selection specific styles end*/ section.step-content { } section.step-content input, section.step-content .select-wrapper { max-width: 350px; } section.step-content label { color: #999999; vertical-align: top; } section.step-content .checkbox label { color: #1d1d1b } section.step-content textarea { font-size: 1em; max-width: 505px; } .assets-button { min-width: 115px; } input[id=activationCode] { text-transform: uppercase; } input[id=activationCode].Success { box-shadow: 0 0 4px 0 #009982; border-color: transparent; } input[id=activationCode].Failed { box-shadow: 0 0 4px 0 #ed2939; border-color: transparent; } input[id="validate"] { width: 144px; height: 40px; margin-left: 1em; } a[id=trial] { text-decoration: underline; } #activationFormWrapper { display: inline-flex; width: calc(100% - 50px); position: relative; margin-bottom: 1.25em; } #activationFormWrapper input { margin-bottom: 0; } #indicator { margin-left: 1em; } #indicator.inProgress { content: url("../images/spinner.svg"); animation: spin 2s linear infinite; } #indicator.Success { content: url("../images/check.svg"); } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #commercialLicenseForm .form-element { width: 100%; } .form-element .assets-blocks { margin-bottom: 1em; } /* Chrome, Safari, Edge, Opera */ .input-number-remove-arrows::-webkit-outer-spin-button, .input-number-remove-arrows::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .input-number-remove-arrows[type=number] { -moz-appearance: textfield; } @import url('assets.css'); @import url('wizardforms.css'); @import url('widgets.css'); @import url('cito.css'); html { box-sizing: border-box } *, *::after, *::before { box-sizing: inherit } .no-shrink{ flex-shrink: 0; } .text-overflow-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .welcome-header > .container { border-top: 1px solid #e7e7e7; } /*sorting header*/ #sorting-menu { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1em; } #sorting-menu .links-container { display: flex; align-self: center; } #sorting-menu .button-container { display: flex; } #sorting-menu .button-container, #sorting-menu .button-container a.button{ margin: 0; margin-bottom: 0; } #sorting-menu .links-container a { margin-left: 2em; display: inline-flex; text-decoration: underline var(--green-primary) dotted; } #sorting-menu .links-container ul, #sorting-menu .links-container ul > li { list-style-type: none; list-style: none; display: inline-flex; margin: 0; } #sorting-menu .links-container a.sorting { text-decoration: none; color: #333333; } #sorting-menu .links-container a:after { display: inline-flex; width: 16px; margin-left: 0.5em; content: ""; } #sorting-menu .links-container a.sorting:after { content: url("../images/sort-ascend.svg"); } #sorting-menu .links-container a.sorting.desc:after { content: url("../images/sort-descend.svg"); } .purchasing-section .flex { flex-direction: column; } .purchasing-section .flex .product-card-container { max-width: unset; } @media screen and (max-width: 769px) { #sorting-menu { flex-direction: column-reverse; } #sorting-menu .links-container { flex-direction: column; margin-top: 0.5em; } #sorting-menu .links-container ul { margin-top: 0.5em; } #sorting-menu .links-container a { margin-left: 1em; } #sorting-menu .button-container a.button { width: 100%; } } /*sorting header*/ button::-moz-focus-inner { padding: 0; border: 0 } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block } .slick-track:before, .slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir="rtl"] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-search--inline { float: left } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0 } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555 } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option[role=group] { padding: 0 } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } .tipso_bubble, .tipso_bubble > .tipso_arrow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .tipso_bubble { position: absolute; text-align: center; border-radius: 6px; z-index: 9999 } .tipso_style { cursor: help; border-bottom: 1px dotted } .tipso_title { border-radius: 6px 6px 0 0 } .tipso_content { word-wrap: break-word; padding: 0.5em; line-height: 1.3 } .tipso_bubble.tiny { font-size: 0.6rem } .tipso_bubble.small { font-size: 0.8rem } .tipso_bubble.default { font-size: 1rem } .tipso_bubble.large { font-size: 1.2rem; width: 100% } .tipso_bubble > .tipso_arrow { position: absolute; width: 0; height: 0; border: 8px solid; pointer-events: none } .tipso_bubble.top > .tipso_arrow { border-top-color: #000; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; top: 100%; left: 50%; margin-left: -8px } .tipso_bubble.bottom > .tipso_arrow { border-bottom-color: #000; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; bottom: 100%; left: 50%; margin-left: -8px } .tipso_bubble.left > .tipso_arrow { border-left-color: #000; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; top: 50%; left: 100%; margin-top: -8px } .tipso_bubble.right > .tipso_arrow { border-right-color: #000; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; top: 50%; right: 100%; margin-top: -8px } .tipso_bubble .top_right_corner, .tipso_bubble.top_right_corner { border-bottom-left-radius: 0 } .tipso_bubble .bottom_right_corner, .tipso_bubble.bottom_right_corner { border-top-left-radius: 0 } .tipso_bubble .top_left_corner, .tipso_bubble.top_left_corner { border-bottom-right-radius: 0 } .tipso_bubble .bottom_left_corner, .tipso_bubble.bottom_left_corner { border-top-right-radius: 0 } .cOverlay { display: none; left: 0; right: 0; position: absolute; top: 0; bottom: 0; width: 100%; z-index: 1100; background: #000; background: rgba(0, 0, 0, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70) } .cOuter { display: none; left: 50%; top: 50%; outline: medium none; position: fixed; z-index: 1101; margin: auto } .cContent { border: 10px solid #000; border: 10px solid rgba(0, 0, 0, 0.8); outline: medium none; overflow: hidden; padding: 0; z-index: 1102; height: 100%; position: relative; width: 100% } .cImage { border: medium none; height: 100%; line-height: 0; margin: 0; outline: medium none; padding: 0; vertical-align: top; width: 100% } .cClose { background: transparent url("../../img/kl-popup-close.png") no-repeat 0 0; cursor: pointer; height: 50px; position: absolute; right: -40px; top: -20px; width: 50px; z-index: 1103 } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent } body { line-height: 1; margin: 0; padding: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } nav ul, ul, li { list-style: none; padding: 0; margin: 0 } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: none } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none; text-decoration: none } ins { background-color: #FFF; color: #000; text-decoration: none } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold } del { text-decoration: line-through } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help } table { border-collapse: collapse; border-spacing: 0 } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 } .wrapper input, select { vertical-align: middle } * { box-sizing: border-box } select { max-width: 100% } embed, iframe, object, video { max-width: 100% } img { max-width: 100%; height: auto } .clear:after { clear: both; content: ""; display: table } .hide { display: none } .container { width: 90%; max-width: 1030px; margin-left: auto; margin-right: auto; position: relative } .container:after { clear: both; content: ""; display: table } .container-bigger { max-width: 1330px } .site-bg { padding-top: 0 !important; background-size: cover; background-position: center } .map.zoom-fix { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab } .map.zoom-fix:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing } .map.zoom-fix > div { pointer-events: none } @font-face { font-family: 'MuseoSans'; src: url("../fonts/museosans-900-webfont.eot"); src: url("../fonts/museosans-900-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-900-webfont.woff2") format("woff2"), url("../fonts/museosans-900-webfont.woff") format("woff"), url("../fonts/museosans-900-webfont.ttf") format("truetype"), url("../fonts/museosans-900-webfont.svg#museo_sans900") format("svg"); font-weight: 900; font-style: normal } @font-face { font-family: 'MuseoSans'; src: url("../fonts/museosans-700-webfont.eot"); src: url("../fonts/museosans-700-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-700-webfont.woff2") format("woff2"), url("../fonts/museosans-700-webfont.woff") format("woff"), url("../fonts/museosans-700-webfont.ttf") format("truetype"), url("../fonts/museosans-700-webfont.svg#museo_sans700") format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: 'MuseoSans'; src: url("../fonts/museosans-500-webfont.eot"); src: url("../fonts/museosans-500-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-500-webfont.woff2") format("woff2"), url("../fonts/museosans-500-webfont.woff") format("woff"), url("../fonts/museosans-500-webfont.ttf") format("truetype"), url("../fonts/museosans-500-webfont.svg#museo_sans500") format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: 'MuseoSans'; src: url("../fonts/museosans-500italic-webfont.eot"); src: url("../fonts/museosans-500italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-500italic-webfont.woff2") format("woff2"), url("../fonts/museosans-500italic-webfont.woff") format("woff"), url("../fonts/museosans-500italic-webfont.ttf") format("truetype"), url("../fonts/museosans-500italic-webfont.svg#museo_sans500_italic") format("svg"); font-weight: 500; font-style: italic } @font-face { font-family: 'MuseoSans'; src: url("../fonts/museosans-300-webfont.eot"); src: url("../fonts/museosans-300-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-300-webfont.woff2") format("woff2"), url("../fonts/museosans-300-webfont.woff") format("woff"), url("../fonts/museosans-300-webfont.ttf") format("truetype"), url("../fonts/museosans-300-webfont.svg#museo_sans300") format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: 'MuseoSans'; src: url("../fonts/museosans-300italic-webfont.eot"); src: url("../fonts/museosans-300italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-300italic-webfont.woff2") format("woff2"), url("../fonts/museosans-300italic-webfont.woff") format("woff"), url("../fonts/museosans-300italic-webfont.ttf") format("truetype"), url("../fonts/museosans-300italic-webfont.svg#museo_sans300") format("svg"); font-weight: 300; font-style: italic } @font-face { font-family: 'MuseoSans'; src: url("../fonts/museosans-100-webfont.eot"); src: url("../fonts/museosans-100-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-100-webfont.woff2") format("woff2"), url("../fonts/museosans-100-webfont.woff") format("woff"), url("../fonts/museosans-100-webfont.ttf") format("truetype"), url("../fonts/museosans-100-webfont.svg#museo_sans100") format("svg"); font-weight: 100; font-style: normal } @font-face { font-family: 'MuseoSans'; src: url("../fonts/museosans-100italic-webfont.eot"); src: url("../fonts/museosans-100italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-100italic-webfont.woff2") format("woff2"), url("../fonts/museosans-100italic-webfont.woff") format("woff"), url("../fonts/museosans-100italic-webfont.ttf") format("truetype"), url("../fonts/museosans-100italic-webfont.svg#museo_sans100_italic") format("svg"); font-weight: 100; font-style: italic } @font-face { font-family: 'MuseoSlab'; src: url("../fonts/museoslab-300-webfont.eot"); src: url("../fonts/museoslab-300-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museoslab-300-webfont.woff2") format("woff2"), url("../fonts/museoslab-300-webfont.woff") format("woff"), url("../fonts/museoslab-300-webfont.ttf") format("truetype"), url("../fonts/museoslab-300-webfont.svg#museo_slab300") format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: 'MuseoSlab'; src: url("../fonts/museoslab-300italic-webfont.eot"); src: url("../fonts/museoslab-300italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museoslab-300italic-webfont.woff2") format("woff2"), url("../fonts/museoslab-300italic-webfont.woff") format("woff"), url("../fonts/museoslab-300italic-webfont.ttf") format("truetype"), url("../fonts/museoslab-300italic-webfont.svg#museo_slab300_italic") format("svg"); font-weight: 300; font-style: italic } @font-face { font-family: 'MuseoSlab'; src: url("../fonts/museoslab-500-webfont.eot"); src: url("../fonts/museoslab-500-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museoslab-500-webfont.woff2") format("woff2"), url("../fonts/museoslab-500-webfont.woff") format("woff"), url("../fonts/museoslab-500-webfont.ttf") format("truetype"), url("../fonts/museoslab-500-webfont.svg#museo_slab300") format("svg"); font-weight: 500; font-style: normal } html { font-size: 1em } body { font-family: "MuseoSans", Arial, Helvetica, sans-serif } body, button, input, select, textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: "MuseoSans", Arial, Helvetica, sans-serif } h1, h2, h3, h4, h5, h6, p { margin-bottom: 16px; margin-bottom: 1rem; line-height: 1.3; color: #1C1C1C } h1 { font-size: 1.500em; font-weight: 700 } h2 { font-size: 1.250em; font-weight: 700 } h3 { font-size: 1em; font-weight: 700 } h3.section-title { position: relative; margin-bottom: 1em; padding-bottom: 0.5em; text-align: center; font-size: 1.5em; font-weight: 700; color: #444; text-transform: uppercase } h3.section-title:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -2em; width: 4em; height: 1px; background: #009982 } h3.section-title.slow-attack-font { font-size: 5em; margin-bottom: 0.4em; padding-bottom: 0.4em; line-height: 0.6; margin-top: 0.4em; font-weight: 100 } .slow-attack-font { font-family: "SlowAttack", "MuseoSans", Arial, Helvetica, sans-serif } @media screen and (min-width: 769px) { h3.section-title { font-size: 1.75em } } h4 { font-weight: 700; color: #444; font-size: 1.125em } .sidebar h3, .sidebar h4, h4.small { font-size: 0.75em; text-transform: uppercase; margin-bottom: 16px; margin-bottom: 1rem } h4.section-title { position: relative; margin-bottom: 1.6em; font-size: 1.0625em; font-weight: 700; color: #444; text-transform: uppercase } h4.section-title + p { margin-top: -1em } @media screen and (min-width: 769px) { h4.section-title { font-size: 1.125em } } p { font-size: 1.000em; font-weight: 300; color: #535353; line-height: 1.5 } a { color: var(--green-primary) } a:hover { color: var(--green-active) } .main ul, .main ol, .modal-main ul, .modal-main ol { margin-bottom: 1em } .modal-main li { color: #535353; font-size: 1em; font-weight: 300; line-height: 1.5; margin-bottom: 0.5em; padding: 0 0 0 1.3em; position: relative } .modal-main li:before { content: ""; float: left; margin: 0.45em 0 0 -1.3em; display: inline-block; width: 8px; height: 8px; background-color: #000; border: 2px solid #2d2d2d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .main ul.no-bullets li, .modal-main ul.no-bullets li { padding: 0 } .main ul.no-bullets li:before, .modal-main ul.no-bullets li:before { display: none } .main ul.small-list li, .modal-main ul.small-list li { font-size: 0.875em } blockquote { margin-bottom: 1em; padding: 1.125em 1.125em 0.5em 1.125em; line-height: 1.4; color: #888; font-size: 1.375em; font-weight: 100; quotes: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none } blockquote p { position: relative; margin-bottom: 0.75em; font-size: 1em; font-style: italic; color: #888; font-family: "MuseoSlab", "Georgia", Times, serif } blockquote a { color: #444 } blockquote cite { display: inline-block; color: #444; font-style: normal; font-size: 0.875em; font-weight: 500 } h1.big-title { text-transform: uppercase; font-weight: 900; font-size: 1.750em } .top-3 p { font-size: 0.875em; color: #777 } .top-3 h4.section-title { margin-top: 1.25em } .content p + p { margin-top: -0.5em } .content h3 + p { margin-top: -0.5em } .content h4 + hr { margin: -0.5em 0 1.5em 0 } .content p + h2, .content p + h4 { margin-top: 2em } @media screen and (min-width: 769px) { h1.big-title { font-size: 2.250em } .top-3 h4.section-title { margin-top: .3125em } .large-type { font-size: 1.125em } } b, strong { font-weight: 700 } em, i { font-style: italic } u { text-decoration: underline } sup, sub { font-size: 0.75em; line-height: 1; height: 0; position: relative; vertical-align: baseline } sup { bottom: 1ex } sub { top: 0.5ex } small { font-size: 0.75em } big { font-size: 1.25em } abbr, acronym { border-bottom: 1px dotted #666; cursor: help } address { margin: 0 0 1em; font-style: italic } del { color: #666 } pre, code, tt, var { font-family: monospace, serif; color: #333; background: #eee; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none } pre { margin: 0 0 1em 0; padding: 1em; white-space: pre; display: block } code { display: inline-block; padding: 0 0.5em; line-height: 1.3; font-size: 0.75em } hr { background: #e5e5e5; margin-bottom: 1em; height: 1px; clear: both; float: none; width: 100%; border: 0 } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .text-green { color: var(--green-primary) } .text-red { color: #ED2939 } .small-info { font-size: 0.750em; margin-top: 0.5em; color: #888 } .small-info:last-child { margin-bottom: 0 } .content ol { counter-reset: item; list-style: none } .content ol li { counter-increment: item; list-style: none } .content ol li::before { content: counter(item) "."; border: none; display: inline-block; margin-top: 0; font-weight: 700 } @font-face { font-family: 'Museo Cyrl'; src: url("../fonts/about-us/museocyrl-100.eot"); src: url("../fonts/about-us/museocyrl-100.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-100.woff2") format("woff2"), url("../fonts/about-us/museocyrl-100.woff") format("woff"), url("../fonts/about-us/museocyrl-100.ttf") format("truetype"), url("../fonts/about-us/museocyrl-100.svg#museo_cyrl100") format("svg"); font-weight: 100; font-style: normal } @font-face { font-family: 'Museo Cyrl'; src: url("../fonts/about-us/museocyrl-100italic.eot"); src: url("../fonts/about-us/museocyrl-100italic.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-100italic.woff2") format("woff2"), url("../fonts/about-us/museocyrl-100italic.woff") format("woff"), url("../fonts/about-us/museocyrl-100italic.ttf") format("truetype"), url("../fonts/about-us/museocyrl-100italic.svg#museo_cyrl100_italic") format("svg"); font-weight: 100; font-style: italic } @font-face { font-family: 'Museo Cyrl'; src: url("../fonts/about-us/museocyrl-300.eot"); src: url("../fonts/about-us/museocyrl-300.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-300.woff2") format("woff2"), url("../fonts/about-us/museocyrl-300.woff") format("woff"), url("../fonts/about-us/museocyrl-300.ttf") format("truetype"), url("../fonts/about-us/museocyrl-300.svg#museo_cyrl300") format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: 'Museo Cyrl'; src: url("../fonts/about-us/museocyrl-300italic.eot"); src: url("../fonts/about-us/museocyrl-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-300italic.woff2") format("woff2"), url("../fonts/about-us/museocyrl-300italic.woff") format("woff"), url("../fonts/about-us/museocyrl-300italic.ttf") format("truetype"), url("../fonts/about-us/museocyrl-300italic.svg#museo_cyrl300_italic") format("svg"); font-weight: 300; font-style: italic } @font-face { font-family: 'Museo Cyrl'; src: url("../fonts/about-us/museocyrl-500.eot"); src: url("../fonts/about-us/museocyrl-500.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-500.woff2") format("woff2"), url("../fonts/about-us/museocyrl-500.woff") format("woff"), url("../fonts/about-us/museocyrl-500.ttf") format("truetype"), url("../fonts/about-us/museocyrl-500.svg#museo_cyrl500") format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: 'Museo Cyrl'; src: url("../fonts/about-us/museocyrl-500italic.eot"); src: url("../fonts/about-us/museocyrl-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-500italic.woff2") format("woff2"), url("../fonts/about-us/museocyrl-500italic.woff") format("woff"), url("../fonts/about-us/museocyrl-500italic.ttf") format("truetype"), url("../fonts/about-us/museocyrl-500italic.svg#museo_cyrl500_italic") format("svg"); font-weight: 500; font-style: italic } @font-face { font-family: 'Museo Cyrl'; src: url("../fonts/about-us/museocyrl-700.eot"); src: url("../fonts/about-us/museocyrl-700.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-700.woff2") format("woff2"), url("../fonts/about-us/museocyrl-700.woff") format("woff"), url("../fonts/about-us/museocyrl-700.ttf") format("truetype"), url("../fonts/about-us/museocyrl-700.svg#museo_cyrl700") format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: 'Museo Cyrl'; src: url("../fonts/about-us/museocyrl-700italic.eot"); src: url("../fonts/about-us/museocyrl-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-700italic.woff2") format("woff2"), url("../fonts/about-us/museocyrl-700italic.woff") format("woff"), url("../fonts/about-us/museocyrl-700italic.ttf") format("truetype"), url("../fonts/about-us/museocyrl-700italic.svg#museo_cyrl700_italic") format("svg"); font-weight: 700; font-style: italic } @font-face { font-family: 'Museo Cyrl'; src: url("../fonts/about-us/museocyrl-900.eot"); src: url("../fonts/about-us/museocyrl-900.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-900.woff2") format("woff2"), url("../fonts/about-us/museocyrl-900.woff") format("woff"), url("../fonts/about-us/museocyrl-900.ttf") format("truetype"), url("../fonts/about-us/museocyrl-900.svg#museo_cyrl900") format("svg"); font-weight: 900; font-style: normal } @font-face { font-family: 'Museo Cyrl'; src: url("../fonts/about-us/museocyrl-900italic.eot"); src: url("../fonts/about-us/museocyrl-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-900italic.woff2") format("woff2"), url("../fonts/about-us/museocyrl-900italic.woff") format("woff"), url("../fonts/about-us/museocyrl-900italic.ttf") format("truetype"), url("../fonts/about-us/museocyrl-900italic.svg#museo_cyrl900_italic") format("svg"); font-weight: 900; font-style: italic } a { color: var(--green-primary) } a:hover { color: var(--green-active) } @font-face { font-family: 'font-icons'; src: url("../images/font-icons/font-icons.eot?p3byad"); src: url("../images/font-icons/font-icons.eot?p3byad#iefix") format("embedded-opentype"), url("../images/font-icons/font-icons.ttf?p3byad") format("truetype"), url("../images/font-icons/font-icons.woff?p3byad") format("woff"), url("../images/font-icons/font-icons.svg?p3byad#icomoon") format("svg"); font-weight: normal; font-style: normal } .slick-arrow, .icon-doc:before, .documentation-list .toggle:before, .hmc-selector .checkbox span, .product-feature .checkmark, .main-menu .dropdown > a:after, .menu-utility .dropdown > a:after, .comparison-nav a:before, .tab-nav .tab-label:before, .filter-list-wrapper .filter-label:before, .page-menu-wrapper .page-menu-label:before, .breadcrumbs a:before, .form-element.country-selector:after, .share-section:before, .accordion-section > li > h4:after, .check-list li:before, .checkbox label:before, .features-checklist p:before, [class^="font-icons"], [class*=" font-icons"] { font-family: 'font-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased } .icon-wechat:before { content: "\e956" } .icon-weibo:before { content: "\e957" } .icon-sina:before { content: "\e957" } .icon-thin-arrow-up-2:before { content: "\e953" } .icon-thin-arrow-left-2:before { content: "\e954" } .icon-thin-arrow-right-2:before { content: "\e955" } .icon-out:before { content: "\e951" } .icon-bell:before { content: "\e950" } .icon-user-family:before { content: "\e94e" } .icon-user-single:before { content: "\e94f" } .icon-services:before { content: "\e94d" } .icon-doc-o:before { content: "\e949" } .icon-ppt-o:before { content: "\e94a" } .icon-xls-o:before { content: "\e94b" } .icon-zip-o:before { content: "\e94c" } .icon-infinity:before { content: "\e948" } .icon-opera:before { content: "\e922" } .icon-safari:before { content: "\e926" } .icon-edge:before { content: "\e92d" } .icon-firefox:before { content: "\e92e" } .icon-chrome:before { content: "\e946" } .icon-ie:before { content: "\e947" } .icon-papers:before { content: "\e90e" } .icon-hidden:before { content: "\e910" } .icon-thin-faq:before { content: "\e90d" } .icon-thin-book:before { content: "\e90c" } .icon-pdf:before { content: "\e90b" } .icon-thin-app:before { content: "\e920" } .icon-thin-arrow-down:before { content: "\e91f" } .icon-thin-cart:before { content: "\e921" } .icon-thin-chat-bubbles:before { content: "\e923" } .icon-thin-chat-star:before { content: "\e925" } .icon-tools:before { content: "\e945" } .icon-k-club:before { content: "\e942" } .icon-vk:before { content: "\e943" } .icon-slideshare:before { content: "\e944" } .icon-ios:before { content: "\e93f" } .icon-pencil:before { content: "\e93d" } .icon-md:before { content: "\e93e" } .icon-multi-device:before { content: "\e93e" } .icon-hmc-lock:before { content: "\e937" } .icon-hmc-logins:before { content: "\e938" } .icon-hmc-security:before { content: "\e939" } .icon-hmc-shop:before { content: "\e93a" } .icon-hmc-checks:before { content: "\e934" } .icon-hmc-family:before { content: "\e935" } .icon-hmc-id:before { content: "\e936" } .icon-hmc-speed:before { content: "\e93b" } .icon-laptop:before { content: "\e930" } .icon-mobile:before { content: "\e931" } .icon-screen:before { content: "\e932" } .icon-tablet:before { content: "\e933" } .icon-cc-visa:before { content: "\f1f0" } .icon-cc-master:before { content: "\f1f1" } .icon-cc-diners:before { content: "\f24c" } .icon-thin-arrow-right:before { content: "\e92f" } .icon-phone:before { content: "\f095" } .icon-link:before { content: "\f0c1" } .icon-mail:before { content: "\f0e0" } .icon-thin-key:before { content: "\e91c" } .icon-thin-cd-remove:before { content: "\e924" } .icon-enterprise:before { content: "\e916" } .icon-building:before { content: "\e916" } .icon-home:before { content: "\e917" } .icon-medium-business:before { content: "\e918" } .icon-small-business:before { content: "\e919" } .icon-subscriptions:before { content: "\e915" } .icon-arrow-left:before { content: "\f053" } .icon-arrow-right:before { content: "\f054" } .icon-arrow-up:before { content: "\f077" } .icon-arrow-down:before { content: "\f078" } .icon-globe:before { content: "\f0ac" } .icon-arrow-left-2:before { content: "\f104" } .icon-arrow-right-2:before { content: "\f105" } .icon-arrow-up-2:before { content: "\f106" } .icon-arrow-down-2:before { content: "\f107" } .icon-ok:before { content: "\f263" } .icon-thin-arrow-down-2:before { content: "\e92a" } .icon-quote-5:before { content: "\e92c" } .icon-devices:before { content: "\e91d" } .icon-card:before { content: "\e91e" } .icon-cart:before { content: "\e913" } .icon-check:before { content: "\e908" } .icon-search:before { content: "\e90a" } .icon-facebook:before { content: "\e900" } .icon-twitter:before { content: "\e901" } .icon-linkedin:before { content: "\e902" } .icon-instagram:before { content: "\e903" } .icon-google-plus:before { content: "\e904" } .icon-grid:before { content: "\e905" } .icon-windows:before { content: "\e906" } .icon-osx:before { content: "\e911" } .icon-android:before { content: "\e907" } .icon-tag:before { content: "\e909" } .icon-play:before { content: "\e929" } .icon-feed:before { content: "\e928" } .icon-heart-o:before { content: "\e927" } .icon-play-circle:before { content: "\e039" } .icon-arrow-right-3:before { content: "\e952" } .icon-help:before { content: "\e941" } .icon-cancel:before { content: "\e914" } .icon-cc-paypal:before { content: "\f1f4" } .icon-cc-amex:before { content: "\f1e3" } .icon-cc-wire:before { content: "\e90f" } .icon-youtube:before { content: "\e940" } .icon-flickr:before { content: "\e93c" } .icon-print:before { content: "\e92b" } .icon-plus:before { content: "\e91a" } .icon-minus:before { content: "\e91b" } .icon-star:before { content: "\e912" } .row { max-width: 68em; margin-left: -3.0927%; margin-right: auto; max-width: 1400px } .row:after { clear: both; content: ""; display: table } .row > * { float: left; display: block; margin-left: 3%; width: 97% } .row.no-gutter { margin-left: auto; margin-right: auto } .row.no-gutter > * { float: left; display: block; margin-left: 0; width: 100% } .col-1 { float: left; display: block; margin-left: 3%; width: 5.33333% } .col-2 { float: left; display: block; margin-left: 3%; width: 13.66667% } .col-3 { float: left; display: block; margin-left: 3%; width: 22% } .col-4 { float: left; display: block; margin-left: 3%; width: 30.33333% } .col-5 { float: left; display: block; margin-left: 3%; width: 38.66667% } .col-6 { float: left; display: block; margin-left: 3%; width: 47% } .col-7 { float: left; display: block; margin-left: 3%; width: 55.33333% } .col-8 { float: left; display: block; margin-left: 3%; width: 63.66667% } .col-9 { float: left; display: block; margin-left: 3%; width: 72% } .col-10 { float: left; display: block; margin-left: 3%; width: 80.33333% } .col-11 { float: left; display: block; margin-left: 3%; width: 88.66667% } .col-12 { float: left; display: block; margin-left: 3%; width: 97% } .no-gutter > .col-1 { float: left; display: block; margin-left: 0; width: 8.33333% } .no-gutter > .col-2 { float: left; display: block; margin-left: 0; width: 16.66667% } .no-gutter > .col-3 { float: left; display: block; margin-left: 0; width: 25% } .no-gutter > .col-4 { float: left; display: block; margin-left: 0; width: 33.33333% } .no-gutter > .col-5 { float: left; display: block; margin-left: 0; width: 41.66667% } .no-gutter > .col-6 { float: left; display: block; margin-left: 0; width: 50% } .no-gutter > .col-7 { float: left; display: block; margin-left: 0; width: 58.33333% } .no-gutter > .col-8 { float: left; display: block; margin-left: 0; width: 66.66667% } .no-gutter > .col-9 { float: left; display: block; margin-left: 0; width: 75% } .no-gutter > .col-10 { float: left; display: block; margin-left: 0; width: 83.33333% } .no-gutter > .col-11 { float: left; display: block; margin-left: 0; width: 91.66667% } .no-gutter > .col-12 { float: left; display: block; margin-left: 0; width: 100% } .shift-1 { margin-left: 11.33333% } .shift-2 { margin-left: 19.66667% } .shift-3 { margin-left: 28% } .shift-4 { margin-left: 36.33333% } .shift-5 { margin-left: 44.66667% } .shift-6 { margin-left: 53% } .shift-7 { margin-left: 61.33333% } .shift-8 { margin-left: 69.66667% } .shift-9 { margin-left: 78% } .shift-10 { margin-left: 86.33333% } .shift-11 { margin-left: 94.66667% } .shift-12 { margin-left: 103% } @media screen and (min-width: 481px) { .col-s-1 { float: left; display: block; margin-left: 3%; width: 5.33333% } .col-s-2 { float: left; display: block; margin-left: 3%; width: 13.66667% } .col-s-3 { float: left; display: block; margin-left: 3%; width: 22% } .col-s-4 { float: left; display: block; margin-left: 3%; width: 30.33333% } .col-s-5 { float: left; display: block; margin-left: 3%; width: 38.66667% } .col-s-6 { float: left; display: block; margin-left: 3%; width: 47% } .col-s-7 { float: left; display: block; margin-left: 3%; width: 55.33333% } .col-s-8 { float: left; display: block; margin-left: 3%; width: 63.66667% } .col-s-9 { float: left; display: block; margin-left: 3%; width: 72% } .col-s-10 { float: left; display: block; margin-left: 3%; width: 80.33333% } .col-s-11 { float: left; display: block; margin-left: 3%; width: 88.66667% } .col-s-12 { float: left; display: block; margin-left: 3%; width: 97% } .no-gutter > .col-s-1 { float: left; display: block; margin-left: 0; width: 8.33333% } .no-gutter > .col-s-2 { float: left; display: block; margin-left: 0; width: 16.66667% } .no-gutter > .col-s-3 { float: left; display: block; margin-left: 0; width: 25% } .no-gutter > .col-s-4 { float: left; display: block; margin-left: 0; width: 33.33333% } .no-gutter > .col-s-5 { float: left; display: block; margin-left: 0; width: 41.66667% } .no-gutter > .col-s-6 { float: left; display: block; margin-left: 0; width: 50% } .no-gutter > .col-s-7 { float: left; display: block; margin-left: 0; width: 58.33333% } .no-gutter > .col-s-8 { float: left; display: block; margin-left: 0; width: 66.66667% } .no-gutter > .col-s-9 { float: left; display: block; margin-left: 0; width: 75% } .no-gutter > .col-s-10 { float: left; display: block; margin-left: 0; width: 83.33333% } .no-gutter > .col-s-11 { float: left; display: block; margin-left: 0; width: 91.66667% } .no-gutter > .col-s-12 { float: left; display: block; margin-left: 0; width: 100% } .shift-s-1 { margin-left: 11.33333% } .shift-s-2 { margin-left: 19.66667% } .shift-s-3 { margin-left: 28% } .shift-s-4 { margin-left: 36.33333% } .shift-s-5 { margin-left: 44.66667% } .shift-s-6 { margin-left: 53% } .shift-s-7 { margin-left: 61.33333% } .shift-s-8 { margin-left: 69.66667% } .shift-s-9 { margin-left: 78% } .shift-s-10 { margin-left: 86.33333% } .shift-s-11 { margin-left: 94.66667% } .shift-s-12 { margin-left: 103% } .row.reverse-order > * { float: right } } @media screen and (min-width: 661px) { .col-m-1 { float: left; display: block; margin-left: 3%; width: 5.33333% } .col-m-2 { float: left; display: block; margin-left: 3%; width: 13.66667% } .col-m-3 { float: left; display: block; margin-left: 3%; width: 22% } .col-m-4 { float: left; display: block; margin-left: 3%; width: 30.33333% } .col-m-5 { float: left; display: block; margin-left: 3%; width: 38.66667% } .col-m-6 { float: left; display: block; margin-left: 3%; width: 47% } .col-m-7 { float: left; display: block; margin-left: 3%; width: 55.33333% } .col-m-8 { float: left; display: block; margin-left: 3%; width: 63.66667% } .col-m-9 { float: left; display: block; margin-left: 3%; width: 72% } .col-m-10 { float: left; display: block; margin-left: 3%; width: 80.33333% } .col-m-11 { float: left; display: block; margin-left: 3%; width: 88.66667% } .col-m-12 { float: left; display: block; margin-left: 3%; width: 97% } .no-gutter > .col-m-1 { float: left; display: block; margin-left: 0; width: 8.33333% } .no-gutter > .col-m-2 { float: left; display: block; margin-left: 0; width: 16.66667% } .no-gutter > .col-m-3 { float: left; display: block; margin-left: 0; width: 25% } .no-gutter > .col-m-4 { float: left; display: block; margin-left: 0; width: 33.33333% } .no-gutter > .col-m-5 { float: left; display: block; margin-left: 0; width: 41.66667% } .no-gutter > .col-m-6 { float: left; display: block; margin-left: 0; width: 50% } .no-gutter > .col-m-7 { float: left; display: block; margin-left: 0; width: 58.33333% } .no-gutter > .col-m-8 { float: left; display: block; margin-left: 0; width: 66.66667% } .no-gutter > .col-m-9 { float: left; display: block; margin-left: 0; width: 75% } .no-gutter > .col-m-10 { float: left; display: block; margin-left: 0; width: 83.33333% } .no-gutter > .col-m-11 { float: left; display: block; margin-left: 0; width: 91.66667% } .no-gutter > .col-m-12 { float: left; display: block; margin-left: 0; width: 100% } .shift-m-1 { margin-left: 11.33333% } .shift-m-2 { margin-left: 19.66667% } .shift-m-3 { margin-left: 28% } .shift-m-4 { margin-left: 36.33333% } .shift-m-5 { margin-left: 44.66667% } .shift-m-6 { margin-left: 53% } .shift-m-7 { margin-left: 61.33333% } .shift-m-8 { margin-left: 69.66667% } .shift-m-9 { margin-left: 78% } .shift-m-10 { margin-left: 86.33333% } .shift-m-11 { margin-left: 94.66667% } .shift-m-12 { margin-left: 103% } .row.reverse-order > * { float: right } } @media screen and (min-width: 769px) { .col-l-1 { float: left; display: block; margin-left: 3%; width: 5.33333% } .col-l-2 { float: left; display: block; margin-left: 3%; width: 13.66667% } .col-l-3 { float: left; display: block; margin-left: 3%; width: 22% } .col-l-4 { float: left; display: block; margin-left: 3%; width: 30.33333% } .col-l-5 { float: left; display: block; margin-left: 3%; width: 38.66667% } .col-l-6 { float: left; display: block; margin-left: 3%; width: 47% } .col-l-7 { float: left; display: block; margin-left: 3%; width: 55.33333% } .col-l-8 { float: left; display: block; margin-left: 3%; width: 63.66667% } .col-l-9 { float: left; display: block; margin-left: 3%; width: 72% } .col-l-10 { float: left; display: block; margin-left: 3%; width: 80.33333% } .col-l-11 { float: left; display: block; margin-left: 3%; width: 88.66667% } .col-l-12 { float: left; display: block; margin-left: 3%; width: 97% } .no-gutter > .col-l-1 { float: left; display: block; margin-left: 0; width: 8.33333% } .no-gutter > .col-l-2 { float: left; display: block; margin-left: 0; width: 16.66667% } .no-gutter > .col-l-3 { float: left; display: block; margin-left: 0; width: 25% } .no-gutter > .col-l-4 { float: left; display: block; margin-left: 0; width: 33.33333% } .no-gutter > .col-l-5 { float: left; display: block; margin-left: 0; width: 41.66667% } .no-gutter > .col-l-6 { float: left; display: block; margin-left: 0; width: 50% } .no-gutter > .col-l-7 { float: left; display: block; margin-left: 0; width: 58.33333% } .no-gutter > .col-l-8 { float: left; display: block; margin-left: 0; width: 66.66667% } .no-gutter > .col-l-9 { float: left; display: block; margin-left: 0; width: 75% } .no-gutter > .col-l-10 { float: left; display: block; margin-left: 0; width: 83.33333% } .no-gutter > .col-l-11 { float: left; display: block; margin-left: 0; width: 91.66667% } .no-gutter > .col-l-12 { float: left; display: block; margin-left: 0; width: 100% } .shift-l-1 { margin-left: 11.33333% } .shift-l-2 { margin-left: 19.66667% } .shift-l-3 { margin-left: 28% } .shift-l-4 { margin-left: 36.33333% } .shift-l-5 { margin-left: 44.66667% } .shift-l-6 { margin-left: 53% } .shift-l-7 { margin-left: 61.33333% } .shift-l-8 { margin-left: 69.66667% } .shift-l-9 { margin-left: 78% } .shift-l-10 { margin-left: 86.33333% } .shift-l-11 { margin-left: 94.66667% } .shift-l-12 { margin-left: 103% } .row.reverse-order > * { float: right } } @media screen and (min-width: 993px) { .col-xl-1 { float: left; display: block; margin-left: 3%; width: 5.33333% } .col-xl-2 { float: left; display: block; margin-left: 3%; width: 13.66667% } .col-xl-3 { float: left; display: block; margin-left: 3%; width: 22% } .col-xl-4 { float: left; display: block; margin-left: 3%; width: 30.33333% } .col-xl-5 { float: left; display: block; margin-left: 3%; width: 38.66667% } .col-xl-6 { float: left; display: block; margin-left: 3%; width: 47% } .col-xl-7 { float: left; display: block; margin-left: 3%; width: 55.33333% } .col-xl-8 { float: left; display: block; margin-left: 3%; width: 63.66667% } .col-xl-9 { float: left; display: block; margin-left: 3%; width: 72% } .col-xl-10 { float: left; display: block; margin-left: 3%; width: 80.33333% } .col-xl-11 { float: left; display: block; margin-left: 3%; width: 88.66667% } .col-xl-12 { float: left; display: block; margin-left: 3%; width: 97% } .no-gutter > .col-xl-1 { float: left; display: block; margin-left: 0; width: 8.33333% } .no-gutter > .col-xl-2 { float: left; display: block; margin-left: 0; width: 16.66667% } .no-gutter > .col-xl-3 { float: left; display: block; margin-left: 0; width: 25% } .no-gutter > .col-xl-4 { float: left; display: block; margin-left: 0; width: 33.33333% } .no-gutter > .col-xl-5 { float: left; display: block; margin-left: 0; width: 41.66667% } .no-gutter > .col-xl-6 { float: left; display: block; margin-left: 0; width: 50% } .no-gutter > .col-xl-7 { float: left; display: block; margin-left: 0; width: 58.33333% } .no-gutter > .col-xl-8 { float: left; display: block; margin-left: 0; width: 66.66667% } .no-gutter > .col-xl-9 { float: left; display: block; margin-left: 0; width: 75% } .no-gutter > .col-xl-10 { float: left; display: block; margin-left: 0; width: 83.33333% } .no-gutter > .col-xl-11 { float: left; display: block; margin-left: 0; width: 91.66667% } .no-gutter > .col-xl-12 { float: left; display: block; margin-left: 0; width: 100% } .shift-xl-1 { margin-left: 11.33333% } .shift-xl-2 { margin-left: 19.66667% } .shift-xl-3 { margin-left: 28% } .shift-xl-4 { margin-left: 36.33333% } .shift-xl-5 { margin-left: 44.66667% } .shift-xl-6 { margin-left: 53% } .shift-xl-7 { margin-left: 61.33333% } .shift-xl-8 { margin-left: 69.66667% } .shift-xl-9 { margin-left: 78% } .shift-xl-10 { margin-left: 86.33333% } .shift-xl-11 { margin-left: 94.66667% } .shift-xl-12 { margin-left: 103% } .site-footer .footer-links .row.reverse-order > * { float: right } } [class*="section-col-"] { margin-bottom: 0; max-width: 68em; margin-left: -3.0927%; margin-right: auto } [class*="section-col-"] > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } [class*="section-col-"] > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } [class*="section-col-"]:after { clear: both; content: ""; display: table } [class*="section-col-"] > * { right: 0; margin-left: 3%; width: 97% } [class*="section-col-"].no-gutter { max-width: 68em; margin-left: auto; margin-right: auto } [class*="section-col-"].no-gutter:after { clear: both; content: ""; display: table } [class*="section-col-"].no-gutter > * { margin-left: auto; width: 100% } .section-col-2 > * { float: left; display: block; margin-left: 3%; width: 47% } .section-col-2 > *:nth-child(2n+1) { clear: left } .section-col-2.no-gutter > * { float: left; display: block; margin-left: 0; width: 50% } .section-col-3 > * { float: left; display: block; margin-left: 3%; width: 30.33333% } .section-col-3 > *:nth-child(3n+1) { clear: left } .section-col-3.no-gutter > * { float: left; display: block; margin-left: 0; width: 33.33333% } .section-col-4 > * { float: left; display: block; margin-left: 3%; width: 22% } .section-col-4 > *:nth-child(4n+1) { clear: left } .section-col-4.no-gutter > * { float: left; display: block; margin-left: 0; width: 25% } .section-col-5 > * { float: left; display: block; margin-left: 3%; width: 17% } .section-col-5 > *:nth-child(5n+1) { clear: left } .section-col-5.no-gutter > * { float: left; display: block; margin-left: 0; width: 20% } .section-col-6 > * { float: left; display: block; margin-left: 3%; width: 13.66667% } .section-col-6 > *:nth-child(6n+1) { clear: left } .section-col-6.no-gutter > * { float: left; display: block; margin-left: 0; width: 16.66667% } .section-col-7 > * { float: left; display: block; margin-left: 3%; width: 11.28583% } .section-col-7 > *:nth-child(7n+1) { clear: left } .section-col-7.no-gutter > * { float: left; display: block; margin-left: 0; width: 14.28583% } .section-col-8 > * { float: left; display: block; margin-left: 3%; width: 9.5% } .section-col-8 > *:nth-child(8n+1) { clear: left } .section-col-8.no-gutter > * { float: left; display: block; margin-left: 0; width: 12.5% } .section-col-9 > * { float: left; display: block; margin-left: 3%; width: 8.11167% } .section-col-9 > *:nth-child(9n+1) { clear: left } .section-col-9.no-gutter > * { float: left; display: block; margin-left: 0; width: 11.11167% } .section-col-10 > * { float: left; display: block; margin-left: 3%; width: 7% } .section-col-10 > *:nth-child(10n+1) { clear: left } .section-col-10.no-gutter > * { float: left; display: block; margin-left: 0; width: 10% } .section-col-11 > * { float: left; display: block; margin-left: 3%; width: 6.09092% } .section-col-11 > *:nth-child(11n+1) { clear: left } .section-col-11.no-gutter > * { float: left; display: block; margin-left: 0; width: 9.09092% } .section-col-12 > * { float: left; display: block; margin-left: 3%; width: 5.33333% } .section-col-12 > *:nth-child(12n+1) { clear: left } .section-col-12.no-gutter > * { float: left; display: block; margin-left: 0; width: 8.33333% } @media screen and (min-width: 481px) { .reset-s > *:nth-child(2n+1) { clear: none } .reset-s > *:nth-child(3n+1) { clear: none } .reset-s > *:nth-child(4n+1) { clear: none } .reset-s > *:nth-child(5n+1) { clear: none } .reset-s > *:nth-child(6n+1) { clear: none } .reset-s > *:nth-child(7n+1) { clear: none } .reset-s > *:nth-child(8n+1) { clear: none } .reset-s > *:nth-child(9n+1) { clear: none } .reset-s > *:nth-child(10n+1) { clear: none } .reset-s > *:nth-child(11n+1) { clear: none } .reset-s > *:nth-child(12n+1) { clear: none } .section-col-s-1 > * { float: left; display: block; margin-left: 3%; width: 97% } .section-col-s-2 > * { float: left; display: block; margin-left: 3%; width: 47% } .section-col-s-2 > *:nth-child(2n+1) { clear: left } .section-col-s-2.no-gutter > * { float: left; display: block; margin-left: 0; width: 50% } .section-col-s-3 > * { float: left; display: block; margin-left: 3%; width: 30.33333% } .section-col-s-3 > *:nth-child(3n+1) { clear: left } .section-col-s-3.no-gutter > * { float: left; display: block; margin-left: 0; width: 33.33333% } .section-col-s-4 > * { float: left; display: block; margin-left: 3%; width: 22% } .section-col-s-4 > *:nth-child(4n+1) { clear: left } .section-col-s-4.no-gutter > * { float: left; display: block; margin-left: 0; width: 25% } .section-col-s-5 > * { float: left; display: block; margin-left: 3%; width: 17% } .section-col-s-5 > *:nth-child(5n+1) { clear: left } .section-col-s-5.no-gutter > * { float: left; display: block; margin-left: 0; width: 20% } .section-col-s-6 > * { float: left; display: block; margin-left: 3%; width: 13.66667% } .section-col-s-6 > *:nth-child(6n+1) { clear: left } .section-col-s-6.no-gutter > * { float: left; display: block; margin-left: 0; width: 16.66667% } .section-col-s-7 > * { float: left; display: block; margin-left: 3%; width: 11.28583% } .section-col-s-7 > *:nth-child(7n+1) { clear: left } .section-col-s-7.no-gutter > * { float: left; display: block; margin-left: 0; width: 14.28583% } .section-col-s-8 > * { float: left; display: block; margin-left: 3%; width: 9.5% } .section-col-s-8 > *:nth-child(8n+1) { clear: left } .section-col-s-8.no-gutter > * { float: left; display: block; margin-left: 0; width: 12.5% } .section-col-s-9 > * { float: left; display: block; margin-left: 3%; width: 8.11167% } .section-col-s-9 > *:nth-child(9n+1) { clear: left } .section-col-s-9.no-gutter > * { float: left; display: block; margin-left: 0; width: 11.11167% } .section-col-s-10 > * { float: left; display: block; margin-left: 3%; width: 7% } .section-col-s-10 > *:nth-child(10n+1) { clear: left } .section-col-s-10.no-gutter > * { float: left; display: block; margin-left: 0; width: 10% } .section-col-s-11 > * { float: left; display: block; margin-left: 3%; width: 6.09092% } .section-col-s-11 > *:nth-child(11n+1) { clear: left } .section-col-s-11.no-gutter > * { float: left; display: block; margin-left: 0; width: 9.09092% } .section-col-s-12 > * { float: left; display: block; margin-left: 3%; width: 5.33333% } .section-col-s-12 > *:nth-child(12n+1) { clear: left } .section-col-s-12.no-gutter > * { float: left; display: block; margin-left: 0; width: 8.33333% } } @media screen and (min-width: 661px) { .reset-m > *:nth-child(2n+1) { clear: none } .reset-m > *:nth-child(3n+1) { clear: none } .reset-m > *:nth-child(4n+1) { clear: none } .reset-m > *:nth-child(5n+1) { clear: none } .reset-m > *:nth-child(6n+1) { clear: none } .reset-m > *:nth-child(7n+1) { clear: none } .reset-m > *:nth-child(8n+1) { clear: none } .reset-m > *:nth-child(9n+1) { clear: none } .reset-m > *:nth-child(10n+1) { clear: none } .reset-m > *:nth-child(11n+1) { clear: none } .reset-m > *:nth-child(12n+1) { clear: none } .section-col-m-1 > * { float: left; display: block; margin-left: 3%; width: 97% } .section-col-m-2 > * { float: left; display: block; margin-left: 3%; width: 47% } .section-col-m-2 > *:nth-child(2n+1) { clear: left } .section-col-m-2.no-gutter > * { float: left; display: block; margin-left: 0; width: 50% } .section-col-m-3 > * { float: left; display: block; margin-left: 3%; width: 30.33333% } .section-col-m-3 > *:nth-child(3n+1) { clear: left } .section-col-m-3.no-gutter > * { float: left; display: block; margin-left: 0; width: 33.33333% } .section-col-m-4 > * { float: left; display: block; margin-left: 3%; width: 22% } .section-col-m-4 > *:nth-child(4n+1) { clear: left } .section-col-m-4.no-gutter > * { float: left; display: block; margin-left: 0; width: 25% } .section-col-m-5 > * { float: left; display: block; margin-left: 3%; width: 17% } .section-col-m-5 > *:nth-child(5n+1) { clear: left } .section-col-m-5.no-gutter > * { float: left; display: block; margin-left: 0; width: 20% } .section-col-m-6 > * { float: left; display: block; margin-left: 3%; width: 13.66667% } .section-col-m-6 > *:nth-child(6n+1) { clear: left } .section-col-m-6.no-gutter > * { float: left; display: block; margin-left: 0; width: 16.66667% } .section-col-m-7 > * { float: left; display: block; margin-left: 3%; width: 11.28583% } .section-col-m-7 > *:nth-child(7n+1) { clear: left } .section-col-m-7.no-gutter > * { float: left; display: block; margin-left: 0; width: 14.28583% } .section-col-m-8 > * { float: left; display: block; margin-left: 3%; width: 9.5% } .section-col-m-8 > *:nth-child(8n+1) { clear: left } .section-col-m-8.no-gutter > * { float: left; display: block; margin-left: 0; width: 12.5% } .section-col-m-9 > * { float: left; display: block; margin-left: 3%; width: 8.11167% } .section-col-m-9 > *:nth-child(9n+1) { clear: left } .section-col-m-9.no-gutter > * { float: left; display: block; margin-left: 0; width: 11.11167% } .section-col-m-10 > * { float: left; display: block; margin-left: 3%; width: 7% } .section-col-m-10 > *:nth-child(10n+1) { clear: left } .section-col-m-10.no-gutter > * { float: left; display: block; margin-left: 0; width: 10% } .section-col-m-11 > * { float: left; display: block; margin-left: 3%; width: 6.09092% } .section-col-m-11 > *:nth-child(11n+1) { clear: left } .section-col-m-11.no-gutter > * { float: left; display: block; margin-left: 0; width: 9.09092% } .section-col-m-12 > * { float: left; display: block; margin-left: 3%; width: 5.33333% } .section-col-m-12 > *:nth-child(12n+1) { clear: left } .section-col-m-12.no-gutter > * { float: left; display: block; margin-left: 0; width: 8.33333% } } @media screen and (min-width: 769px) { .reset-l > *:nth-child(2n+1) { clear: none } .reset-l > *:nth-child(3n+1) { clear: none } .reset-l > *:nth-child(4n+1) { clear: none } .reset-l > *:nth-child(5n+1) { clear: none } .reset-l > *:nth-child(6n+1) { clear: none } .reset-l > *:nth-child(7n+1) { clear: none } .reset-l > *:nth-child(8n+1) { clear: none } .reset-l > *:nth-child(9n+1) { clear: none } .reset-l > *:nth-child(10n+1) { clear: none } .reset-l > *:nth-child(11n+1) { clear: none } .reset-l > *:nth-child(12n+1) { clear: none } .section-col-l-1 > * { float: left; display: block; margin-left: 3%; width: 97% } .section-col-l-2 > * { float: left; display: block; margin-left: 3%; width: 47% } .section-col-l-2 > *:nth-child(2n+1) { clear: left } .section-col-l-2.no-gutter > * { float: left; display: block; margin-left: 0; width: 50% } .section-col-l-3 > * { float: left; display: block; margin-left: 3%; width: 30.33333% } .section-col-l-3 > *:nth-child(3n+1) { clear: left } .section-col-l-3.no-gutter > * { float: left; display: block; margin-left: 0; width: 33.33333% } .section-col-l-4 > * { float: left; display: block; margin-left: 3%; width: 22% } .section-col-l-4 > *:nth-child(4n+1) { clear: left } .section-col-l-4.no-gutter > * { float: left; display: block; margin-left: 0; width: 25% } .section-col-l-5 > * { float: left; display: block; margin-left: 3%; width: 17% } .section-col-l-5 > *:nth-child(5n+1) { clear: left } .section-col-l-5.no-gutter > * { float: left; display: block; margin-left: 0; width: 20% } .section-col-l-6 > * { float: left; display: block; margin-left: 3%; width: 13.66667% } .section-col-l-6 > *:nth-child(6n+1) { clear: left } .section-col-l-6.no-gutter > * { float: left; display: block; margin-left: 0; width: 16.66667% } .section-col-l-7 > * { float: left; display: block; margin-left: 3%; width: 11.28583% } .section-col-l-7 > *:nth-child(7n+1) { clear: left } .section-col-l-7.no-gutter > * { float: left; display: block; margin-left: 0; width: 14.28583% } .section-col-l-8 > * { float: left; display: block; margin-left: 3%; width: 9.5% } .section-col-l-8 > *:nth-child(8n+1) { clear: left } .section-col-l-8.no-gutter > * { float: left; display: block; margin-left: 0; width: 12.5% } .section-col-l-9 > * { float: left; display: block; margin-left: 3%; width: 8.11167% } .section-col-l-9 > *:nth-child(9n+1) { clear: left } .section-col-l-9.no-gutter > * { float: left; display: block; margin-left: 0; width: 11.11167% } .section-col-l-10 > * { float: left; display: block; margin-left: 3%; width: 7% } .section-col-l-10 > *:nth-child(10n+1) { clear: left } .section-col-l-10.no-gutter > * { float: left; display: block; margin-left: 0; width: 10% } .section-col-l-11 > * { float: left; display: block; margin-left: 3%; width: 6.09092% } .section-col-l-11 > *:nth-child(11n+1) { clear: left } .section-col-l-11.no-gutter > * { float: left; display: block; margin-left: 0; width: 9.09092% } .section-col-l-12 > * { float: left; display: block; margin-left: 3%; width: 5.33333% } .section-col-l-12 > *:nth-child(12n+1) { clear: left } .section-col-l-12.no-gutter > * { float: left; display: block; margin-left: 0; width: 8.33333% } } @media screen and (min-width: 993px) { .reset-xl > *:nth-child(2n+1) { clear: none } .reset-xl > *:nth-child(3n+1) { clear: none } .reset-xl > *:nth-child(4n+1) { clear: none } .reset-xl > *:nth-child(5n+1) { clear: none } .reset-xl > *:nth-child(6n+1) { clear: none } .reset-xl > *:nth-child(7n+1) { clear: none } .reset-xl > *:nth-child(8n+1) { clear: none } .reset-xl > *:nth-child(9n+1) { clear: none } .reset-xl > *:nth-child(10n+1) { clear: none } .reset-xl > *:nth-child(11n+1) { clear: none } .reset-xl > *:nth-child(12n+1) { clear: none } .section-col-xl-1 > * { float: left; display: block; margin-left: 3%; width: 97% } .section-col-xl-2 > * { float: left; display: block; margin-left: 3%; width: 47% } .section-col-xl-2 > *:nth-child(2n+1) { clear: left } .section-col-xl-2.no-gutter > * { float: left; display: block; margin-left: 0; width: 50% } .section-col-xl-3 > * { float: left; display: block; margin-left: 3%; width: 30.33333% } .section-col-xl-3 > *:nth-child(3n+1) { clear: left } .section-col-xl-3.no-gutter > * { float: left; display: block; margin-left: 0; width: 33.33333% } .section-col-xl-4 > * { float: left; display: block; margin-left: 3%; width: 22% } .section-col-xl-4 > *:nth-child(4n+1) { clear: left } .section-col-xl-4.no-gutter > * { float: left; display: block; margin-left: 0; width: 25% } .section-col-xl-5 > * { float: left; display: block; margin-left: 3%; width: 17% } .section-col-xl-5 > *:nth-child(5n+1) { clear: left } .section-col-xl-5.no-gutter > * { float: left; display: block; margin-left: 0; width: 20% } .section-col-xl-6 > * { float: left; display: block; margin-left: 3%; width: 13.66667% } .section-col-xl-6 > *:nth-child(6n+1) { clear: left } .section-col-xl-6.no-gutter > * { float: left; display: block; margin-left: 0; width: 16.66667% } .section-col-xl-7 > * { float: left; display: block; margin-left: 3%; width: 11.28583% } .section-col-xl-7 > *:nth-child(7n+1) { clear: left } .section-col-xl-7.no-gutter > * { float: left; display: block; margin-left: 0; width: 14.28583% } .section-col-xl-8 > * { float: left; display: block; margin-left: 3%; width: 9.5% } .section-col-xl-8 > *:nth-child(8n+1) { clear: left } .section-col-xl-8.no-gutter > * { float: left; display: block; margin-left: 0; width: 12.5% } .section-col-xl-9 > * { float: left; display: block; margin-left: 3%; width: 8.11167% } .section-col-xl-9 > *:nth-child(9n+1) { clear: left } .section-col-xl-9.no-gutter > * { float: left; display: block; margin-left: 0; width: 11.11167% } .section-col-xl-10 > * { float: left; display: block; margin-left: 3%; width: 7% } .section-col-xl-10 > *:nth-child(10n+1) { clear: left } .section-col-xl-10.no-gutter > * { float: left; display: block; margin-left: 0; width: 10% } .section-col-xl-11 > * { float: left; display: block; margin-left: 3%; width: 6.09092% } .section-col-xl-11 > *:nth-child(11n+1) { clear: left } .section-col-xl-11.no-gutter > * { float: left; display: block; margin-left: 0; width: 9.09092% } .section-col-xl-12 > * { float: left; display: block; margin-left: 3%; width: 5.33333% } .section-col-xl-12 > *:nth-child(12n+1) { clear: left } .section-col-xl-12.no-gutter > * { float: left; display: block; margin-left: 0; width: 8.33333% } } button::-moz-focus-inner, .button::-moz-focus-inner, input.button::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border: 0 } .button { display: block; text-transform: uppercase; padding: 1.083em 1.5em !important; min-width: 12em; margin-bottom: 0.75em; color: #FFF; font-weight: 700; line-height: 1; font-size: 0.75em; text-align: center; border: none; border-radius: 1px } .button:hover { cursor: pointer; color: #FFF } .button.green { background-color: var(--green-primary); border: 1px solid var(--green-primary) } .button.green:hover { background-color: var(--green-active); border-color: var(--green-active); -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .button.green-light { background-color: #009982; border: 1px solid #009982 } .button.green-light:hover { background-color: #00806c; border-color: #00806c; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .button.red { background-color: #ED2939; border: 1px solid #ED2939 } .button.red:hover { background-color: #da1f2e; border: 1px solid #da1f2e; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .button.white { background-color: #FFF; border: 1px solid #FFF; color: var(--green-primary) } .button.white:hover { color: #003a31 } .button.white-grey { background-color: #FFF; border: 1px solid #dddddd; color: #666666; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .button.white-grey:hover { background-color: #f3f3f3 } .button.transparent { color: #818181; border: 1px solid #D2D2D2; border-color: rgba(0, 0, 0, 0.15); background-color: transparent } .button.transparent:hover { color: #686868; border: 1px solid #b9b9b9; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .button.transparent.white { color: var(--green-primary); background-color: #fff } .button.transparent.light { color: #FFF; border-color: rgba(255, 255, 255, 0.8) } .button.transparent.light:hover { border-color: #fff } .button.full-width { width: 100%; min-width: inherit; display: block; padding-left: 0.5em !important; padding-right: 0.5em !important } .button.text-green { color: var(--green-primary) } .button.text-green:hover { color: #003a31 } .button.text-green.border { border: 1px solid #dddddd } .button.text-red { color: #ED2939 } .button.text-red:hover { color: #d11221 } .button.icon-doc { padding-left: 1em !important; color: #444 } .button.icon-doc:before { margin-right: 0.75em } .button.icon-doc:hover { color: var(--green-primary) } .button.white-transparent { border: 1px solid #fff; border-color: rgba(255, 255, 255, 0.6); background-color: transparent; color: #fff } .button.white-transparent:hover { border-color: #fff; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .button.disabled, .button:disabled { color: #ccc; border-color: #f8f8f8; background: #f8f8f8 } .button.disabled:hover, .button:disabled:hover { cursor: default; color: #ccc; border-color: #f8f8f8; background: #f8f8f8 } .ent-btn { text-align: center; display: inline-block; font-size: 16px; text-transform: uppercase; width: 265px; padding: 12px 0px; font-weight: bold; -webkit-transition: 200ms background-color, 200ms border, 200ms color; -moz-transition: 200ms background-color, 200ms border, 200ms color; transition: 200ms background-color, 200ms border, 200ms color } .ent-btn.green-light { background-color: #fff; color: #159882; border: 2px solid #159882 } .ent-btn.green-light:hover { color: #006d55; border: 2px solid #006d55 } a.small-green-circle { color: #818181; border: 1px solid #D2D2D2; border-color: rgba(0, 0, 0, 0.15); background-color: transparent; display: block; text-transform: uppercase; padding: 1.083em 1.5em !important; min-width: 12em; margin-bottom: 0.75em; font-weight: 700; line-height: 1; font-size: 0.75em; text-align: center; border-radius: 1px } a.small-green-circle i { display: none } a.small-green-circle:hover { color: #686868; border: 1px solid #b9b9b9; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .btt-btn { width: 65px; height: 66px; display: inline-block; position: fixed; right: 40px; bottom: 40px; z-index: 400; transition: none; background: url("../images/enterprise/btt-btn.png") no-repeat 0 0 transparent } .btt-btn-top { background-position: 0 -73px } .inline-ctas a.store-link { min-height: 40px; margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 1em; display: inline-block } .inline-ctas a.store-link img { max-height: 3em; min-height: 50px } .icon-pdf.pdf-link { font-size: 0.8em; font-weight: 500; color: #222222 } .icon-pdf.pdf-link span { background-color: transparent; color: #afafaf; cursor: pointer; font-size: 0.75em; padding-left: 0 } .icon-pdf.pdf-link:hover { color: var(--green-primary) } .icon-pdf.pdf-link + div { margin-top: 2em } @media screen and (min-width: 769px) { a.button, a.assets-button{ display: inline-block } .ent-btn { font-size: 21px } a.small-green-circle { margin-bottom: 0; font-size: 1em; border-radius: 999px; border: none; width: 2em; height: 2em; padding: 0.5em 0 0 0 !important; display: block; background-color: var(--green-primary); text-align: center; min-width: 0 } a.small-green-circle i { color: #fff; display: block } a.small-green-circle:hover { border: none; background-color: var(--green-active); -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } } input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0 1em !important; width: 100%; height: 3.3334em; line-height: 3.25em; text-align: center; border: none; cursor: pointer; outline: none; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) } label { font-size: 0.875em; color: #1c1c1c; font-weight: 300; line-height: 1.3 } input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="search"], input[type="time"], input[type="tel"], input[type="url"], input[type="number"], select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; margin: 0 0 1.25em 0; padding: 0.6em 1em 0.5em 1em; height: 2.5em; line-height: 1.85716em; font-size: 0.875em; font-weight: 300; border: 1px solid #E1E1E1; background-color: #fff; box-shadow: inset 0 2px 0 0 rgba(29, 29, 27, 0.05), inset 0 1px 0 0 rgba(29, 29, 27, 0.05); outline: none; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #808080 } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="number"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #808080 } input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="number"]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { color: #808080 } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #808080 } input[type="text"].placeholder, input[type="password"].placeholder, input[type="email"].placeholder, input[type="date"].placeholder, input[type="search"].placeholder, input[type="time"].placeholder, input[type="tel"].placeholder, input[type="url"].placeholder, input[type="number"].placeholder, select.placeholder, textarea.placeholder { color: #808080 } input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="date"]:hover, input[type="search"]:hover, input[type="time"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="number"]:hover, select:hover, textarea:hover { border: 1px solid #CDCDCD; border-bottom: 1px solid #BBBBBB; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in } input[type="text"].error, input[type="password"].error, input[type="email"].error, input[type="date"].error, input[type="search"].error, input[type="time"].error, input[type="tel"].error, input[type="url"].error, input[type="number"].error, select.error, textarea.error { border: 1px solid #e66a71 } textarea { height: 7em } input[type="checkbox"], input[type="radio"] { outline: none } label { margin-bottom: 0.625em; display: block } select { padding: 0.3em 2.5em 0.5em 0.75em } select:disabled { color: #bbbbbb } select:hover { cursor: pointer } select option { padding-top: 0.4em; padding-bottom: 0.4em } .select-wrapper { position: relative } .select-wrapper:before { font-family: 'font-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: '\f078'; position: absolute; color: #7b7b7b; right: 1.5em; top: 1.3em; opacity: .5; font-size: 0.6em; pointer-events: none } .select-wrapper.label-top:before { top: inherit; bottom: 3.5em } .checkbox { margin-bottom: 0.75em } .checkbox input { display: none } .checkbox.light { margin-top: 0 } .checkbox.light label { color: #ACACAC; padding-left: 2em } .checkbox label { position: relative; display: block; padding: 0 0 0 1.5em; color: #777; cursor: pointer } .checkbox label:before { position: absolute; top: 1px; left: 0; display: block; width: 1.1em; height: 1.1em; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15); content: '' } .checkbox.selected label:before { background: #009982; border-color: #009982; color: #fff; content: '\e908' } label.boxed { cursor: pointer; padding: 1.750em; text-align: center } label.boxed img[class^="product-icon-"] { float: none; margin: 0 } label.boxed .product-title { margin-bottom: 1em } label.boxed.white-wrapper:hover { border-color: #b9b9b9 } .main .form-standard, .form-standard { border-top: 1px solid #E6E6E6; padding-top: 2em; margin-top: 0.313em } .main .form-standard .form-title, .form-standard .form-title { font-size: .875em; text-transform: uppercase; font-weight: 700; color: var(--green-primary); margin-bottom: 1.750em } .main .form-standard .form-element.checkbox label, .form-standard .form-element.checkbox label { width: 100%; padding-right: 0 } .main .form-standard .form-element.small label, .form-standard .form-element.small label { line-height: 1.2 } .main .form-standard .form-element.small label span, .form-standard .form-element.small label span { font-size: 0.625em; color: #adacac } .main .form-standard .form-element + .note, .form-standard .form-element + .note { float: none } .main .form-standard input[type="submit"], .form-standard input[type="submit"] { width: 100% } .main .form-standard .select-wrapper, .main .form-standard input[type="text"], .main .form-standard input[type="password"], .main .form-standard input[type="email"], .main .form-standard input[type="date"], .main .form-standard input[type="search"], .main .form-standard input[type="time"], .main .form-standard input[type="tel"], .main .form-standard input[type="url"], .form-standard .select-wrapper, .form-standard input[type="text"], .form-standard input[type="password"], .form-standard input[type="email"], .form-standard input[type="date"], .form-standard input[type="search"], .form-standard input[type="time"], .form-standard input[type="tel"], .form-standard input[type="url"] { margin-top: -0.500em; margin-bottom: 1.750em } .main .form-standard .select-wrapper, .form-standard .select-wrapper { margin-bottom: 1.5em } .main .form-standard .select-wrapper select, .form-standard .select-wrapper select { margin-bottom: 0 } .main .form-standard .select-wrapper select + .parsley-errors-list, .form-standard .select-wrapper select + .parsley-errors-list { margin-top: 0.75em } .form-element { text-align: left } .form-element:after { clear: both; content: ""; display: table } .form-element.radio input { float: left } .form-element.radio label { padding-top: 0.15em; margin-left: 1.75em } .form-element.search-input { position: relative } .form-element.search-input input { padding-right: 3.5em } .form-element.search-input .button { position: absolute; top: 1px; right: 0; margin: 0; min-width: inherit; color: #ccc; background: none } .form-element.search-input .button:hover { color: var(--green-primary) } .divider + form { padding-top: 1em } .dark-overlay .form-element select { border-color: #FFF } .category-selector-section .category-selector-wrapper .form-element.select-wrapper { color: #80a3b3; margin-top: 1em; margin-bottom: 0 } .category-selector-section .category-selector-wrapper .form-element.select-wrapper:after { color: #80a3b3; right: 0; top: 40% } .category-selector-section .category-selector-wrapper .form-element.select-wrapper:hover:after { color: #567e90 } .category-selector-section .category-selector-wrapper .form-element.select-wrapper select { background-color: transparent; padding-left: 0; padding-right: 0.5em; box-shadow: none; color: #80a3b3; padding-top: 0; height: 24px; margin-bottom: 0; border: none; line-height: 1 } .category-selector-section .category-selector-wrapper .form-element.select-wrapper select:hover { border: none; color: #567e90 } .category-selector-section .category-selector-wrapper .form-element.select-wrapper select option { color: #1c1c1c; background-color: #FFF } @media screen and (min-width: 769px) { .category-selector-section .category-selector-wrapper .form-element.select-wrapper { margin-top: 0 } } .page-header .page-switcher .select-wrapper { margin-top: 0.15em } .page-header .page-switcher .select-wrapper:before { color: #FFF; color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; top: 1.35em } .page-header .page-switcher .select-wrapper:hover:before { color: #FFF } .page-header .page-switcher .select-wrapper select { border: none; background-color: transparent; box-shadow: none; color: #FFF; color: rgba(255, 255, 255, 0.7); font-size: 0.75em } .page-header .page-switcher .select-wrapper select option { text-align: left; font-size: 1.17em; color: #1c1c1c } .page-header .page-switcher .select-wrapper select:hover { color: #FFF } .page-header.dark-background .page-filters .form-element.select-wrapper select { color: #FFF; border: none; padding-left: 1em; padding-right: 0.5em; box-shadow: none; margin: 0; background-color: rgba(10, 10, 10, 0.7) } .page-header.dark-background .page-filters .form-element.select-wrapper option { color: #1c1c1c; background-color: #FFF } .page-header.dark-background .page-filters .form-element.select-wrapper:before { color: #FFF; color: rgba(255, 255, 255, 0.7) } .page-header.dark-background .page-filters .form-element.select-wrapper:hover:before { color: #FFF } .about-us-item-list-2 .search-form .search-submit-wrap.select-wrapper:after, .about-us-item-list-3 .search-form .search-submit-wrap.select-wrapper:after { font-size: 12px; top: 52px } @media screen and (min-width: 769px) { .about-us-item-list-2 .search-form .search-submit-wrap.select-wrapper:after, .about-us-item-list-3 .search-form .search-submit-wrap.select-wrapper:after { top: 25px } } @media screen and (min-width: 769px) { .main .form-standard, .form-standard { border-top: none; padding-top: 0 } .main .form-standard label, .form-standard label { width: 30%; padding-right: 10%; float: left } .main .form-standard .select-wrapper, .main .form-standard input, .form-standard .select-wrapper, .form-standard input { width: 60%; float: right } .main .form-standard input[type="submit"], .form-standard input[type="submit"] { width: auto } .main .form-standard .checkbox.light, .form-standard .checkbox.light { margin-top: 0.625em } .main .form-standard .form-element + .note, .form-standard .form-element + .note { float: left } .main .form-standard .select-wrapper select + .parsley-errors-list, .form-standard .select-wrapper select + .parsley-errors-list { padding-bottom: 0 } .category-selector-section .category-selector-wrapper.dropdown-1 .form-element.dropdown-filter { width: 100% } .category-selector-section .category-selector-wrapper.dropdown-2 .form-element.dropdown-filter { width: 42%; margin-left: 8% } .category-selector-section .category-selector-wrapper.dropdown-3 .form-element.dropdown-filter { width: 30%; margin-left: 3% } .category-selector-section .category-selector-wrapper.dropdown-4 .form-element.dropdown-filter { width: 20%; margin-left: 5% } .category-selector-section .category-selector-wrapper .form-element.dropdown-filter { display: block; float: left; border-left: 1px solid #e2edf2; padding-left: 25px } .category-selector-section .category-selector-wrapper .form-element.dropdown-filter:first-child { border-left: none } } .form-standard.offset { margin-top: 2em; border-color: rgba(255, 255, 255, 0.3) } .form-standard.offset input, .form-standard.offset .select-wrapper { width: 100% } .form-standard.offset input[type="submit"], .form-standard.offset .button { width: auto } .form-standard.offset .parsley-errors-list { width: 100% } .form-standard.offset form + .note { margin-top: 2em } .form-standard .form-element + .note { float: left; margin-top: -1em; margin-bottom: 2em } input.parsley-error, select.parsley-error { border-color: #e66a71 } .select-wrapper { position: relative } .select-wrapper .parsley-errors-list.filled { width: 100%; margin-top: -10px; margin-bottom: 1em } .select-wrapper .parsley-errors-list.filled + .select2-container { position: absolute; top: 0 } .select-wrapper .parsley-errors-list.filled + .select2-container .select2-selection { border-color: #e66a71 } .main .parsley-errors-list, .parsley-errors-list { width: 100%; margin: -10px 0 0 0; padding: 0 0 20px 0; float: right } .main .parsley-errors-list li, .parsley-errors-list li { margin: 0; padding: 0; font-size: 12px; font-weight: 400; color: #ed3c47 } .main .parsley-errors-list li:before, .parsley-errors-list li:before { display: none } .checkbox + .parsley-errors-list { padding-left: 1.7em } .main .form-standard .parsley-errors-list { margin: -15px 0 0 0; padding: 0 0 20px 0 } .main .form-standard .parsley-errors-list li { margin: 0; padding: 0 } .main .form-standard .parsley-errors-list li:before { display: none } @media screen and (min-width: 769px) { .select-wrapper .parsley-errors-list { padding-bottom: 0 } .form-standard .parsley-errors-list { width: 60% } .checkbox + .parsley-errors-list { width: 100% } } .about-us-button { display: block; padding: 0.66em 3em } .about-us-button.border { color: #2e2e2e; font-size: 0.9375em; border: 0.133em solid #2e2e2e; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms } .about-us-button.border:hover { color: #fff; background-color: #2e2e2e } .about-us-button.border.light { color: #fff; border-color: #fff } .about-us-button.border.light:hover { color: #2e2e2e; background-color: #fff } .about-us-button.grey-border.compact, .about-us-button.grey-border { position: relative; color: #b3b3b3; font-size: 0.7em; padding: 1.1em 0 0 1.15em; border: 0.178em solid #e8e8e8; line-height: 1.2; overflow: hidden; background-color: #fff; display: inline-block; width: 3.83em; height: 3.83em } .about-us-button.grey-border.compact i, .about-us-button.grey-border i { float: left; font-size: 1.5em } .about-us-button.grey-border.compact span, .about-us-button.grey-border span { float: left; display: none } .about-us-button.grey-border.compact strong, .about-us-button.grey-border strong { color: #767676; text-transform: uppercase } .about-us-button.grey-border.compact .icon-google-plus, .about-us-button.grey-border .icon-google-plus { position: relative; left: -.1875em } .about-us-button.grey-border.compact.facebook:hover i, .about-us-button.grey-border.compact.facebook:hover strong, .about-us-button.grey-border.facebook:hover i, .about-us-button.grey-border.facebook:hover strong { color: #3b5998 } .about-us-button.grey-border.compact.twitter:hover i, .about-us-button.grey-border.compact.twitter:hover strong, .about-us-button.grey-border.twitter:hover i, .about-us-button.grey-border.twitter:hover strong { color: #55acee } .about-us-button.grey-border.compact.linkedin:hover i, .about-us-button.grey-border.compact.linkedin:hover strong, .about-us-button.grey-border.linkedin:hover i, .about-us-button.grey-border.linkedin:hover strong { color: #0077b5 } .about-us-button.grey-border.compact.google-plus:hover i, .about-us-button.grey-border.compact.google-plus:hover strong, .about-us-button.grey-border.google-plus:hover i, .about-us-button.grey-border.google-plus:hover strong { color: #dc4e41 } .about-us-button.grey-border.compact.flickr:hover i, .about-us-button.grey-border.compact.flickr:hover strong, .about-us-button.grey-border.flickr:hover i, .about-us-button.grey-border.flickr:hover strong { color: #ff0084 } .about-us-button.grey-border.compact.blog:hover i, .about-us-button.grey-border.compact.blog:hover strong, .about-us-button.grey-border.blog:hover i, .about-us-button.grey-border.blog:hover strong { color: #026a52 } .about-us-button.show-more { color: #6e6e6e; border-color: #6e6e6e; padding: 0.86em 3.53em 0.8em 3.53em } .about-us-button.show-more:hover { color: #949494; border-color: #949494; background-color: transparent } .about-us-button.support { font-size: .75em; font-weight: 700; padding: 14px 20px 12px 20px; border: 1px solid #D2D2D2; text-transform: uppercase } .about-us-button.support:hover { color: #003a31; border: 1px solid #b9b9b9; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .about-us-button.green { color: #fff; font-weight: 700; font-size: .75em; padding: 14px 17px; text-transform: uppercase; background-color: var(--green-primary); -webkit-transition: 200ms background-color; -moz-transition: 200ms background-color; transition: 200ms background-color } .about-us-button.green:hover { background-color: var(--green-active) } @media screen and (min-width: 769px) { .about-us-button { display: inline-block } .about-us-button.grey-border { background-color: transparent; padding: 0.7em 1.1em 0.7em 1.1em; width: auto; height: auto } .about-us-button.grey-border i { margin: 0.3em 0.5em 0 0 } .about-us-button.grey-border span { display: block } .about-us-button.grey-border .icon-google-plus { left: 0 } .about-us-button.grey-border.compact i { margin: 0 0.5em 0.3em 0 } .about-us-button.show-more { text-transform: uppercase; padding: 1.13em 3.53em 1.06em 3.53em } } .icon-ios:before { font-size: 0.7em; position: relative; top: -0.25em } .narrow-wrapper { width: 100%; max-width: 41.25em; margin: 0 auto } .desktop-only, a.desktop-only, .button.full-width.desktop-only { display: none } .mobile-only, a.mobile-only, .button.full-width.mobile-only { display: block } .move-up { margin-top: -1em } .main .container { padding-bottom: 2.5em } .main .container.lower-container { padding-bottom: 1.5em } .main > *:first-child { padding-top: 2em } .main > .alert-section:first-child { padding-top: 0 } .main .page-header { padding-top: 1em } .main .page-header .page-info { margin-top: -1em; margin-bottom: 0 } .main .page-header .page-headline { margin-top: 1em } .main > *:last-child { margin-bottom: 0em; } .main.image-bg { background-size: 100% auto; background-position: 100% 0 } .lightgreen-background, .grey-background, .blue-background { margin-bottom: 3em; background-color: #f8f8f8 } .lightgreen-background.no-margin, .grey-background.no-margin, .blue-background.no-margin { margin-bottom: 0 } .lightgreen-background .container, .grey-background .container, .blue-background .container { padding-top: 3em } .lightgreen-background .button.transparent, .grey-background .button.transparent, .blue-background .button.transparent { background-color: rgba(255, 255, 255, 0.5) } .lightgreen-background .button.transparent:hover, .grey-background .button.transparent:hover, .blue-background .button.transparent:hover { background-color: #fff } .blue-background { background-color: #F6FBFD } .lightgreen-background { background: url(../images/bg-pattern-lightgreen.jpg) 50% 50% repeat } .divider { margin-bottom: 3em; border-bottom: 1px solid #e5e5e5 } .divider.lower-container { margin-bottom: 2em } .divider-no-margin { margin-bottom: 0; border-bottom: 1px solid #e5e5e5 } .divider-top { border-top: 1px solid #e5e5e5 } .divider-top-padding { padding-top: 3em; position: relative; border-top: 1px solid #e5e5e5 } .container .divider { margin-bottom: 0.75em; padding-bottom: 0.7em } .divider + [class*="-background"], [class*="-background"] + [class*="-background"] { margin-top: -3em } .main p.note { font-size: 0.75em; color: #999 } .regular-section:after { clear: both; content: ""; display: table } .regular-section .content { margin-bottom: 2em } .regular-section .sidebar { padding-top: 2em; border-top: 1px solid #e5e5e5 } .regular-section .invert-grid .content { float: right; margin-bottom: 0 } .regular-section .invert-grid .sidebar { float: right; padding-top: 0; border-top: none } .post-section:after { clear: both; content: ""; display: table } .post-section .content { margin-bottom: 2em } .post-section .sidebar { padding-top: 2em; border-top: 1px solid #e5e5e5 } .post .content h2 { font-size: 1.5em; color: #444 } .post .content h3 { font-size: 1.125em; color: #444 } .post .content h4 { font-size: 1em; color: #444; margin-bottom: 16px; margin-bottom: 1rem; text-transform: none } .post .content blockquote { margin-top: 0.25em; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 } .post .content blockquote p { padding-left: 1.25em } .post .content blockquote p:before { content: '"'; position: absolute; top: -0.25em; left: -0.4em; font-size: 3.5em; font-weight: 100; color: var(--green-primary) } .white-wrapper { background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .blue-wrapper { background: #F6FBFD; border: 1px solid #E2EDF2; box-shadow: 0px 2px 0px 0px rgba(226, 237, 242, 0.6) } .blue-wrapper .form-element input[type="text"] { border-color: #E2EDF2 } .green-wrapper { background: #009982; box-shadow: 0px 2px 0px 0px rgba(226, 237, 242, 0.6) } .green-wrapper .section-title { color: #fff } .green-wrapper p { color: #fff; color: rgba(255, 255, 255, 0.8) } .sidebar .blue-wrapper h4 { margin: 2em 1.5em 1em 2.25em; color: #80a3b3 } .sidebar .blue-wrapper .regular { margin-bottom: 1em } .sidebar .blue-wrapper form { padding: 0 1.75em 1em 1.75em } .secondary-section { border-top: 1px solid #e5e5e5 } .secondary-section .container { padding: 0 } .secondary-section .container > h4:first-child { padding-top: 3em } .secondary-section .container > [class*="col-"] { padding: 3em 0 2em 0; border-top: 1px solid #e5e5e5 } .secondary-section .container > [class*="col-"]:first-child { border-top: none } .secondary-section .container > [class*="col-"] > h4 { margin-bottom: 1em } .secondary-section .container > [class*="col-"] > p { font-size: 0.875em; color: #777 } .secondary-section .container > [class*="col-"] ul { margin-top: 1.75em } .widget { margin-bottom: 2em; padding-top: 2em; border-top: 1px solid #e5e5e5 } .widget:first-child { padding-top: 0; border-top: none } article .content figure { margin-bottom: 1em } .featured-image { margin-bottom: 1.5em } .caption { display: block; padding: 0.75em 0; text-align: center; font-size: 0.75em; color: #aaa; border-bottom: 1px solid #e5e5e5 } .toggle-content { display: none } .toggle-button.read-less { display: none } .open .toggle-button.read-less { display: block } .open .toggle-button.read-more { display: none } .tooltip { position: relative; top: -0.1em; margin-left: 0.25em; display: inline-block; vertical-align: middle; border: none; color: #bbb; font-size: 1.25em } .section-desc { text-align: center } .section-header { margin-bottom: 2em } .section-header h4.section-title + .section-desc { margin-top: -1.5em } .section-footer { padding-top: 0.5em; text-align: center } .section-footer p { margin-bottom: 0.75em; opacity: 1 } .section-footer .button { margin: 0; color: var(--green-primary) } .no-margin { margin-bottom: 0 } @media screen and (min-width: 481px) { .align-left { float: left; max-width: 300px; margin: 0 1em 1em 0 } .align-right { float: right; max-width: 300px; margin: 0 0 1em 1em } } @media screen and (min-width: 769px) { .desktop-only, a.desktop-only, .button.full-width.desktop-only { display: block } .mobile-only, a.mobile-only, .button.full-width.mobile-only { display: none } .move-up { margin-top: -2em } .main .container { padding-bottom: 3.5em } .main > *:first-child { padding-top: 6em } .main > .alert-section:first-child { padding-top: 0 } .main .homepage-main { padding-top: 0 } .main .page-header { padding-top: 0em !important } .main .page-header .page-info { margin-top: -3em; margin-bottom: 0 } .main .page-header .page-headline { margin-top: 1em } .lightgreen-background, .grey-background, .blue-background { margin-bottom: 4em } .lightgreen-background .container, .grey-background .container, .blue-background .container { padding-top: 4.063em } .lightgreen-background.move-up, .grey-background.move-up, .blue-background.move-up { margin-top: -6em } .lightgreen-background.move-up .container, .grey-background.move-up .container, .blue-background.move-up .container { padding-top: 5.5em } .divider { margin-bottom: 4em } .divider .lower-container { margin-bottom: 2em } .divider-top-padding { padding-top: 5em } .divider + [class*="-background"], [class*="-background"] + [class*="-background"] { margin-top: -4em } .secondary-section .container { padding: 0 } .secondary-section .container > [class*="col-"] { padding: 4em 2% 3em 2%; border-top: none } .secondary-section .container > [class*="col-"]:first-child { padding-left: 0 } .secondary-section .container > [class*="col-"]:last-child { padding-right: 0 } .secondary-section.divided .container > [class*="col-"] { padding-left: 5%; padding-right: 5%; border-left: 1px solid #e5e5e5 } .secondary-section.divided .container > [class*="col-"]:first-child { border-left: none; padding-left: 0 } .secondary-section.divided .container > [class*="col-"]:last-child { padding-right: 0 } .regular-section .content { padding-right: 1%; margin-bottom: 0.75em } .regular-section .sidebar { padding-top: 0; padding-left: 4%; border-top: none; border-left: 1px solid #e5e5e5 } .post-section .content { padding-right: 3%; margin-bottom: 0.75em } .post-section .sidebar { padding-top: 0; border-top: none } .widget { margin-bottom: 2.5em; padding-top: 0; border-top: none } .align-left { margin-right: 1.5em } .align-right { margin-left: 1.5em } .open .toggle-button.read-less { display: inline-block } .no-margin { margin-bottom: 0 } } .section-footer .button { margin: 0; color: var(--green-primary) } .section-footer .button.red, .section-footer .button.green { color: #fff } .section-footer .cta-scroll { display: inline-block; color: #aaa; padding: 0.5em 0 } .grey-pattern-background { margin-bottom: 3em; background: url(../images/bg-pattern-grey.jpg) 50% 50% repeat; background-size: cover } .grey-pattern-background.no-margin { margin-bottom: 0 } .grey-pattern-background .container { padding-top: 3em } .grey-pattern-background .button.transparent { background-color: rgba(255, 255, 255, 0.5) } .grey-pattern-background .button.transparent:hover { background-color: #fff } .dual-section { background: #fff; border-top: 1px solid #eee } .dual-section .dual-overlay-1, .dual-section .dual-overlay-2 { display: none } .dual-section .container { padding: 0 } .dual-section .dual-wrapper .dual-block { margin-top: 1px; margin-left: -5.5555%; margin-right: -5.5555%; padding: 2.5em 5%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } .conclusion-promo-section .section-footer .button { margin-bottom: 0.75em } .conclusion-promo-section .section-footer .button.transparent { background: none } .conclusion-promo-section .section-footer .button.transparent:hover { color: var(--green-primary); border-color: #777 } .simple-section-header.divider { margin-bottom: 2.5em } .simple-section-header .product-desc { text-align: center; font-weight: 100; font-size: 1.125em } @media screen and (min-width: 769px) { .grey-pattern-background { margin-bottom: 4em } .grey-pattern-background .container { padding-top: 4.063em } .grey-pattern-background.move-up { margin-top: -6em } .grey-pattern-background.move-up .container { padding-top: 5.5em } .dual-section { position: relative; border-top: none } .dual-section .dual-overlay-1, .dual-section .dual-overlay-2 { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } .dual-section .dual-overlay-2 { left: 50% } .dual-section .dual-overlay-2:after { content: ''; position: absolute; top: 0; bottom: 0; left: -1px; width: 2px; background: #fff } .dual-section .container { z-index: 10; padding-top: 4em; padding-bottom: 3.5em } .dual-section .dual-wrapper { display: table; width: 100% } .dual-section .dual-wrapper .dual-block { display: table-cell; margin-left: inherit; margin-right: inherit; padding: 0 0 0 5%; width: 50%; background: none !important } .dual-section .dual-wrapper .dual-block:first-child { padding-left: 0; padding-right: 5% } .conclusion-promo-section .section-footer .button { margin-left: 1em; margin-right: 1em; min-width: 15em } .simple-section-header.divider { padding-bottom: 2em; margin-bottom: 3.5em } .simple-section-header .product-desc { text-align: left; font-size: 1.5em } } .social-icons { text-align: center } .social-icons p { font-size: 0.75em; opacity: .75 } .social-icons a { display: inline-block; width: 2em; padding: 0.5em 0; line-height: 1em; font-size: 1.25em; color: #888; color: rgba(0, 0, 0, 0.4); background: none } .social-icons a i { display: block } .social-icons a:hover { background: #009982; color: #fff } .lightgreen-background .section-desc.divider { padding-bottom: 2em; margin-bottom: 2em; border-color: rgba(0, 0, 0, 0.1) } .lightgreen-background .social-icons { position: relative } .note-wrapper { margin-top: 1em } .post-item-list .container > hr { margin-bottom: 2em } .post-item-list h3 + small { text-transform: uppercase; font-size: 0.625em; color: #bababa; float: left; margin-top: -0.5em } .post-item-list .small-thumbnail { max-width: 100px; margin-bottom: 1em } .content .light-blue-info-box { background-color: #F6FBFD; border: 1px solid #E2EDF2; width: 100%; color: #80a3b3; padding: 1.500em 2em; text-align: center; margin-bottom: 1em } .content .light-blue-info-box.right { float: right; margin-left: 2em } .content .light-blue-info-box.left { float: left; margin-right: 2em } .content .light-blue-info-box p { text-align: center; color: #80a3b3; font-size: 0.8em; margin: 0.5em 0 0 0 } .content .light-blue-info-box .font-icons.big { font-size: 3em; margin: 0 0.1em; cursor: default } @media screen and (min-width: 769px) { .post-item-list .small-thumbnail { max-width: 125px } } @media screen and (min-width: 460px) { .content .light-blue-info-box { width: 300px } } .news-section .sidebar { padding-top: 2em; border-top: 1px solid #e5e5e5 } .news-section .sidebar .feed-widget a { font-size: 0.75em; color: #aaa } .news-section .sidebar .feed-widget a i { vertical-align: middle } .news-section .sidebar .feed-widget a:hover { color: var(--green-primary) } .dashboard-section .intro { margin-bottom: 2em; padding-bottom: 1.5em; border-bottom: 1px solid #e5e5e5; border-color: rgba(0, 0, 0, 0.1) } .dashboard-section .content-wrapper [class*="col-"] { margin-bottom: 1em } .dashboard-section h5 { font-weight: 300 } .dashboard-section h5 + .meta { margin-top: -0.5em } .dashboard-section p { color: #777 } .dashboard-section p.meta { margin-bottom: 0.5em; font-size: 0.6875em; font-weight: 700; color: #aaa } .dashboard-section li a { font-size: 0.875em; font-weight: 300 } .dashboard-section li figure a { font-size: 1em } .dashboard-section .button.transparent { background: none; color: var(--green-primary) } .dashboard-section .button.transparent:hover { color: var(--green-active); background: none } .dashboard-section .icon-list > li { font-size: 0.875em } .dashboard-section .icon-list > li a { font-size: 1em } .others-section .container > .row > [class*="col-"] { margin-top: 2em; padding-top: 2.5em; border-top: 1px solid #e5e5e5; border-color: rgba(0, 0, 0, 0.1) } .others-section .container > .row > [class*="col-"]:first-child { margin-top: 0; padding-top: 0; border-top: 0 } .others-section figure.product-icon { max-width: 50%; margin: 0 auto 1.5em auto } .others-section .button.transparent { background: none; color: var(--green-primary) } .others-section .button.transparent:hover { color: var(--green-active); background: none } .post-section .post-info h4 { margin-bottom: 0.1em; color: #aaa } .post-section .post-info p { margin-bottom: 1.5em; font-size: 0.875em } .post-section.divider-top { padding-top: 2.5em } .post-section .container.divider-top { padding-top: 2.5em } .sidebar .blue-wrapper .button { margin: 0 2em 2.25em 2.25em } @media screen and (min-width: 481px) { .others-section figure.product-icon { max-width: none; margin: 0 } } @media screen and (min-width: 769px) { .news-section .sidebar { padding-top: 3.25em; border-top: none } .news-section .sidebar .feed-widget { margin-top: -3.25em; margin-bottom: 2.25em; text-align: right } .news-section .sidebar .feed-widget a { font-size: 0.75em; color: #aaa } .news-section .sidebar .feed-widget a i { vertical-align: middle } .dashboard-section .intro { margin-bottom: 0; padding-bottom: 0; border-bottom: none; padding-right: 1% } .dashboard-section .content-wrapper { padding-left: 5%; border-left: 1px solid #e5e5e5; border-color: rgba(0, 0, 0, 0.08) } .dashboard-section .content-wrapper [class*="col-"] { margin-bottom: 1em } .others-section .container > .row > [class*="col-"] { position: relative; margin-top: 0; padding-top: 0; border-top: 0; padding-left: 2%; padding-right: 2% } .others-section .container > .row > [class*="col-"]:before { content: ''; position: absolute; left: -4%; top: 0; bottom: 0; width: 1px; background: #e5e5e5; background: rgba(0, 0, 0, 0.1) } .others-section .container > .row > [class*="col-"]:first-child { padding-left: 0 } .others-section .container > .row > [class*="col-"]:first-child:before { display: none } .others-section .container > .row > [class*="col-"]:last-child { padding-right: 0 } .post-section .invert-columns .content { float: right; padding-right: 0 } .post-section .invert-columns .sidebar { float: right } .post-section.divider-top { padding-top: 3.5em } .post-section .container.divider-top { padding-top: 3.5em } } .container hr.divider { padding: 0; margin: 2em 0 } .item-doc .icon-doc { color: #444 } .item-doc .icon-doc span { font-size: 0.875em; color: #aaa } .item-doc .icon-doc:hover { color: var(--green-primary) } .list-items > li { margin-bottom: 1.5em } .darkgreen-background { position: relative; margin-bottom: 3em; background: url(../images/bg-pattern-green.jpg) 50% 50% repeat; background-size: cover } .darkgreen-background.no-margin { margin-bottom: 0 } .darkgreen-background:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #444; opacity: .7 } .darkgreen-background *, .darkgreen-background .features-list p, .darkgreen-background .features-list p.title, .darkgreen-background .font-icons, .darkgreen-background .section-title { color: #fff } .darkgreen-background .container { padding-top: 3em } .darkgreen-background .button.transparent { color: #fff; border-color: rgba(255, 255, 255, 0.3) } .darkgreen-background .button.transparent:hover { border-color: rgba(255, 255, 255, 0.7) } @media screen and (min-width: 769px) { .container hr.divider { margin: 2.5em 0 } .align-outside { margin: 2em -14.5% 1.5em -14.5% } .align-outside.align-left { margin-top: 0; margin-right: 1.5em; max-width: 50% } .align-outside.align-right { margin-top: 0; margin-left: 1.5em; max-width: 50% } .darkgreen-background { margin-bottom: 4em } .darkgreen-background .container { padding-top: 4.063em } .darkgreen-background.move-up { margin-top: -6em } .darkgreen-background.move-up .container { padding-top: 5.5em } } .dark-overlay { color: #FFF } .dark-overlay h1, .dark-overlay h2, .dark-overlay h3, .dark-overlay h4, .dark-overlay h5, .dark-overlay h6, .dark-overlay p, .dark-overlay a, .dark-overlay small, .dark-overlay em { color: #FFF; text-shadow: none } .dark-overlay .note, .dark-overlay p.note { color: #FFF; opacity: 0.6 } .dark-overlay input[type="text"], .dark-overlay input[type="password"], .dark-overlay input[type="email"], .dark-overlay input[type="date"], .dark-overlay input[type="search"], .dark-overlay input[type="time"], .dark-overlay input[type="tel"], .dark-overlay input[type="url"], .dark-overlay input[type="number"], .dark-overlay textarea { border: 1px solid #FFF } .dark-overlay .select2-selection, .dark-overlay .select2-selection:hover { border-color: #FFF } .dark-overlay .form-standard input.parsley-error, .dark-overlay .form-standard select.parsley-error { border-color: #e66a71 } .form-standard.offset { margin-top: 2em; border-color: rgba(255, 255, 255, 0.3) } .form-standard.offset input, .form-standard.offset .select-wrapper { width: 100% } .form-standard.offset input[type="submit"], .form-standard.offset .button { width: auto } .form-standard.offset .parsley-errors-list { width: 100% } .form-standard.offset form + .note { margin-top: 2em } .form-standard .form-element + .note { float: left; margin-top: -1em; margin-bottom: 2em } .form-side-description { margin-top: 2em } .form-side-description .featured-icon { max-width: 250px; margin-bottom: 2em } .form-side-description a { font-weight: 300 } a.icon-left > i.font-icons { font-size: 0.6em; float: left; line-height: 1.6; margin-right: 1.6em } .main.image-background { background-size: cover; background-position: 0 } @media screen and (min-width: 769px) { .form-standard.offset { padding-left: 3%; border: none; margin-top: 0 } .form-side-description { margin-top: 0 } } .divider-top { position: relative; border-top: 1px solid #e5e5e5; border-color: rgba(0, 0, 0, 0.1) } .divider-top .container, .divider-top.container { padding-top: 3em } @media screen and (min-width: 769px) { .divider-top .container, .divider-top.container { padding-top: 4.063em } } .secondary-section .container { display: flex; flex-wrap: wrap; align-items: stretch } .site-top { width: 100%; height: 2.500em; display: block; color: #a9a9a9; background-color: #333; font-weight: 300; position: relative; z-index: 999; overflow: hidden } .site-top .site-nav .label { float: left; margin-top: 0.688em; cursor: default } .site-top .site-nav .label p { color: #a9a9a9; font-size: 0.75em } .site-top .site-nav .site-selector { float: right } .site-top .site-nav .site-selector li { float: left } .site-top .site-nav .site-selector li a { color: #a9a9a9; border-right: 1px solid #444444; padding: 1.15em; display: block; font-size: 0.75em; float: left } .site-top .site-nav .site-selector li a:hover { background-color: #444444; -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in } .site-top .site-nav .site-selector li a > i { margin-right: 0.5em; color: #717171 } .site-top .site-nav .site-selector li a span { color: #dddddd } .site-top .site-nav .site-selector li.active a { background-color: #444444 } .site-top .site-nav .site-selector li:first-child a { border-left: 1px solid #444444 } .site-header { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); position: relative; z-index: 998; background-color: #FFF } .site-header .site-title { float: left; padding: 0 0 0.5em; line-height: 1; margin-bottom: 0; width: 100%; text-align: center; font-size: 1em } .site-header .site-title a { display: inline-block; margin: 0 auto; text-align: left; text-indent: -9999px } .site-header .site-title a i.kaspersky-logo, footer div i.kaspersky-logo { background-image: url("../images/kaspersky-logo.svg"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top 3px; display: block; height: 32px; width: 140px; margin: 0 auto } .site-header .menu-utility { float: right; padding: 1.8em 0 0 0 } .site-header .menu-utility > li { float: left } .site-header .menu-utility > li > a { font-size: 0.875em; font-weight: 300; color: #333; margin-left: 1.5em } .site-header .menu-utility > li > .button { margin-top: -1em; font-size: 0.75em; font-weight: 700 } .site-header .menu-utility > li > .button.red, .site-header .menu-utility > li > .button.green { color: #fff } .site-header .menu-utility > li.cart a { font-size: 1em } .site-header .menu-utility > li.cart a i { font-size: 1.25em; color: #d5d5d5 } .site-header .menu-utility > li.cart a i:hover { color: var(--green-primary); -webkit-transition: color 0.15s ease-in; -moz-transition: color 0.15s ease-in; transition: color 0.15s ease-in } .site-header .menu-utility > li.my-kaspersky li { border-left: 1px solid #e5e5e5 } .site-header .menu-utility > li.my-kaspersky li:first-child { border-left: none } .site-header .menu-utility > li.my-kaspersky li a { padding-top: 1.5em; padding-bottom: 1em; font-size: 0.75em } .site-header .menu-utility > li.my-kaspersky li a .font-icons { font-size: 1.5em; margin-bottom: 0.4em } .site-header .menu-utility > li.select-currency { position: relative } .site-header .menu-utility > li.select-currency > a { background: #f8f8f8; padding-right: 30px; padding-left: 12px } .site-header .menu-utility > li.select-currency > a:after { right: 14px } .site-header .menu-utility > li.select-currency ul { left: 1.3125em; width: 180px; border: none; padding-top: 0.5em; padding-bottom: 0.5em } .site-header .menu-utility > li.select-currency ul li { float: none; width: auto; border: none } .site-header .menu-utility > li.select-currency ul li a { padding: 0.5em 12px; font-size: 0.75em; text-align: left } .site-header .menu-utility > li.select-currency:hover ul { display: none } .site-header .menu-utility > li.select-currency.open > a { box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2) } .site-header .menu-utility > li.select-currency.open ul { display: block } .site-header { /*position: fixed;*/ width: 100%; top: 0 } @media screen and (min-width: 769px) { body { padding-top: 0 } body.site-smb ul.menu-utility { display: none } body.sticky-header-on { padding-top: 10.438em } body.sticky-header-on > .site-header { top: -4.750em; position: fixed; width: 100% } body.sticky-header-on .site-top { display: none } body.sticky-header-on.site-homepage, body.sticky-header-on.header-compact { padding-top: 0 } body.sticky-header-on.site-homepage .site-header, body.sticky-header-on.header-compact .site-header { position: relative } body.sticky-header.header-compact { padding-top: 4.775em } body.sticky-header.header-compact .site-header { position: fixed } body.sticky-header.sticky-header-on.header-compact { padding-top: 4.775em } body.sticky-header.sticky-header-on.header-compact .site-header { position: fixed; top: 0 } .site-header { position: relative } .site-header .site-title { padding: 0 0 0.85em; width: auto; font-size: 1.5em } .site-header .site-title i.kaspersky-logo { width: 150px } } ul.regular { margin-bottom: 0 } ul.regular > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } ul.regular > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } ul.regular > li > a { display: block; padding: 0.4em 2em; color: #666; font-size: 0.875em; line-height: 1.3; font-weight: 500 } ul.regular > li > a span { font-size: 0.875em; opacity: .75 } ul.regular > li > a:hover { color: var(--green-primary) } ul.regular > li > a:hover span { color: #666 } ul.regular > li.active > a { color: var(--green-primary) } ul.regular > li.active > a span { font-size: 0.875em; color: #666; opacity: .75 } ul.regular > li.title h6 { margin: 0; padding: 0.4em 2.3334em; color: #80a3b3; line-height: 1.3; font-size: 0.75em; font-weight: 700; text-transform: uppercase } ul.regular > li.title p { margin: 0 2.3334em 0.75em 2.3334em; padding-bottom: 0.75em; color: #80a3b3; color: rgba(130, 130, 130, 0.6); line-height: 1.3; font-size: 0.75em; font-weight: 300; border-bottom: 1px solid #DFEDF1 } ul.regular > li.all-products a { color: #80a3b3; font-size: 0.75em; padding: 0.4em 2.3334em } ul.regular > li.all-products a:hover { color: var(--green-primary) } .site-header .main-nav { /*position: relative;*/ border-top: 1px solid #EFEFEF } .site-header .main-nav:after { clear: both; content: ""; display: table } .site-header .main-nav.search-active { border-top: 1px solid transparent } .site-header .main-nav.search-active ul.main-menu li { display: none } .site-header .main-nav.search-active ul.main-menu li.search { display: block; width: 100%; border-radius: 2px 2px 0 0; box-shadow: 0 0 2px rgba(176, 176, 176, 0.53); display: block; float: right; margin-right: 0 } .site-header .main-nav.search-active ul.main-menu li.search form { display: block } .site-header .main-nav.search-active ul.main-menu li.search a.close-search { display: block } .site-header .main-menu { display: flex; width: 100% } .site-header .main-menu > li { display: inline-flex; position: relative; float: left; margin: 0 1em } .site-header .main-menu > li a { display: block } .site-header .main-menu > li > * { display: block; color: #333; font-size: 0.875em; font-weight: 300; line-height: 1; padding: 17px 0 16px 0; border-bottom: 3px solid transparent; -webkit-transition: border-color 0.15s ease-in; -moz-transition: border-color 0.15s ease-in; transition: border-color 0.15s ease-in } .site-header .main-menu > li .new-feature { background-color: transparent; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; padding: 0; height: 24px; margin-top: auto; margin-bottom: auto; color: #e22e3f; } .new-feature sub { font-size: 0.75em; line-height: 1; height: 0; position: relative; vertical-align: super; top: 0; padding: 1px 3px 1px 3px; border: 1px solid var(--light-pink); border-radius: 3px; background-color: var(--light-pink); } .site-header .main-menu > li > ul { display: none; position: absolute; top: 50px; left: 0; z-index: 100; width: 250px; padding: 1em 0; background: #fafafa; border-top: 1px solid #eee; border-bottom: 2px solid #ddd; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2) } .site-header .main-menu > li > ul:after { clear: both; content: ""; display: table } .site-header .main-menu > li > ul > li { border-left: 3px solid transparent; -webkit-transition: border-color 0.15s ease-in; -moz-transition: border-color 0.15s ease-in; transition: border-color 0.15s ease-in } .site-header .main-menu > li > ul > li:hover { border-color: #ddd; -webkit-transition: border-color 0.1s ease-in; -moz-transition: border-color 0.1s ease-in; transition: border-color 0.1s ease-in } .site-header .main-menu > li > ul > li > a { padding: 0.4em 10%; color: #666; font-size: 0.875em; line-height: 1.3 } .site-header .main-menu > li > ul > li.active { border-color: #009982 } .site-header .main-menu > li:first-child { margin-left: 0 } .site-header .main-menu li:hover > a { color: var(--green-primary); border-color: #ddd; -webkit-transition: border-color 0.1s ease-in; -moz-transition: border-color 0.1s ease-in; transition: border-color 0.1s ease-in } .site-header .main-menu li:hover > ul { display: block } .site-header .main-menu > li.dropdown > a { position: relative; padding-right: 1.125em } .site-header .main-menu > li.dropdown > a:after { content: '\f078'; position: absolute; right: 0; top: 50%; opacity: .5; margin-top: -0.5em; font-size: .5em } .site-header .main-menu > li.dropdown:hover > a { border-color: #ddd } .site-header .main-menu > li.active > a, .site-header .main-menu > li.active.dropdown:hover > a { border-color: #009982 } .site-header .main-menu > li.dropdown.mega { position: static } .site-header .main-menu > li.dropdown.mega > ul { right: 0; width: auto; padding: 0; background: #F6FBFD } .site-header .main-menu > li.dropdown.mega > ul > li { position: relative; border-left: none; margin-left: 75% } .site-header .main-menu > li.dropdown.mega > ul > li.first { float: left; width: 75%; margin-left: 0; background: #fafafa } .site-header .main-menu > li.dropdown.mega > ul > li.first:after { content: ''; position: absolute; z-index: 100; top: 0; bottom: 0; right: 1px; width: 1px; background: #E2EDF2 } .site-header .main-menu > li.dropdown.mega.mega-small > ul { right: auto; width: 700px } .site-header .main-menu > li.dropdown.mega.mega-small > ul > li { margin-left: 50% } .site-header .main-menu > li.dropdown.mega.mega-small > ul > li.first { width: 50%; margin-left: 0 } .site-header .main-menu li.search { float: right; margin-right: 0 } .site-header .main-menu li.search a { float: left; font-size: 1em; line-height: 1; padding: 1.1em 0.3em 0.7em 1em } .site-header .main-menu li.search a i { color: #d5d5d5 } .site-header .main-menu li.search a:hover i, .site-header .main-menu li.search a.active i { color: var(--green-primary); width: 3.5%; -webkit-transition: color 0.15s ease-in; -moz-transition: color 0.15s ease-in; transition: color 0.15s ease-in } .site-header .main-menu li.search a.close-search { display: none; padding: 1.1em 0.8em 0.7em 1em; float: right } .site-header .main-menu li.search form { display: none; float: left; width: 90% } .site-header .main-menu li.search form input { border: none; outline: none; font-size: 0.875em; margin: 5px 5px 4px 5px; padding: 0.7em 4em 0.7em 0.4em; box-shadow: none } .site-header .main-menu li.search:hover a { border-color: transparent } .site-header .main-menu .featured { position: relative; margin: 0 } .site-header .main-menu .featured:after { clear: both; content: ""; display: table } .site-header .main-menu .featured li { position: relative; top: -1px; padding: 1.25em 1.5em; border-right: 1px solid #eee; border-top: 1px solid #eee } .site-header .main-menu .featured li > a { color: #444; font-size: 1.25em; font-weight: 700; letter-spacing: -0.02em } .site-header .main-menu .featured li > a span { display: block; padding: 0.25em 0; font-size: 0.65em; font-weight: 500 } .site-header .main-menu .featured li > a span.surtitle { color: var(--green-primary) } .site-header .main-menu .featured li > a span.subtitle { font-family: "MuseoSlab", "Georgia", Times, serif } .site-header .main-menu .featured li figure { float: left; width: 70px; margin: 0 0.75em 0.75em 0 } .site-header .main-menu .featured li figure img { max-width: 100% } .site-header .main-menu .featured li .desc { margin-top: 0.4em } .site-header .main-menu .featured li .desc p { margin-bottom: 0.6em; font-size: 0.75em; color: #888; line-height: 1.3 } .site-header .main-menu .featured li .desc p a { display: inline; color: var(--green-primary) } .site-header .main-menu .featured li .desc p a:hover { color: #005346 } .site-header .main-menu .featured li.title { display: none !important } .site-header .main-menu .featured.featured-small { padding: 0 1.5em } .site-header .main-menu .featured.featured-small li { position: relative; top: auto; margin-bottom: 1em; padding: 1.25em 0 0em 0; border-right: none; border-bottom: none; border-top: 1px solid #e5e5e5 } .site-header .main-menu .featured.featured-small li > a { font-size: 1em } .site-header .main-menu .featured.featured-small li figure { width: 40px; margin: 0 1em 1em 0 } .site-header .main-menu .featured.featured-small li .desc { margin-top: 0.2em } .site-header .main-menu .featured.featured-small li .desc p { margin-bottom: 0.3em } .site-header .main-menu .featured.featured-small li:first-child { border-top: none } .site-header .main-menu .featured.featured-big li > a { margin-top: 1em; font-size: 1.625em } .site-header .main-menu .featured.featured-big li figure { width: 85px; margin: 0 0.75em 0.5em 0 } .site-header .main-menu .featured.featured-big li .desc { clear: left; margin-top: 0 } .site-header .main-menu .featured.featured-big li .desc p { line-height: 1.5; margin-bottom: 0.75em } .site-header .main-menu .featured.featured-big li:first-child { border-top: none } .site-header ul.regular { padding-top: 1.25em } .site-header .main-search { float: right } body.sticky-header-on .site-header .main-nav.search-active ul.main-menu li.search { box-shadow: none } .menu-utility > li { position: relative } .menu-utility > li > ul { display: none; position: absolute; top: 25px; left: -207px; z-index: 100; width: 330px; background: #fafafa; border-top: 1px solid #eee; border-bottom: 2px solid #ddd; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2) } .menu-utility > li > ul:after { clear: both; content: ""; display: table } .menu-utility > li > ul > li { border-left: 3px solid transparent } .menu-utility > li > ul > li > a { color: #666; font-size: 0.875em; line-height: 1.3 } .menu-utility > li > ul > li.active { border-color: #009982 } .menu-utility > li:first-child { margin-left: 0 } .menu-utility li:hover > a { color: var(--green-primary) } .menu-utility li:hover > ul { display: block } .menu-utility > li.dropdown > a { position: relative; padding-right: 16px; padding-bottom: 0.750em; padding-top: 0.750em } .menu-utility > li.dropdown > a:after { content: '\f078'; position: absolute; /*right: -15px;*/ top: 50%; opacity: .5; margin-top: -0.5em; font-size: .5em } .menu-utility > li.dropdown ul li { float: left; width: 33.3% } .menu-utility > li.dropdown ul li:first-child a { border-left: 0 } .menu-utility > li.dropdown ul li a { float: left; height: 100%; text-align: center; width: 100% } .menu-utility > li.dropdown ul li a i { display: block } .mobile-navigation-opened #contentRoot { display: none; } .mobile-menu-wrapper { position: absolute; z-index: 999; width: 100%; top: 4em; opacity: 0; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .mobile-menu-wrapper.show { top: 4em; opacity: 1; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .mobile-menu-wrapper.show .mobile-nav { display: block } .mobile-menu-wrapper .background-overlay { display: none } .mobile-menu-wrapper.show .background-overlay { background-color: #fff; display: block; height: 100%; position: fixed; width: 100%; z-index: 900 } .mobile-nav { display: none; width: 100%; overflow: hidden; overflow-y: scroll; position: relative; height: 100%; background-color: #FFF; z-index: 999; } .mobile-nav li a { background-color: #fff; border-bottom: 1px solid #eaeaea; display: block; padding: 1.6em 1.6em; width: 100%; color: #272727; font-size: 0.875em; font-weight: 300; line-height: 1.2 } .mobile-nav li a i { float: left; font-size: 1.3em; margin-right: 1em } .mobile-nav li a i.icon-small-business { margin-top: 0.2em } .mobile-nav li a i.icon-medium-business { font-size: 1.7em } .mobile-nav li a i.icon-enterprise { font-size: 1.9em } .mobile-nav li a span { display: block } .mobile-nav li a small { color: #a1a1a1; display: block; font-size: 0.786em } .mobile-nav li a small.green-top { color: var(--green-primary) } .mobile-nav ul.submenu { background-color: #fff; display: block; width: 100%; position: fixed; right: -101%; top: 55px; bottom: 0; box-shadow: -1px 0 2px rgba(0, 0, 0, 0.15); overflow-y: scroll } .mobile-nav ul.submenu.show { right: 0; z-index: 999; transition: all 0.35s ease 0s } .mobile-nav ul.submenu.show.push-back > li > a { opacity: 0.3; transition: all 0.2s ease 0s } .mobile-nav ul.submenu ul.submenu { top: 55px; bottom: 0 } .mobile-nav li.back a { color: #8f8f8f; text-transform: uppercase; font-size: 0.688em; position: relative; padding: 1.6em 1.6em 1.4em 3.8em } .mobile-nav li.back a::before { color: #adadad; content: "\f053"; display: block; font-family: "font-icons"; height: 20px; position: absolute; left: 2em; top: 40%; width: 20px } .mobile-nav li.menu-item-check a { position: relative } .mobile-nav li.menu-item-check a::before { color: #adadad; content: "\e908"; display: block; font-family: "font-icons"; height: 20px; position: absolute; right: 1.8em; top: 35%; width: 20px; font-size: 1.2em } .mobile-nav li.title { background-color: #f4f4f4; border-bottom: 1px solid #e6e6e6; cursor: default; padding: 1em 1.5em } .mobile-nav li.title > span { color: #9c9c9c; font-size: 0.688em; font-weight: 700; text-transform: uppercase; position: relative } .mobile-nav li.title > span > i { position: absolute; margin-right: 0.3em; color: #C8C8C8; left: 0; top: 0; font-size: 1.4em; margin-top: -3px } .mobile-nav li.title > span > i.icon-medium-business { font-size: 1.6em } .mobile-nav li.title > span > i.icon-enterprise { margin-top: -4px; font-size: 1.8em } .mobile-nav li.title.has-icon > span { padding-left: 3em } .mobile-nav li.splitter { background-color: #e6e6e6; display: block; height: 0.188em } .mobile-nav li.parent > a { position: relative } .mobile-nav li.parent > a::before { color: #adadad; content: "\f054"; display: block; font-family: "font-icons"; height: 20px; position: absolute; right: 20px; top: 40%; width: 20px } .site-top, .menu-utility, .main-nav { display: none } .menu-toggle { text-indent: -9999px; width: 1.375em; height: 0.938em; margin-top: -0.125em; float: left; position: absolute; left: 0; top: 45%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .menu-toggle span { display: block; position: absolute; height: 3px; width: 100%; background: #c5c5c5; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .menu-toggle span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center } .menu-toggle span:nth-child(2) { top: 6px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center } .menu-toggle span:nth-child(3) { top: 12px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center } .menu-toggle.open { margin-left: -3px } .menu-toggle.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px } .menu-toggle.open span:nth-child(2) { width: 0%; opacity: 0 } .menu-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 4px } @media screen and (min-width: 769px) { .site-top, .menu-utility, .main-nav { display: block } .mobile-nav { display: none } .menu-toggle { display: none } } .site-top { width: 100%; height: 2.500em; display: block; color: #a9a9a9; background-color: #333; font-weight: 300; position: relative; z-index: 999; overflow: hidden } .site-top .site-nav .label { float: left; margin-top: 0.688em; cursor: default } .site-top .site-nav .label p { color: #a9a9a9; font-size: 0.75em } .site-top .site-nav .site-selector { float: right } .site-top .site-nav .site-selector li { float: left } .site-top .site-nav .site-selector li a { color: #a9a9a9; border-right: 1px solid #444444; padding: 1.15em; display: block; font-size: 0.75em; float: left } .site-top .site-nav .site-selector li a:hover { background-color: #444444; -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in } .site-top .site-nav .site-selector li a > i { margin-right: 0.5em; color: #717171 } .site-top .site-nav .site-selector li a span { color: #dddddd } .site-top .site-nav .site-selector li.active a { background-color: #444444 } .site-top .site-nav .site-selector li:first-child a { border-left: 1px solid #444444 } .site-header .site-title { float: left; padding: 0 0 0.5em; line-height: 1; margin-bottom: 0; width: 100%; text-align: center; font-size: 1em } .site-header .site-title a { display: inline-block; margin: 0 auto; text-align: left; text-indent: -9999px } .site-header .site-title a i.kaspersky-logo { background-image: url("../images/kaspersky-logo.svg"); background-repeat: no-repeat; background-size: 100% auto; display: block; height: 32px; width: 140px; margin: 0 auto } @media screen and (min-width: 769px) { body { padding-top: 0 } body.site-smb ul.menu-utility { display: none } body.sticky-header-on { padding-top: 10.438em } body.sticky-header-on > .site-header { top: -4.750em; position: fixed; width: 100% } body.sticky-header-on .site-top { display: none } body.sticky-header-on.site-homepage, body.sticky-header-on.header-compact { padding-top: 0 } body.sticky-header-on.site-homepage .site-header, body.sticky-header-on.header-compact .site-header { position: relative } body.sticky-header.header-compact { padding-top: 4.775em } body.sticky-header.header-compact .site-header { position: fixed } body.sticky-header.sticky-header-on.header-compact { padding-top: 4.775em } body.sticky-header.sticky-header-on.header-compact .site-header { position: fixed; top: 0 } .site-header { position: relative } .site-header .site-title { padding: 0 0 0.85em; width: auto; font-size: 1.5em } .site-header .site-title i.kaspersky-logo, i.kaspersky-logo { width: 150px } } .site-header .main-menu .featured li .label { position: absolute; top: 0; left: 2.4em; padding: 0.25em; line-height: 1; font-size: 0.625em; font-weight: 500; text-transform: uppercase; color: #fff; background: #bbb; -webkit-border-bottom-right-radius: 0.3em; -webkit-border-bottom-left-radius: 0.3em; -moz-border-radius-bottomright: 0.3em; -moz-border-radius-bottomleft: 0.3em; border-bottom-right-radius: 0.3em; border-bottom-left-radius: 0.3em } .site-header .main-menu .featured li .label.red { background: #ED2939 } .site-header .main-menu .featured li.promo-menu-item { background: var(--green-primary) } .site-header .main-menu .featured li.promo-menu-item > * { z-index: 10 } .site-header .main-menu .featured li.promo-menu-item:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background-image: url(../images/bg-green-overlay-bottom.png); background-repeat: no-repeat; background-position: top right; opacity: .75 } .site-header .main-menu .featured li.promo-menu-item > a { position: relative; color: #fff } .site-header .main-menu .featured li.promo-menu-item > a span { color: #fff } .site-header .main-menu .featured li.promo-menu-item .desc { position: relative } .site-header .main-menu .featured li.promo-menu-item .desc p { color: #fff; color: rgba(255, 255, 255, 0.75) } .site-header .main-menu .featured li.promo-menu-item .desc p a { color: #fff } .site-header .main-menu .featured li.promo-menu-item .thumb { display: block; position: absolute; right: 0; bottom: 0; width: 3.5em; height: 4em; background-repeat: no-repeat; background-position: left top; background-size: 4em } .mobile-nav li a i { float: left; font-size: 1.3em; margin-right: 1em } .mobile-nav li a i.icon-small-business { margin-top: 0.2em } .mobile-nav li a i.icon-medium-business { font-size: 1.7em } .mobile-nav li a i.icon-enterprise { font-size: 1.9em } .mobile-nav li a span { display: block } .mobile-nav li a small { color: #a1a1a1; display: block; font-size: 0.786em } .mobile-nav li a small.green-top { color: var(--green-primary) } .mobile-nav ul.submenu { background-color: #fff; display: block; width: 100%; position: fixed; right: -101%; top: 55px; bottom: 0; box-shadow: -1px 0 2px rgba(0, 0, 0, 0.15); overflow-y: scroll } .mobile-nav ul.submenu.show { right: 0; z-index: 999; transition: all 0.35s ease 0s } .mobile-nav ul.submenu.show.push-back > li > a { opacity: 0.3; transition: all 0.2s ease 0s } .mobile-nav ul.submenu ul.submenu { top: 55px; bottom: 0 } .mobile-nav li.back a { color: #8f8f8f; text-transform: uppercase; font-size: 0.688em; position: relative; padding: 1.6em 1.6em 1.4em 3.8em } .mobile-nav li.back a::before { color: #adadad; content: "\f053"; display: block; font-family: "font-icons"; height: 20px; position: absolute; left: 2em; top: 40%; width: 20px } .mobile-nav li.menu-item-check a { position: relative } .mobile-nav li.menu-item-check a::before { color: #adadad; content: "\e908"; display: block; font-family: "font-icons"; height: 20px; position: absolute; right: 1.8em; top: 35%; width: 20px; font-size: 1.2em } .mobile-nav li.title { background-color: #f4f4f4; border-bottom: 1px solid #e6e6e6; cursor: default; padding: 1em 1.5em } .mobile-nav li.title > span { color: #9c9c9c; font-size: 0.688em; font-weight: 700; text-transform: uppercase; position: relative } .mobile-nav li.title > span > i { position: absolute; margin-right: 0.3em; color: #C8C8C8; left: 0; top: 0; font-size: 1.4em; margin-top: -3px } .mobile-nav li.title > span > i.icon-medium-business { font-size: 1.6em } .mobile-nav li.title > span > i.icon-enterprise { margin-top: -4px; font-size: 1.8em } .mobile-nav li.title.has-icon > span { padding-left: 3em } .mobile-nav li.splitter { background-color: #e6e6e6; display: block; height: 0.188em } .mobile-nav li.parent > a { position: relative } .mobile-nav li.parent > a::before { color: #adadad; content: "\f054"; display: block; font-family: "font-icons"; height: 20px; position: absolute; right: 20px; top: 40%; width: 20px } .site-top, .menu-utility, .main-nav { display: none } .menu-toggle { text-indent: -9999px; width: 1.375em; height: 0.938em; margin-top: -0.125em; float: left; position: absolute; left: 0; top: 45%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .menu-toggle span { display: block; position: absolute; height: 3px; width: 100%; background: #c5c5c5; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .menu-toggle span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center } .menu-toggle span:nth-child(2) { top: 6px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center } .menu-toggle span:nth-child(3) { top: 12px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center } .menu-toggle.open { margin-left: -3px } .menu-toggle.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px } .menu-toggle.open span:nth-child(2) { width: 0%; opacity: 0 } .menu-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 4px } @media screen and (min-width: 769px) { .site-top, .menu-utility, .main-nav { display: block } .mobile-nav { display: none } .menu-toggle { display: none } } .site-header .menu-utility .utility-button .button { min-width: inherit; padding: 0.8571em 1.5em !important; font-size: 0.875em; font-weight: 300; text-transform: none } .site-header .menu-utility .utility-button .button.transparent.red { color: #ED2939; border-color: #ED2939 } .site-header .menu-utility .utility-button .button.transparent.green { color: var(--green-primary); border-color: var(--green-primary) } .site-header .menu-utility .utility-button .button.transparent:hover { color: #fff } .site-header > .container > .product-title { display: table; margin: 0 auto } .site-header > .container > .product-title figure { display: block; float: left } .site-header > .container > .product-title img.product-icon { max-width: 1.8em; float: left; margin: 0.6em 0.6em 0.6em 0 } .site-header > .container > .product-title a { text-indent: 0 } .site-header > .container > .product-title .site-title { margin: 1.4em 0.6em 0.6em 0; font-size: 0.7em; width: auto; float: left; display: block } @media screen and (min-width: 769px) { .site-header > .container > .product-title { display: block } .site-header > .container > .product-title figure { display: block; float: left } .site-header > .container > .product-title img.product-icon { max-width: 1.8em; float: left; margin: 0.6em 0.6em 0.6em 0 } .site-header > .container > .product-title .site-title { margin: 1.4em 0.6em 0.6em 0; font-size: 0.7em; width: auto; float: left; display: block } .site-header > .container .button.transparent { color: #818181 } } .site-header .menu-utility .partners-list { margin: -0.5em 0 0 1em } .site-header .menu-utility .partners-list > ul { position: static; display: block; width: inherit; background: none; border: none; box-shadow: none } .site-header .menu-utility .partners-list > ul li { float: left; margin-left: 1em } .site-header .menu-utility .partners-list > ul a { display: block } .site-header .menu-utility .partners-list > ul img { display: block; max-height: 2.5em } .site-header .menu-utility > li.regular ul { width: 240px; left: auto; right: 0; padding: 1em 0 } .site-header .menu-utility > li.regular li { float: none; width: 100%; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .site-header .menu-utility > li.regular li a { display: block; float: none; text-align: left; height: inherit; width: inherit; padding: 0.4em 10% } .site-header .menu-utility > li.regular li:hover { border-color: #ddd } .site-header .menu-utility > li.regular li:hover a { color: var(--green-primary) } .site-header .menu-utility > li.regular li.active { border-color: #009982 } .site-header .menu-utility > li.regular li.active a { color: var(--green-primary) } .site-header .main-menu > li.dropdown.mega.mega-float { position: relative } .site-header .main-menu > li.dropdown.mega.mega-float > ul { right: auto; width: 660px } .site-header .main-menu > li.dropdown.mega.mega-float > ul > li { margin-left: 50% } .site-header .main-menu > li.dropdown.mega.mega-float > ul > li.first { width: 50%; margin-left: 0 } .site-header .main-menu > li.dropdown.mega.mega-float > ul > li.full { float: none; width: 100%; margin: 0; background: #fafafa } .site-header .main-menu > li.dropdown.mega.mega-float > ul > li.full:after { clear: both; content: ""; display: table } .site-header .main-menu .featured.featured-services { padding: 0.75em 0 } .site-header .main-menu .featured.featured-services li { margin-bottom: 0.5em; padding: 0.75em 0 0em 0; border: none } .site-header .main-menu .featured.featured-services li > a { font-size: 1em; font-weight: 500 } .site-header .main-menu .featured.featured-services li figure { width: 1.75em; margin-bottom: 0.25em } .site-header .main-menu .featured.featured-services li .desc { margin-top: 0.2em } .site-header .main-menu .featured.featured-services li .desc p { margin-bottom: 0.3em } .site-header .main-menu .menu-list-wrapper { padding: 0.75em 1em 0.5em 1.5em } .site-header .main-menu .menu-list { padding: 0.75em 0 0.5em 0 } .site-header .main-menu .menu-list .section-title { margin-bottom: 1.1em; font-size: 0.75em; color: #aaa } .site-header .main-menu .menu-list h5 { font-size: 1em; font-weight: 500 } .site-header .main-menu .menu-list h5 a { font-weight: 500; color: #444; letter-spacing: -0.02em } .site-header .main-menu .menu-list h5 a:hover { color: var(--green-primary) } .site-header .main-menu .menu-list h5 + .desc { margin-top: -0.75em } .site-header .main-menu .menu-list p { margin-bottom: 0.3em; font-size: 0.75em; color: #888; line-height: 1.3 } .site-header .main-menu .menu-list .desc { margin-bottom: 1em } .site-header .main-menu > li.dropdown.mega [class*="section-col-"] { display: flex; flex-wrap: wrap; align-items: stretch } .menu-utility .dropdown:hover > ul { display: flex } .menu-utility .dropdown ul { flex-wrap: wrap; align-items: stretch } /*.main,*/ .main-background { background: url("../images/bg-grid.svg") 50% -4em no-repeat; background-size: 1920px 821px; /*min-height: 43em*/ } .main.minheight43em { min-height: 43em } .main.no-bg { background: none } .page-header + * { margin-top: -4em } .page-header + *.big-margin { margin-top: -2em } .page-header + * .container { z-index: 6 } .no-breadcrumbs { padding-top: 4.0625em } .little-promo { margin: 1em 0 1em 0; padding: 1em 1em 0.4em 1em; font-size: 1.25em; font-weight: 100; text-align: center; background: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 } .little-promo strong { font-weight: 900 } @media screen and (min-width: 769px) { .little-promo { font-size: 1.5em } } .alert-section { background: #ED2939 } .alert-section + * { padding-top: 3em } .alert-section .container { padding: 1em 0 0.5em 0; text-align: center } .alert-section p { margin-bottom: 0.5em; color: #fff; font-size: 0.875em } .alert-section p.big-title { margin-bottom: 0; font-size: 2.5em; font-weight: 900; line-height: 1.2 } .page-headline { margin-bottom: 0 } .page-headline:after { clear: both; content: ""; display: table } .page-headline .label { margin-top: -0.5em; margin-bottom: 1em } .page-headline .label p { display: inline-block; margin-bottom: 0; padding: 0.25em; line-height: 1; font-size: .625em; font-weight: 500; color: #fff; text-transform: uppercase; background: #aaa; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em } .page-headline .label.red p { color: #fff; background: #ED2939; opacity: .8 } .page-header { position: relative } .page-header .container { z-index: 5; padding-bottom: 5em } .page-header.image-bg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; max-width: 1920px; margin: 0 auto } .page-header.image-bg .overlay-1 { content: ''; position: absolute; top: 0; right: 0; bottom: 40%; left: 0; background: -moz-radial-gradient(top left, ellipse cover, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(radial, top left, 0px, center center, 100%, color-stop(0%, #fff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-radial-gradient(top left, ellipse cover, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -o-radial-gradient(top left, ellipse cover, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -ms-radial-gradient(top left, ellipse cover, #fff 0%, rgba(255, 255, 255, 0) 100%); background: radial-gradient(ellipse at top left, #fff 0%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff', GradientType=0); opacity: .7 } .page-header.image-bg .overlay-2 { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.75) 80%, #fff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.75) 80%, #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.75) 80%, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#ffffff', GradientType=0) } .page-header.image-bg.bg-topleft { background-position: 0 0 } .page-header.image-bg.bg-top { background-position: 50% 0 } .page-header.image-bg.bg-topright { background-position: 100% 0 } .page-header.image-bg.bg-left { background-position: 0 50% } .page-header.image-bg.bg-right { background-position: 100% 50% } .page-header.image-bg.bg-bottomleft { background-position: 0 100% } .page-header.image-bg.bg-bottom { background-position: 50% 100% } .page-header.image-bg.bg-bottomright { background-position: 100% 100% } .page-header.padding .container { padding-top: 2em } .page-header .page-info { min-height: 1em; margin-bottom: 1em } .page-header .page-info:after { clear: both; content: ""; display: table } .page-header .page-headline figure { display: none } .page-header .page-headline.show-figure { text-align: center } .page-header .page-headline.show-figure figure { margin-bottom: 1em; display: inline-block; width: 7em } .page-header .page-headline.big-headline { margin-bottom: 2em } .page-header .page-headline.big-headline .page-title { margin-bottom: 0; text-transform: none; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-size: 1.75em; font-weight: 900; line-height: 1.2; color: #333 } .page-header .page-headline.big-headline .page-title + .button { margin-top: 1.5em } .page-header .page-headline.big-headline .page-desc { margin-bottom: 0; line-height: 1.2; text-align: center; font-size: 1.25em; font-weight: 100; font-family: "MuseoSans", Arial, Helvetica, sans-serif; text-transform: none } .page-header .page-headline.big-headline .page-desc + .button { margin-top: 1.5em } .page-header .page-headline.big-headline p { margin: 1em 0 0 0; text-align: center; font-family: "MuseoSlab", "Georgia", Times, serif } .page-header .page-headline .side-ctas { margin-top: 4.0625em } .page-header .page-headline .side-ctas.equal-buttons .button { width: 100% } .page-header h1, .page-header .page-title { margin-bottom: 0.5em; font-size: 1.5em; font-weight: 900; color: #333; text-align: center; text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.7); text-transform: uppercase } .page-header h2, .page-header .page-desc { font-size: 1em; font-weight: 300; line-height: 1.4; font-family: "MuseoSlab", "Georgia", Times, serif; color: #444; text-align: center; text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.7) } .page-header h3, .page-header .page-surtitle { margin-bottom: 0; font-size: 1.25em; font-weight: 500; color: var(--green-primary); text-align: center; text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.7) } .page-header .breadcrumbs { display: none; float: left; margin: 2em 0 0 0; font-size: 0.75em; color: #777 } .page-header .breadcrumbs:after { clear: both; content: ""; display: table } .page-header .breadcrumbs a { position: relative; display: block; float: left; margin: 0 1.5em; line-height: 1; color: #888; color: rgba(85, 85, 85, 0.6) } .page-header .breadcrumbs a:before { content: '\f054'; position: absolute; top: 50%; left: -2.5em; margin-top: -0.6em; margin-left: -0.5em; font-size: 7px; color: #bbb; pointer-events: none; cursor: default } .page-header .breadcrumbs a:first-child { margin-left: 0 } .page-header .breadcrumbs a:first-child:before { display: none } .page-header .breadcrumbs a:hover { color: #666 } .page-header ul.quick-menu { display: none; float: right; margin-bottom: 0 } .page-header ul.quick-menu > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .page-header ul.quick-menu > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .page-header ul.quick-menu li { float: left; border-left: 1px solid rgba(255, 255, 255, 0.15) } .page-header ul.quick-menu li a { display: block; padding: 0.8em 1em; line-height: 1.3; font-size: .75em; font-weight: 700; color: #fff; text-transform: uppercase; background: var(--green-primary) } .page-header ul.quick-menu li a:hover { background-color: var(--green-active); -webkit-transition: background-color 0.15s ease-in; -moz-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in } .excerpt { margin-bottom: 1em } .excerpt p { font-size: 1.125em; font-weight: 500 } .small-header { min-height: 250px } .small-header + * { margin-top: -210px } .product-header .page-headline { text-align: center } .product-header .page-headline .product-promos .documents { margin: 0.75em 0 1.5em 0; font-size: 0.875em } .product-header .page-headline figure { margin-bottom: 1em } .product-header .page-headline figure img { max-width: 8.75em } .product-header .page-headline .reviews { margin-bottom: 1em } .product-header .page-headline .promo-tag { margin-bottom: 1em } .product-header .page-headline .desc .button { margin-bottom: 2em } .product-header .page-desc { font-size: 1em; font-weight: 500 } .product-header .notification { padding-top: 2em; text-align: center; border-top: 1px solid #e5e5e5 } .product-header .notification h3 { font-size: 1.125em; text-transform: uppercase } .product-header .comparison-section-1up .page-headline { margin-bottom: 3em } .post .page-header h1, .post .page-header .page-title { text-transform: none; font-weight: 700 } .compact-headline { padding-top: 1em; padding-left: 5em } .compact-headline figure { float: left; max-width: 4.25em; margin-top: -1.25em; margin-left: -5em } .compact-headline .product-title { font-size: 1.25em } .compact-headline .excerpt { clear: both; margin-left: -5em } .compact-headline .excerpt p { font-size: 1em } .compact-headline.page-headline { text-align: left } .compact-headline.page-headline figure img { max-width: 100% } .compact-headline.page-headline .product-title { font-size: 1.25em } @media screen and (min-width: 769px) { .page-headline .label { margin-top: -1.5em } .page-header .container { padding-bottom: 6em } .page-header .page-info { min-height: 3em } .page-header .page-headline.show-figure { text-align: left; padding-left: 15em } .page-header .page-headline.show-figure figure { position: relative; left: -1em; float: left; width: 13em; margin-left: -15em; margin-bottom: 1em; display: block } .page-header .page-headline.small-headline h1, .page-header .page-headline.small-headline .page-title { font-size: 2em; font-weight: 500 } .page-header .page-headline.small-headline h2, .page-header .page-headline.small-headline .page-desc { font-size: 1em } .page-header .page-headline.small-headline.show-figure { padding-left: 12em } .page-header .page-headline.small-headline.show-figure figure { margin-left: -12em; width: 10em } .page-header .page-headline.big-headline { text-align: center } .page-header .page-headline.big-headline .page-title { padding: 0; line-height: 1.1; text-align: center; font-size: 3em } .page-header .page-headline.big-headline .page-title:before { display: none } .page-header .page-headline.big-headline .page-desc { padding: 0; font-size: 1.7em; color: #666 } .page-header .page-headline.big-headline .page-desc:before { display: none } .page-header .page-headline.big-headline p { font-size: 1.25em } .page-header .page-headline.big-headline.show-figure { text-align: center; padding-left: 0 } .page-header .page-headline.big-headline.show-figure figure { left: auto; top: -0.75em; float: none; width: 7.5em; margin: 0 auto } .page-header .page-headline .side-ctas { margin-top: 4.0625em } .page-header .page-headline .side-ctas.equal-buttons .button { width: 13.33em } .page-header .breadcrumbs, .page-header ul.quick-menu { display: block } .page-header h1, .page-header .page-title { font-size: 2.25em; position: relative; left: -0.05em; text-align: left } .page-header h2, .page-header .page-desc { font-size: 1.25em; position: relative; padding: 0 10% 0 1em; text-align: left } .page-header h2:before, .page-header .page-desc:before { content: ''; position: absolute; left: 0; top: 0.25em; bottom: 0.25em; width: 4px; background: #009982 } .page-header h3, .page-header .page-surtitle { font-size: 1.5em; text-align: left } .page-header.image-bg.bg-d-topleft { background-position: 0 0 } .page-header.image-bg.bg-d-top { background-position: 50% 0 } .page-header.image-bg.bg-d-topright { background-position: 100% 0 } .page-header.image-bg.bg-d-left { background-position: 0 50% } .page-header.image-bg.bg-d-right { background-position: 100% 50% } .page-header.image-bg.bg-d-bottomleft { background-position: 0 100% } .page-header.image-bg.bg-d-bottom { background-position: 50% 100% } .page-header.image-bg.bg-d-bottomright { background-position: 100% 100% } .small-header + * { margin-top: -190px } .small-header.product-header + * { margin-top: -170px } .product-header .gallery-section { padding-top: 2em } .product-header .gallery-section figure { margin-bottom: 1em } .product-header .form-standard { padding-left: 4%; border-left: 1px solid #e5e5e5 } .product-header .buy-section { padding-left: 2%; padding-top: 3em } .product-header .page-headline { padding-top: 3em; padding-left: 11em; text-align: left } .product-header .page-headline:after { clear: both; content: ""; display: table } .product-header .page-headline figure { float: left; max-width: 8.75em; margin-top: -3em; margin-left: -11em } .product-header .page-headline figure img { max-width: 100% } .product-header .page-headline .product-promos { margin-bottom: 2em } .product-header .page-headline .product-promos .reviews { margin-top: 0.5em } .product-header .page-headline .product-promos .promo-tag { float: right; margin-top: -0.5em } .product-header .page-headline .product-promos .documents { margin: 0 0 0.5em 0.5em; float: right } .product-header .page-headline .product-promos.divider { margin-bottom: 1.5em } .product-header .page-headline.small-headline { padding-top: 1.5em; padding-left: 8em } .product-header .page-headline.small-headline figure { margin-top: -1.4em; margin-left: -8em; max-width: 6em } .product-header .page-headline.small-headline h1, .product-header .page-headline.small-headline .page-title, .product-header .page-headline.small-headline .product-title { font-size: 2em; font-weight: 500 } .product-header .page-headline.icon-large { padding-left: 15em } .product-header .page-headline.icon-large figure { max-width: 13em; margin-left: -15em; margin-top: -2em } .product-header .page-headline.no-figure { padding-left: 0 } .product-header .page-headline.no-top { padding-top: 0 } .product-header .page-desc { font-size: 1.25em; font-family: "MuseoSlab", "Georgia", Times, serif; position: relative; margin-bottom: 1em; padding: 0 0 0.75em 1em; text-align: left; font-weight: 300; line-height: 1.4; color: #444 } .product-header .page-desc:before { content: ''; position: absolute; left: 0; top: 0.25em; bottom: 1em; width: 4px; background: #009982 } .product-header .notification { margin-top: 1em; padding: 1em 0 0 2em; text-align: left; border-top: none; border-left: 1px solid #e5e5e5 } .product-header .notification h3 { margin-bottom: 0.5em } .compact-headline .product-title { font-size: 2.5em } .compact-headline .excerpt { clear: none; margin-left: auto } .compact-headline .excerpt p { font-size: 1.125em; margin-bottom: 0.875em } .compact-headline.page-headline .product-title { font-size: 2.5em } } .page-header.solid + * { margin-top: 3em } .page-header.solid .page-headline { margin-top: 2.5em } .page-header.solid .container { padding-bottom: 0em !important } .page-header.solid hr { opacity: 0.3; margin-top: 1.500em; margin-bottom: 1.250em } .page-header.solid h1 + p.short-info { margin-top: 0; margin-bottom: 1em; text-align: center } .page-header.dark-background h1, .page-header.dark-background h2, .page-header.dark-background h3, .page-header.dark-background h4 { color: #fff } .page-header.dark-background .breadcrumbs a { color: #FFF; opacity: 0.7 } .page-header.dark-background .breadcrumbs a:hover { opacity: 1 } .page-header.dark-background .breadcrumbs a:hover:before { opacity: 0.5 } .page-header.dark-background .breadcrumbs a:before { color: #ddd; opacity: 0.7 } .page-header .overlay-light-green { position: absolute; display: block; opacity: 0.7; top: 0; left: 0; background-color: #356961; width: 100%; height: 100% } .page-header .page-headline.dark-background h1, .page-header .page-headline.dark-background h2, .page-header .page-headline.dark-background h3, .page-header .page-headline.dark-background h4, .page-header .page-headline.dark-background h5, .page-header .page-headline.dark-background p, .page-header .page-headline.dark-background strong { color: #fff; text-shadow: none } @media screen and (min-width: 769px) { .page-header .button.right { float: right } .page-header.solid h1 + p.short-info { margin-top: -1em; margin-bottom: 0; text-align: left } .page-header.dark-background h3.page-surtitle { margin-top: -0.5em } } .page-header .overlay-grey { position: absolute; display: block; opacity: 0.5; top: 0; left: 0; background-color: #333333; width: 100%; height: 100% } .page-header .side-menu { margin-bottom: 0; display: none; float: right } .page-header .side-menu > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .page-header .side-menu > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .page-header .side-menu > li { position: relative; float: left; margin-top: 0.5em; margin-left: 1em; padding-left: 1em } .page-header .side-menu > li:before { content: ''; position: absolute; top: 0.8em; left: 0; bottom: 0.8em; width: 1px; background: #e5e5e5 } .page-header .side-menu > li:first-child { padding-left: 0 } .page-header .side-menu > li:first-child:before { display: none } .page-header .side-menu > li > a { display: block; padding: 1.0834em 0; line-height: 1.1667; color: #777; font-size: 0.75em } .page-header .side-menu > li > a i { margin-left: 0.75em; font-size: 0.75em } .page-header .page-switcher { margin-right: -1em } .page-header .page-switcher .select2-container { margin: 0 } .page-header .page-switcher .select2-container .select2-selection { background: none; border-color: transparent } .page-header .page-switcher .select2-container .select2-selection .select2-selection__rendered { padding-top: 0; font-size: 12px; text-align: right } .page-header .overlay-dark { position: absolute; display: block; opacity: .5; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #111 } .page-header .product-type { display: inline-block; margin-top: -0.5em; margin-bottom: 0.25em; padding: 0.35em 0.75em; font-size: 0.8125em; font-weight: 500; color: #777; text-transform: uppercase; background: #eee; background: rgba(0, 0, 0, 0.07) } .page-header .single-headline .page-title { text-transform: none; text-align: left; font-size: 1.75em; font-weight: 700 } .page-header .single-headline .page-desc { text-align: left } .page-header blockquote { font-size: 1em; padding: 0 } .page-header blockquote cite span { font-size: 0.8125em; color: #888 } .page-header .more-info > * { margin-bottom: 1.5em } .page-header .more-info .item-doc { font-size: 0.875em; margin-bottom: 0.75em } .page-header.solid .page-headline .product-desc { margin-bottom: 1.5em } .page-header.solid .page-filters { position: relative; top: 2em; padding-top: 2em; border-top: 1px solid #e5e5e5 } .page-header.solid .page-filters .form-element { padding-left: 1px } .page-header.solid + [class*="-background"] { margin-top: 0 } .page-header.dark-background .side-menu > li:before { background: rgba(255, 255, 255, 0.2) } .page-header.dark-background .side-menu > li > a { color: #fff; color: rgba(255, 255, 255, 0.7) } .page-header.dark-background .side-menu > li > a:hover { color: #fff } .page-header.dark-background .page-switcher .select2-container .select2-selection .select2-selection__rendered { color: #ccc; color: rgba(255, 255, 255, 0.7) } .page-header.dark-background .page-switcher .select2-container .select2-selection .select2-selection__arrow:before { color: #ccc; color: rgba(255, 255, 255, 0.4) } .page-header.dark-background .page-switcher .select2-container .select2-selection:hover .select2-selection__rendered { color: #fff } .page-header.dark-background h1, .page-header.dark-background h2, .page-header.dark-background h3, .page-header.dark-background h4, .page-header.dark-background h5, .page-header.dark-background p, .page-header.dark-background strong { color: #fff; text-shadow: none } .page-header.dark-background .product-type { color: #fff; background: #009982 } .page-header.dark-background .page-headline.big-headline .page-title, .page-header.dark-background .page-headline.big-headline .page-desc { color: #fff } .page-header.dark-background blockquote p { color: #fff; color: rgba(255, 255, 255, 0.8) } .page-header.dark-background blockquote footer { color: #fff; color: rgba(255, 255, 255, 0.7) } .page-header.dark-background blockquote footer cite { color: #fff } .page-header.dark-background blockquote footer cite span { color: #fff; color: rgba(255, 255, 255, 0.7) } .page-header.dark-background .more-info .item-doc a { color: #fff } .page-header.dark-background .more-info .item-doc a span { color: rgba(255, 255, 255, 0.7) } .page-header.dark-background .more-info .item-doc a:hover span { color: #fff } .page-header.dark-background .button.transparent { color: #fff; border-color: #fff; border-color: rgba(255, 255, 255, 0.5) } .page-header.dark-background .button.transparent:hover { border-color: #fff } .page-header.dark-background .page-filters { border-top-color: rgba(255, 255, 255, 0.2) } .page-header.dark-background .page-filters .select2-container .select2-selection { border-color: transparent; background: #444; background: rgba(10, 10, 10, 0.7) } .page-header.dark-background .page-filters .select2-container .select2-selection .select2-selection__rendered { color: #fff } .product-header.solid figure { display: block } .product-header.dark-background .product-title .surtitle { color: #fff } @media screen and (min-width: 769px) { .page-header .side-menu { display: block } .page-header .single-headline .page-title { font-size: 2.25em; font-weight: 700 } .page-header blockquote { position: relative; padding: 0 1.125em; font-size: 1.125em } .page-header blockquote p:before { content: ''; position: absolute; left: -1.125em; top: 0.25em; bottom: 0.25em; width: 4px; background: #009982 } .page-header .more-info > * { display: inline-block; margin-bottom: 0.75em; margin-left: 1.5em } .page-header .more-info > *:not(.button) { padding-left: 1.5em; border-left: 1px solid #e5e5e5 } .page-header .more-info > *:first-child { margin-left: 0 } .page-header .more-info > *:first-child:not(.button) { border-left: none; padding-left: 0 } .page-header .more-info .item-doc { font-size: 0.875em } .page-header.solid .page-filters { top: 3em; padding-top: 0; border-top: none } .page-header.solid .page-filters .select2-container { margin-bottom: 0 } .page-header.solid .page-headline + .page-filters { margin-top: -1em } .page-header.dark-background .more-info > *:not(.button) { border-color: rgba(255, 255, 255, 0.2) } .product-header.solid .page-headline { padding-bottom: 4em } .product-header.solid .page-headline .product-title { min-height: inherit; padding-bottom: 0.25em } .product-header.solid .page-headline .product-desc { padding: 0 } .product-header.solid .page-headline .product-desc:before { display: none } } .page-header.solid .page-desc + div { margin-top: 2em } .product-header .container.divider { border-bottom-color: rgba(0, 0, 0, 0.1) } .product-header .page-headline.smaller-headline figure img { max-width: 6.5em } .product-header .page-headline .product-desc { font-size: 1.125em; font-weight: 100 } .taller-header { min-height: 350px } .taller-header + * { margin-top: -310px } .page-header ul.quick-menu li a.banner { text-transform: none; position: relative } .page-header ul.quick-menu li a.banner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background-image: url(../images/bg-green-overlay-bottom.png); background-repeat: no-repeat; background-position: top right; opacity: .75 } .page-header ul.quick-menu li a.banner .thumb { position: relative; z-index: 10; display: none } .page-header ul.quick-menu li a.banner span { position: relative; z-index: 10; display: block } .page-header ul.quick-menu li a.banner span.surtitle { position: relative; top: -0.15em; font-size: 0.8334em; opacity: .7; text-transform: uppercase } .page-header ul.quick-menu li a.banner span.larger-title { font-size: 1.25em; line-height: 1 } .page-header ul.quick-menu li a.banner.product-banner { position: relative; padding-left: 5em } .page-header ul.quick-menu li a.banner.product-banner .thumb { display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 4em; background-repeat: no-repeat; background-position: right 1em; background-size: 4.25em } @media screen and (min-width: 769px) { .product-header .page-headline.smaller-headline { padding-top: 1.5em; padding-left: 8em } .product-header .page-headline.smaller-headline figure { margin-top: -1.4em; margin-left: -8em; max-width: 6.5em } .product-header .page-headline.smaller-headline figure img { max-width: 100% } .product-header .page-headline .product-desc { margin-top: -0.5em; font-size: 1.25em } .taller-header { min-height: 400px } .taller-header + * { margin-top: -340px } } .page-header ul.quick-menu { display: none; float: right; margin-bottom: 0 } .page-header ul.quick-menu > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .page-header ul.quick-menu > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .page-header ul.quick-menu li { float: left; border-left: 1px solid rgba(255, 255, 255, 0.15) } .page-header ul.quick-menu li a { display: block; padding: 0.8em 1em; line-height: 1.3; font-size: .75em; font-weight: 700; color: #fff; text-transform: uppercase; background: var(--green-primary) } .page-header ul.quick-menu li a:hover { background-color: var(--green-active); -webkit-transition: background-color 0.15s ease-in; -moz-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in } .page-header ul.quick-menu li.red-item a { background: #ED2939 } .page-header ul.quick-menu li.red-item a:hover { background: #db1223 } .page-header ul.quick-menu.always-show { display: block } @media screen and (min-width: 769px) { .page-header ul.quick-menu { display: block } } .page-header.divider { margin-bottom: 7em } .page-header.divider .container { padding-bottom: 2em } .page-header .page-headline.big-headline { margin-top: 2.5em } @media screen and (min-width: 769px) { .page-header .page-headline.variant-2.divider { margin-bottom: 0em; padding-bottom: 0em } } .page-headline .page-desc.variant-2 { margin-top: 1em; font-family: "MuseoSlab", "Georgia", Times, serif; font-style: italic; color: #888 } .page-headline .product-promos .documents a { display: inline-block; margin-left: 0.5em; margin-right: 0.5em } @media screen and (min-width: 769px) { .page-headline .page-desc.variant-2 { padding: 0; font-size: 1.125em } .page-headline .page-desc.variant-2:before { display: none } .page-headline .product-promos.no-margin { margin: 0 } .page-headline .product-promos .documents a { margin-left: 1em; margin-right: 0 } .page-headline .product-promos .documents.no-float { float: none; margin: 0 } .page-headline .product-promos .documents.no-float a { margin-left: 0; margin-right: 1em } } .page-header .page-headline.big-headline.text-left .page-title { text-align: left } .page-header .page-headline.big-headline.text-left .page-desc { text-align: left } .page-header .page-headline.big-headline.text-left p { text-align: left } @media screen and (min-width: 769px) { .page-header .page-headline.big-headline.text-left { text-align: left } .page-header .page-headline.big-headline.text-left .page-title { text-align: left } .page-header .page-headline.big-headline.text-left .page-desc { text-align: left } .page-header .page-headline.big-headline.text-left p { text-align: left } } .page-header .button .font-icons { margin-right: 0.5em } @media screen and (min-width: 769px) { .page-header .column.big-headline { margin-top: 2em; margin-bottom: 1em } } .promoline { position: relative; padding: 0.25em; background: #eee; text-align: center } .promoline p { margin: 0; font-size: .875em; font-weight: 700; color: #aaa } .promoline:after { content: ''; position: absolute; bottom: -6px; left: 50%; margin-left: -6px; height: 0; width: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #eee } .promo-guarantee { position: relative; text-align: center } .promo-guarantee:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #eee } .promo-guarantee > * { position: relative; z-index: 5 } .promo-guarantee p { display: inline-block; margin: 0; padding: 0 0.5em; font-size: 1em; font-weight: 500; color: #ccc; line-height: 1; letter-spacing: -0.05em; background: #fff } .promo-guarantee p .large { display: block; font-size: 1.5em; font-weight: 900; letter-spacing: normal } .featured-item { background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .featured-item .promoline { background: #ED2939 } .featured-item .promoline p { color: #fff } .featured-item .promoline:after { height: 0; width: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ED2939 } .check-list, ul.check-list { margin-bottom: 0; margin-bottom: 2em } .check-list > li, ul.check-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .check-list > li:before, ul.check-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .check-list li, ul.check-list li { position: relative; padding-left: 1.75em; font-size: .9375em; line-height: 1.4; margin-bottom: 0.75em } .check-list li:before, ul.check-list li:before { display: block; content: "\e908"; position: absolute; top: 0.1em; left: 0; font-size: 1.125em } .reviews p { display: inline-block; margin: 0 0 0 0.5em; font-size: 0.6875em; color: #aaa; text-transform: uppercase } .reviews p a { font-size: 1em; color: #aaa } .starbar { display: inline-block } .starbar:after { clear: both; content: ""; display: table } .starbar .icon-star { position: relative; float: left; display: block; font-size: .625em; color: #FFC200 } .starbar .icon-star.empty { color: #e5e5e5 } .starbar .icon-star.half { position: relative; color: #e5e5e5 } .starbar .icon-star.half:after { content: "\e912"; position: absolute; top: 0; left: 0; width: 50%; color: #FFC200; overflow: hidden } .red-hat { display: flex; height: 71px; background-color: #e71839; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; transition-duration: 5.5s; -moz-transition-duration: 5.5s; -webkit-transition-duration: 5.5s; transition-timing-function: ease-out; top: -71px; } .red-hat.ng-hide { display: flex; overflow-y: hidden; top: 0; } .red-hat .sale { margin: auto; height: 38px; font-family: MuseoSansCyrl, MuseoSans; font-size: 32px; font-weight: bold; color: #ffffff; } .price { text-align: center } .price .original-price { height: 25px } .price .original-price p.price-old .price-cut { font-weight: 300; color: #777; text-decoration: line-through } .price p { margin: 0; line-height: 1.3; font-size: 1.5em; color: #444; font-weight: 700 } .price p .price-from { display: inline-block; vertical-align: text-top; padding-right: 0.5em; font-size: 0.65em; color: #aaa; font-weight: 500; text-transform: uppercase } .price p.price-old { font-size: .9375em } .price p.price-old .price-cut { font-weight: 300; color: #777; text-decoration: line-through } .price p.price-old .price-new { padding-left: 0.2em; font-size: 1.5em; color: #444; font-weight: 700 } .price p.price-old .price-saving { padding-left: 0.4em; font-size: .8125em; font-weight: 700; color: #ED2939 } .price p .note { display: block; font-size: 0.6125em; font-weight: 400 } .download-section .download-box-wrapper { padding: 2.5em 1.5em 1.25em 1.5em; background: #fff; border: 1px solid #eee; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .download-section .download-box-wrapper .button { margin-bottom: 1.75em } .promo-tag { position: relative; display: inline-block; padding: 0.25em 0.5em 0.25em 1em; background: #009982; background: rgba(0, 112, 85, 0.6); -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em } .promo-tag .font-icons { position: absolute; top: 50%; left: -0.75em; margin-top: -0.75em; padding: 0.25em; width: 1.5em; height: 1.5em; color: #009982; color: rgba(0, 112, 85, 0.6); background: #fff; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em } .promo-tag .font-icons:before { color: #a3cbc2 } .promo-tag p { margin: 0; color: #fff; font-size: .75em; line-height: 1.1 } .promo-tag.grey-tag { background: #eee } .promo-tag.grey-tag .font-icons:before { color: #ccc } .promo-tag.grey-tag p { color: #888 } .previews, ul.previews { margin-bottom: 1em; margin-bottom: 0 } .previews:after, ul.previews:after { clear: both; content: ""; display: table } .previews > li, ul.previews > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .previews > li:before, ul.previews > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .previews > li, ul.previews > li { float: left; margin-left: 0.5em; margin-bottom: 0.5em; width: 5em } .previews > li img, ul.previews > li img { width: 100%; border: 1px solid #eee; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) } .product-title { font-size: 1.25em; line-height: 1.2; margin-bottom: 0 } .product-title a { color: #333; font-weight: 700; letter-spacing: -0.02em } .product-title span.surtitle, .product-title span.subtitle { display: block; padding: 0.05em 0; font-size: 0.6em; font-weight: 500 } .product-title span.surtitle { padding-bottom: 0.15em; color: var(--green-primary) } .product-title span.subtitle { font-family: "MuseoSlab", "Georgia", Times, serif } .product-title span.subtitle.light { font-family: "MuseoSans", Arial, Helvetica, sans-serif; color: #8f8f8f; margin-top: 0.2em; font-weight: 300 } .product-title.page-title { font-size: 2em; font-weight: 700; text-transform: none; padding-bottom: 0.5em } .product-title.page-title span.surtitle { position: relative; top: 0.05em; padding: 0 } .product-title.small span { color: var(--green-primary); font-size: 1em } .product-title.small span:hover { color: #005346 } .product-title.small span.subdesc { font-size: .75em } .product-title.small span.subdesc:hover { color: #8e8e8e } .product-item { text-align: center } .product-item.text-left { text-align: left } .product-item.text-right { text-align: right } .product-item header { display: inline-block; margin-bottom: 0.75em; padding-left: 5em; text-align: left } .product-item header:after { clear: both; content: ""; display: table } .product-item header.divider { display: block } .product-item header figure { float: left; margin-left: -5em; width: 4.375em } .product-item header figure img { max-width: 100%; max-height: 3em } .product-item header .reviews { text-align: left } .product-item .tagline { margin-bottom: -0.55em } .product-item .tagline p { display: inline-block; margin-bottom: 0; padding: 0.25em; line-height: 1; font-size: .625em; font-weight: 500; color: #999; text-transform: uppercase; background: #eee; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em } .product-item .product-title { padding-top: 0.5em } .product-item .desc { margin-bottom: 0.75em } .product-item .desc p { margin-bottom: 0.3em; font-size: 0.8125em; color: #777; text-align: center } .product-item .desc .icon-doc { display: inline-block; position: relative; top: 0.25em } .product-item .reviews { text-align: center } .product-item .reviews p { margin-bottom: 0; font-size: 0.6875em; color: #aaa } .product-item .price { margin-bottom: 0.75em } .product-item.product-small .price p { font-size: 1em } .product-item.image-top header { padding-left: 0; text-align: center } .product-item.image-top header figure { float: none; margin-left: 0; width: 100% } .product-item.image-top header figure img { max-height: 7em } .product-item.image-top header .reviews { text-align: center } .product-item.image-top .tagline { margin-top: 0.55em } .product-item.image-top .product-title { min-height: 3.2em; margin-bottom: 0.25em } .product-item.product-right { margin-top: 0 } .product-item.product-icon-top header { padding-left: 0 } .product-item.product-icon-top header figure { float: none; margin-left: 0; margin: 0 auto } .product-item.product-icon-top.product-small header { padding-left: 0 } .product-item.product-icon-top.product-small header figure { float: none; margin-left: 0; margin: 0 auto } .product-item.product-icon-top.dark-background .product-title { text-align: center } .product-item.product-icon-top.dark-background .product-title a, .product-item.product-icon-top.dark-background .product-title span.surtitle { color: #FFF } .page-headline.big-headline .product-item header { padding-left: 4em } .page-headline.big-headline .product-item figure { display: block; margin-left: -4em; width: 3.375em } .page-headline.big-headline .product-item .product-title { text-align: left; font-size: 1.25em; line-height: 1.2; font-family: "MuseoSans", Arial, Helvetica, sans-serif } .featured-section .container.divider-top { padding-top: 3.125em } .featured-section ul.product-list { margin-bottom: 0; background: #fff; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .featured-section ul.product-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .featured-section ul.product-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .featured-section ul.product-list > li { border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5 } .featured-section ul.product-list > li .product-item { padding: 2em 1.5em } .featured-section ul.product-list > li .featured-item { position: relative; margin: auto -1em -3px -1em; padding: 3em 2.5em 2em 2.5em; border-color: #ED2939 } .featured-section ul.product-list > li .featured-item .promoline { position: absolute; top: -1px; left: -1px; right: -1px } .featured-section ul.product-list .other { background: #F6FBFD } .featured-section ul.product-list .other header { margin-bottom: 0.75em; padding: 2em 1.75em 0.4em 1.75em; border-bottom: 1px solid #E2EDF2 } .featured-section ul.product-list .other h4 { margin-bottom: 0.5em; color: #80a3b3; font-size: 0.75em; font-weight: 700; text-transform: uppercase } .featured-section ul.product-list .other p { font-size: .75em; margin-bottom: 0.75em; color: #80a3b3; opacity: .8 } .featured-section ul.product-list .other ul.regular { padding-bottom: 1em } .featured-section ul.product-list .other ul.regular a { opacity: .8 } .featured-section ul.product-list .other ul.regular a:hover { opacity: 1 } .featured-section .solutions-promo { margin-bottom: 2em } .featured-section .solutions-promo .section-description { margin-bottom: 1.1em } .products-section { padding-top: 3em; background: #f8f8f8 } .products-section .container { padding-bottom: 1.5em; padding-right: 1.5em; padding-left: 1.5em } .products-section ul.product-list { margin-bottom: 0 } .products-section ul.product-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .products-section ul.product-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .products-section ul.product-list .product-item { padding: 1em } .tools-section .container { padding-bottom: 1.5em; padding-right: 1.5em; padding-left: 1.5em } .product-intro { margin-bottom: 1.5em } .product-intro p { font-size: .9375em; line-height: 1.5; color: #666 } .product-intro li { font-size: .9375em; color: #666 } .product-intro .excerpt p { font-size: 1.0625em; color: #444 } .side-featured-product figure img.product-icon-medium { max-width: 90px; margin-top: -0.6em } .side-featured-product .b2b-product-title { margin: 0.4em 0 1.250em 0 } .side-featured-product .b2b-product-title span { font-size: 1.2em } .side-featured-product .b2b-product-title span.big { font-size: 2em } .side-featured-product p { font-size: 0.875em; color: #666 } .side-featured-product a.button { margin: 1em 0.938em 0 0 } .widget .product-item { margin-bottom: 0.75em; padding: 1.5em; background: #f8f8f8 } .related-products-list > li { padding: 1em 0 } .other-products-list .product-item { text-align: left } .other-products-list .product-item header { display: block } .other-products-list .product-item h2 { margin-bottom: 0.5em; min-height: 3em } @media screen and (min-width: 481px) { .related-products-list[class*="section-col-s"] > li { padding: 0 } } @media screen and (min-width: 661px) { .related-products-list[class*="section-col-m"] > li { padding: 0 } } @media screen and (min-width: 769px) { .product-item.product-right { margin-top: 3em } .download-section { padding-top: 3em; padding-left: 2% } .download-section .download-box-wrapper { padding-left: 15%; padding-right: 15% } .buy-box-wrapper .buy-block { padding-left: 15%; padding-right: 15% } .buy-box-wrapper .buy-block-footer { padding-left: 15%; padding-right: 15% } .buy-box-wrapper .buy-block-footer.alt-footer { padding: 1.5em 0 0.25em 0 } .buy-box-wrapper.move-up { margin-top: -2em } .previews, ul.previews { max-width: 68em; margin-left: -3.0927%; margin-right: auto } .previews:after, ul.previews:after { clear: both; content: ""; display: table } .previews li, ul.previews li { margin-left: 0; width: auto; float: left; display: block; margin-left: 3%; width: 30.33333% } .previews li:first-child, ul.previews li:first-child { float: left; display: block; margin-left: 3%; width: 97% } .product-title { font-size: 1.5em } .product-title.page-title { font-size: 2.5em; min-height: 2.5em } .product-title.page-title span.surtitle { padding: 0 } .product-item.image-top header, .product-item.image-top-l header { padding-left: 0; text-align: center } .product-item.image-top header figure, .product-item.image-top-l header figure { float: none; margin-left: 0; width: 100% } .product-item.image-top header figure img, .product-item.image-top-l header figure img { max-height: 7em } .product-item.image-top header figure img.product-icon-small, .product-item.image-top-l header figure img.product-icon-small { max-width: 80px; max-height: 80px } .product-item.image-top header .reviews, .product-item.image-top-l header .reviews { text-align: center } .product-item.image-top .tagline, .product-item.image-top-l .tagline { margin-top: 0.55em } .product-item.product-small header { padding-left: 3.25em } .product-item.product-small header figure { margin-left: -3.25em; width: 2.75em } .product-item.product-small .tagline { margin-bottom: -0.45em } .product-item.product-small .product-title { font-size: 1em } .product-item.product-small .desc p { font-size: .75em } .product-item.product-small .reviews p { font-size: .6875em } .product-item.product-small .price p { font-size: 1.125em } .product-item.product-small .price p.price-old { font-size: .875em } .product-item.product-small.image-top header, .product-item.product-small.image-top-l header { padding-left: 0; text-align: center } .product-item.product-small.image-top header figure, .product-item.product-small.image-top-l header figure { float: none; margin-left: 0; width: 100% } .product-item.product-small.image-top header figure img, .product-item.product-small.image-top-l header figure img { max-height: 5em } .product-item.product-small.image-top header .reviews, .product-item.product-small.image-top-l header .reviews { text-align: center } .product-item.product-small.image-top .tagline, .product-item.product-small.image-top-l .tagline { margin-top: 0.55em } .product-item.product-small.product-icon-top header figure { width: 4em } .product-item.product-big header { padding-left: 6.5em } .product-item.product-big header figure { margin-left: -6.5em; width: 5.5em } .product-item.product-big .product-title { font-size: 2em; min-height: 3.2em; margin-bottom: 0.25em } .product-item.product-big .product-title .surtitle, .product-item.product-big .product-title .subtitle { padding-bottom: 0; font-size: 0.5em } .product-item.product-big.image-top header, .product-item.product-big.image-top-l header { padding-left: 0; text-align: center } .product-item.product-big.image-top header figure, .product-item.product-big.image-top-l header figure { float: none; margin-left: 0; width: 100% } .product-item.product-big.image-top header figure img, .product-item.product-big.image-top-l header figure img { max-height: 10em } .product-item.product-big.image-top header .reviews, .product-item.product-big.image-top-l header .reviews { text-align: center } .product-item.product-big.image-top .tagline, .product-item.product-big.image-top-l .tagline { margin-top: 0.55em } .page-headline.big-headline .product-item header { padding-left: 5em } .page-headline.big-headline .product-item figure { margin-left: -5em; width: 4.375em } .page-headline.big-headline .product-item .product-title { font-size: 1.5em; padding: 0.5em 0 0 0 } .page-headline.big-headline .product-item .product-title:before { display: none } .page-headline.big-headline .product-item.product-small header { padding-left: 4em } .page-headline.big-headline .product-item.product-small figure { margin-left: -4em; width: 3.375em } .page-headline.big-headline .product-item.product-small .product-title { font-size: 1.25em } .featured-section ul.product-list { margin-bottom: 0; margin-bottom: 1em } .featured-section ul.product-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .featured-section ul.product-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .featured-section ul.product-list > li .product-item { padding: 2em 2em 1.5em 2em } .featured-section ul.product-list > li .featured-item { position: relative; top: 1em; margin: -2em -1px 0 -1px; padding: 4em 2em 1.5em 2em; border-color: #e5e5e5 } .featured-section ul.product-list > li .featured-item > * { position: relative; top: -1em } .featured-section .solutions-promo { margin-bottom: 0.5em } .products-section { padding-top: 0; background: none } .products-section .container { padding-bottom: 3em; padding-left: 0; padding-right: 0 } .products-section ul.product-list { margin-bottom: 0 } .products-section ul.product-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .products-section ul.product-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .products-section ul.product-list .product-item { padding: 1.5em } .tools-section .container { padding-bottom: 3em; padding-left: 0; padding-right: 0 } .product-intro { clear: both } .product-intro:after { clear: both; content: ""; display: table } .product-intro .previews-wrapper { padding-right: 2% } .related-products-list[class*="section-col-l"] > li { padding: 0 } } @media screen and (min-width: 993px) { .related-products-list[class*="section-col-xl"] > li { padding: 0 } } img.product-icon-xsmall { max-width: 50px; max-height: 60px; float: left; margin: -0.8em 1.250em 0 0 } img.product-icon-small { max-width: 80px; max-height: 115px } img.product-icon-medium { max-width: 96px; max-height: 130px } img.product-icon-large { max-width: 150px; max-height: 130px } .b2b-product-title { font-size: 1em; text-align: center } .b2b-product-title span.surtitle { font-weight: 500; font-size: 1.188em } .b2b-product-title span { font-size: 1.250em; display: block; font-weight: 500; line-height: 1.2; color: #1c1c1c } .b2b-product-title span strong { display: block; font-size: 1.33em; font-weight: 900; text-transform: uppercase } .b2b-product-title span.subdesc { color: #8e8e8e; font-size: 1.000em; font-weight: 300 } .b2b-product-title span.big { text-transform: uppercase; font-weight: 900; font-size: 2.25em; margin: -0.125em 0 0 0 } .b2b-product-title.small { text-align: left; margin-bottom: 1.875em } figure.page-icon { text-align: center } .b2b-form-page .top-info { margin-bottom: 2em; text-align: center; border-bottom: 1px solid #e6e6e6 } .b2b-form-page .top-info.no-border { border-bottom: none; margin-bottom: 1.250em } .b2b-form-page .mobile-form-title { font-size: .875em; text-transform: uppercase; font-weight: 700; color: var(--green-primary); margin: 1em 0 1.750em 0 } .b2b-form-page h5.mini-light-title { padding-top: 1.250em } .b2b-form-page a.icon-doc { color: #222222; font-size: .875em } .b2b-form-page a.icon-doc span { font-size: 0.857em; color: #afafaf; text-transform: uppercase } .b2b-form-page a.icon-doc:before { margin-right: 1em } .b2b-form-page a.icon-doc:hover { color: var(--green-primary) } .b2b-form-page a.icon-doc + a { margin-top: 1.5em; display: block } @media screen and (min-width: 769px) { .b2b-product-title { text-align: left } .b2b-product-title .meta.reviews:after { clear: both; content: ""; display: table } img.product-icon-medium { max-width: 110px; max-height: 150px } .b2b-product-title { font-size: 1em } .b2b-product-title span.surtitle { font-size: 1.125em; margin-bottom: 0 } .b2b-product-title span { font-size: 1.5em; margin-bottom: 0.2em } .b2b-product-title span.subdesc { font-size: 1.25em } .b2b-form-page { margin-top: -4em } .b2b-form-page .row > .info { border-right: 1px solid #E6E6E6; padding-right: 3.125em } .b2b-form-page .row > .form-standard { padding-left: 1.250em } .b2b-form-page .mobile-form-title { display: none } .b2b-form-page .top-info { border-bottom: none; text-align: left } .b2b-form-page .form-standard label { width: 35%; padding-right: 5% } .b2b-form-page .product-icon-small.b2b-icon { margin-top: -0.6em; margin-right: 2em } .product-icon-medium.b2b-icon { float: left; margin: -1.250em 1.250em 0 0 } .product-icon-small.b2b-icon, .product-icon-xsmall.b2b-icon { float: left; margin: -0.8em 1.250em 0 0 } } .product-item .tagline.red p { color: #fff; background: #ED2939 } .product-tiers { text-align: left } .product-tiers header, .product-tiers header.divider { padding-bottom: 1.25em; text-align: center } .product-tiers header figure, .product-tiers header.divider figure { position: relative; display: inline-block; vertical-align: middle; width: 3em; margin-right: 1em } .product-tiers header figure .label, .product-tiers header.divider figure .label { position: absolute; top: -0.75em; left: -0.75em; color: #fff; min-width: 2em; height: 2em; line-height: 1em; padding: 0.5em 0; font-size: 0.875em; text-align: center; font-weight: 700; background: #AC599F; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em } .product-tiers header .product-name, .product-tiers header.divider .product-name { display: inline-block; vertical-align: middle; text-align: left } .product-tiers header .reviews, .product-tiers header.divider .reviews { position: relative; top: 0.25em; margin-top: 0.5em } .product-tiers .product-tier-title { margin-bottom: 0; font-size: 1.375em; font-weight: 500; color: #444 } .product-tiers .product-tier-subtitle { margin-bottom: 0; font-size: 0.875em; font-weight: 300; color: #777 } .product-tiers .desc p { margin-bottom: 0.3em; font-size: 0.8125em; color: #777; text-align: center } .product-tiers .features-checklist { padding-top: 0.5em } .product-tiers .reviews { text-align: center } .product-tiers .reviews p { margin-bottom: 0; font-size: 0.6875em; color: #aaa } .product-tiers .price { margin-bottom: 0.75em } .tiers-section .product-tiers { padding: 2em 1.5em 1.5em 1.5em } .dual-section .product-item { padding-top: 2.5em } .dual-section .product-tiers { padding: 2em 1.5em 1.5em 1.5em; text-align: left; background: #fff } .features-checklist { text-align: center } .features-checklist .checklist-group { display: inline-block } .features-checklist p { position: relative; text-align: left; margin-bottom: 0.75em; padding-left: 1.75em; color: #ccc; line-height: 1.4 } .features-checklist p:before { content: '\e914'; position: absolute; top: 0; left: 0; line-height: 1.3em; color: #aaa } .features-checklist p.checked { color: #888 } .features-checklist p.checked:before { content: '\e908'; color: #009982 } .product-desc-section { text-align: center } .product-desc-section p { font-size: 0.875em; color: #777 } .product-desc-section figure img { max-width: 6.5em } .product-desc-section .product-title { font-size: 2em; font-weight: 700; text-transform: none; padding-bottom: 0.5em } .product-desc-section .product-title .surtitle, .product-desc-section .product-title .subtitle { display: block; padding: 0.05em 0; font-size: 0.6em; font-weight: 500 } .product-desc-section .product-title .surtitle { position: relative; top: 0.05em; padding: 0; color: var(--green-primary) } .product-desc-section .product-title .subtitle { font-family: "MuseoSlab", "Georgia", Times, serif } .product-desc-section .product-desc { font-weight: 100; font-size: 1.125em } .product-desc-section .section-footer .button { margin-bottom: 0.75em } .product-desc-section .section-footer .button.transparent { background: none } .product-desc-section .section-footer .button.transparent:hover { color: var(--green-primary); border-color: #777 } .product-desc-section.smaller-desc-section figure img { max-width: 4.5em } .product-desc-section.smaller-desc-section .product-title { font-size: 1.5em; padding-bottom: 0.75em } .product-desc-section.smaller-desc-section .product-desc { font-size: 1em } .product-desc-section.divider { margin-bottom: 2.5em } @media screen and (min-width: 769px) { .product-item header figure.product-icon { position: relative; top: 0.75em } .product-tiers .product-tier-title { font-size: 1.5em } .tiers-section .product-tiers { padding: 2em 2.5em } .dual-section .product-item { margin-top: -4em; padding-top: 4em; padding-bottom: 1.5em; background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%); background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff', GradientType=1) } .dual-section .product-item .desc p { font-size: 1em } .dual-section .product-tiers { padding: 2em 2.5em } .product-desc-section { padding-left: 8.5em; text-align: left } .product-desc-section figure { float: left; margin-top: -1.5em; margin-left: -8.5em; max-width: 6.5em } .product-desc-section figure img { max-width: 100% } .product-desc-section .product-title { margin-bottom: 0.25em } .product-desc-section .section-footer { margin-top: 1.25em; text-align: left } .product-desc-section.smaller-desc-section { padding-left: 6.5em } .product-desc-section.smaller-desc-section figure { margin-left: -6.5em; max-width: 5em } .product-desc-section.smaller-desc-section figure img { max-width: 100% } .product-desc-section.smaller-desc-section .product-title { margin-bottom: 0 } .product-desc-section.divider { padding-bottom: 2em; margin-bottom: 3.5em } } .product-item.product-item-smaller { padding-top: 1.25em; padding-bottom: 1.25em } .product-item.product-item-smaller header { display: block; margin-bottom: 0; padding-left: 3em } .product-item.product-item-smaller header figure { margin-left: -3em; width: 2.5em } .product-item.product-item-smaller header .product-title { padding-top: 0; color: #333; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 500; text-align: left; font-size: 1.125em } .product-item.product-item-smaller header .product-title a { display: block; color: var(--green-primary); font-weight: 500 } .product-item.product-item-smaller header .product-desc { margin-bottom: 0; font-size: 0.75em; color: #888; font-weight: 300; line-height: 1.3 } .featured-section ul.product-list > li .product-item.product-item-smaller { padding-top: 1.25em; padding-bottom: 1.25em } .industries-section { padding: 1.5em; padding-bottom: 0 } .industries-section h4.section-title { margin-bottom: 1em; padding-bottom: 0.75em; color: #444; border-bottom: 1px solid #e5e5e5 } .industries-list > li { margin-bottom: 1.25em } .industries-list h2 { margin-bottom: 0.25em; text-align: left; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 500 } .industries-list h2 a { display: block; font-weight: 500 } .industries-list p { margin-bottom: 0; font-size: 0.75em; color: #888; font-weight: 300 } .page-header .technologies-section, .page-header .industries-section { margin-top: 1.5em; margin-bottom: 1.5em } @media screen and (min-width: 769px) { .product-item.product-item-smaller { padding-right: 1.5em; padding-left: 1.5em } .product-item.product-item-smaller header { padding-left: 3.25em } .product-item.product-item-smaller header figure { margin-left: -3.25em } .product-item.product-item-smaller header .product-title { padding-left: 0; padding-right: 0; font-size: 1.25em } .product-item.product-item-smaller header .product-title:before { display: none } .featured-section ul.product-list > li .product-item.product-item-smaller { padding-right: 1.5em; padding-left: 1.5em } .industries-list > li { margin-bottom: 1.25em } .industries-list h2 { padding-left: 0; padding-right: 0; font-size: 1em } .industries-list h2:before { display: none } .industries-list p { margin-bottom: 0; font-size: 0.75em; color: #888; font-weight: 300 } } .product-tiers header figure, .product-tiers header.divider figure { width: 4em; margin-right: 0.5em } .platform-section .product-list > li { margin-bottom: 1.5em } .page-header.dark-background .industries-list p { color: #888 } .featured-section ul.product-list { display: flex; flex-wrap: wrap; align-items: stretch } .featured-section ul.product-list > li { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: stretch } .featured-section ul.product-list > li .product-item { width: 100%; display: flex; flex-direction: column; justify-content: space-between } .featured-section ul.product-list > li .product-item.featured-item { width: 110% } .product-list { display: flex; flex-wrap: wrap; align-items: stretch } .product-list > li { display: flex; flex-wrap: wrap; align-items: stretch } .product-list .product-item { width: 100%; display: flex; flex-direction: column; justify-content: space-between } @media screen and (min-width: 769px) { .featured-section ul.product-list > li .product-item.featured-item { width: 101% } .b2b-form-page .row { display: flex; flex-wrap: wrap; align-items: stretch } .b2b-form-page .row > * { flex-grow: 1 } .security-apps-grid-simple [class*="section-col-"] { display: flex; flex-wrap: wrap; align-items: stretch } .security-apps-grid-simple [class*="section-col-"] > * { flex-grow: 1 } .product-grid-simple [class*="section-col-"] { display: flex; flex-wrap: wrap; align-items: stretch } .product-grid-simple [class*="section-col-"] > * { flex-grow: 1 } } @media screen and (min-width: 992px) { .product-tiers-tabs .tab-content-wrapper { display: flex; flex-wrap: wrap; align-items: stretch } .product-tiers-tabs .tab-content-wrapper .tab-content-single { display: flex; flex-wrap: wrap; align-items: stretch } .product-tiers-tabs .tab-content-wrapper .tab-content-single > * { flex-grow: 1 } } .promo-section { position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; max-width: 1920px; margin-left: auto; margin-right: auto } .promo-section:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: #fff; opacity: .75 } .promo-section .container { z-index: 10; text-align: center } .promo-section p { font-size: 1em } .promo-section [class*="col-"] { padding: 2.5em 2em 2em 2em } .promo-section.bg-topleft { background-position: 0 0 } .promo-section.bg-top { background-position: 50% 0 } .promo-section.bg-topright { background-position: 100% 0 } .promo-section.bg-left { background-position: 0 50% } .promo-section.bg-right { background-position: 100% 50% } .promo-section.bg-bottomleft { background-position: 0 100% } .promo-section.bg-bottom { background-position: 50% 100% } .promo-section.bg-bottomright { background-position: 100% 100% } .promo-section.dark h3, .promo-section.dark h4 { color: #FFF } .promo-section.dark p { color: #FFF; color: rgba(255, 255, 255, 0.7) } .promo-section.dark:before { background: #333 } .promo-section.dark p.note { opacity: 0.6 } .promo-section.full-width .container { max-width: 1030px; padding-bottom: 1.250em } .promo-section.full-width .container .section-footer .button.white-transparent { color: #fff } @media screen and (min-width: 769px) { .promo-section:before { opacity: .5 } .promo-section .container { max-width: 45em } .promo-section .container.row { max-width: 1030px } .promo-section.wide .container { max-width: 1030px } .promo-section.bg-d-topleft { background-position: 0 0 } .promo-section.bg-d-top { background-position: 50% 0 } .promo-section.bg-d-topright { background-position: 100% 0 } .promo-section.bg-d-left { background-position: 0 50% } .promo-section.bg-d-right { background-position: 100% 50% } .promo-section.bg-d-bottomleft { background-position: 0 100% } .promo-section.bg-d-bottom { background-position: 50% 100% } .promo-section.bg-d-bottomright { background-position: 100% 100% } .promo-section.full-width .container .row > .product-right { padding-right: 0 } .promo-section.full-width .container p.note { margin-top: 3em } } .product-promo-section { position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; max-width: 1920px; margin-left: auto; margin-right: auto } .product-promo-section:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: #fff; opacity: .75 } .product-promo-section .container { z-index: 10 } .product-promo-section.bg-topleft { background-position: 0 0 } .product-promo-section.bg-top { background-position: 50% 0 } .product-promo-section.bg-topright { background-position: 100% 0 } .product-promo-section.bg-left { background-position: 0 50% } .product-promo-section.bg-right { background-position: 100% 50% } .product-promo-section.bg-bottomleft { background-position: 0 100% } .product-promo-section.bg-bottom { background-position: 50% 100% } .product-promo-section.bg-bottomright { background-position: 100% 100% } @media screen and (min-width: 769px) { .product-promo-section:before { opacity: .75 } .product-promo-section.bg-d-topleft { background-position: 0 0 } .product-promo-section.bg-d-top { background-position: 50% 0 } .product-promo-section.bg-d-topright { background-position: 100% 0 } .product-promo-section.bg-d-left { background-position: 0 50% } .product-promo-section.bg-d-right { background-position: 100% 50% } .product-promo-section.bg-d-bottomleft { background-position: 0 100% } .product-promo-section.bg-d-bottom { background-position: 50% 100% } .product-promo-section.bg-d-bottomright { background-position: 100% 100% } } .promo-section.variant-2 .big-info { margin-top: -0.25em; font-size: 4em; font-weight: 700; color: #444 } .promo-section.variant-2 [class*="col-"] { padding: 0 0 1.5em 0 } .promo-section.variant-2 [class*="col-"]:first-child { padding-top: 2em } .promo-section.dark .big-info { color: #fff } @media screen and (min-width: 769px) { .promo-section.variant-2 .big-info { position: relative; padding-right: 0.4em; margin-right: 0.4em } .promo-section.variant-2 .big-info:before { content: ''; position: absolute; top: 0.35em; right: 0; bottom: 0.35em; width: 1px; background: rgba(0, 0, 0, 0.07) } .promo-section.variant-2 .container { text-align: left } .promo-section.variant-2 h4 { margin-bottom: 1em; font-size: 1.5em } .promo-section.variant-2 [class*="col-"] { padding: 2em 0 1em 0 } .promo-section.dark .big-info:before { background: rgba(255, 255, 255, 0.2) } } .hmc-selector { margin-bottom: 0.75em; background: #f8f8f8 url(../images/bg-pattern.jpg) 50% 50% no-repeat; background-size: cover; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .hmc-selector .hmc-label { padding: 1em 1.25em; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5 } .hmc-selector .hmc-label p { margin-bottom: 0; font-size: 1em; font-weight: 700; color: #444 } .hmc-selector .hmc-label p span { display: block; font-size: 0.875em; font-weight: 300; color: #777 } .hmc-selector form { max-width: 68em; margin-left: auto; margin-right: auto } .hmc-selector form:after { clear: both; content: ""; display: table } .hmc-selector form .form-element { margin-bottom: 0; font-size: 1em; float: left; display: block; margin-left: 0; width: 50% } .hmc-selector form .form-element.checkbox input { display: none } .hmc-selector form .form-element.checkbox label { display: block; margin: 0; padding: 1.25em 0.5em; text-align: center; font-size: .875em; color: #777; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; cursor: pointer } .hmc-selector form .form-element.checkbox label .font-icons { display: block; margin-bottom: 10px } .hmc-selector form .form-element.checkbox label:before { display: none } .hmc-selector form .form-element.checkbox label.a-phone .font-icons { padding-top: 0.55em; font-size: 2em } .hmc-selector form .form-element.checkbox label.a-phone .font-icons:before { content: '\e931' } .hmc-selector form .form-element.checkbox label.a-tablet .font-icons { padding-top: 0.55em; font-size: 2em } .hmc-selector form .form-element.checkbox label.a-tablet .font-icons:before { content: '\e933' } .hmc-selector form .form-element.checkbox label.mac .font-icons { padding-top: 0.25em; font-size: 2.5em } .hmc-selector form .form-element.checkbox label.mac .font-icons:before { content: '\e930' } .hmc-selector form .form-element.checkbox label.pc .font-icons { padding-top: 0.16em; font-size: 2.75em } .hmc-selector form .form-element.checkbox label.pc .font-icons:before { content: '\e932' } .hmc-selector form .form-element.checkbox label.hmc-shop .font-icons, .hmc-selector form .form-element.checkbox label.hmc-family .font-icons, .hmc-selector form .form-element.checkbox label.hmc-security .font-icons, .hmc-selector form .form-element.checkbox label.hmc-logins .font-icons, .hmc-selector form .form-element.checkbox label.hmc-lock .font-icons, .hmc-selector form .form-element.checkbox label.hmc-checks .font-icons { padding-top: 0.25em; font-size: 2.5em } .hmc-selector form .form-element.checkbox label.hmc-id .font-icons, .hmc-selector form .form-element.checkbox label.hmc-speed .font-icons { padding-top: 0.55em; font-size: 2em } .hmc-selector form .form-element.checkbox:nth-child(2n-1) label { border-left: 1px solid #e5e5e5 } .hmc-selector form .form-element.checkbox:hover label { color: var(--green-primary); background: #fff } .hmc-selector form .form-element.checkbox.selected label { background: #009982; color: #fff } .hmc-selector form .form-element.buttons { float: left; display: block; margin-left: 0; width: 100%; clear: both } .hmc-selector form .form-element.buttons input { margin-bottom: 0; font-size: 0.875em; color: var(--green-primary); background: #fff; border-color: #e5e5e5 } .hmc-selector form .form-element.buttons input:hover { border-color: #009982 } .hmc-section { margin-left: 0; margin-right: 0; opacity: 1; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .hmc-section .hmc-desc h4 { margin-bottom: 0.75em; line-height: 1.5; font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 500; color: #777; text-transform: none } .hmc-section .hmc-desc p { font-size: 0.875em; color: #777 } .hmc-section.variant-2 .container { padding-bottom: 2.5em } .hmc-section.variant-2 .hmc-desc { text-align: center } .hmc-section.variant-2 .hmc-desc h4 { font-family: "MuseoSans", Arial, Helvetica, sans-serif } .hmc-section.variant-2 .hmc-desc .row { padding: 1em 0 } .hmc-section.variant-2 .hmc-selector { background: #F8FCFF; box-shadow: 0px 3px 0px 0px rgba(223, 234, 240, 0.25) } .hmc-section.variant-2 .hmc-selector .hmc-label { border: none; background: #DFEAF0 } .hmc-section.variant-2 .hmc-selector form { border-right: 1px solid #DFEAF0 } .hmc-section.variant-2 .hmc-selector form .form-element.checkbox label { padding-top: 1.5em; padding-bottom: 1em; border: none; color: #444; border-top: 1px solid #DFEAF0; border-left: 1px solid #DFEAF0; font-size: 0.8125em } .hmc-section.variant-2 .hmc-selector form .form-element.checkbox label .font-icons { margin-bottom: 1rem; color: #333 } .hmc-section.variant-2 .hmc-selector form .form-element.checkbox label:hover { color: var(--green-primary); background: #F2F7FB } .hmc-section.variant-2 .hmc-selector form .form-element.checkbox label:hover .font-icons { color: var(--green-primary) } .hmc-section.variant-2 .hmc-selector form .form-element.checkbox.selected label { color: #fff; background: #009982 } .hmc-section.variant-2 .hmc-selector form .form-element.checkbox.selected label .font-icons { color: #fff } .hmc-section.variant-2 .hmc-selector form .form-element.buttons input { font-size: 0.75em; color: var(--green-primary); border-right: none; border-color: #DFEAF0; background: #fff } .hmc-section.variant-2 .hmc-selector form .form-element.buttons input:hover { color: #fff; border-bottom-color: var(--green-primary); background: var(--green-primary) } .hmc-section.fade-out { margin-left: -15px; margin-right: 15px; opacity: 0; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .hmc-section.inactive { margin-left: 15px; margin-right: -15px; opacity: 0 } .hmc-section.inactive-previous { margin-left: -15px; margin-right: 15px; opacity: 0 } .hmc-section.fade-in { margin-left: 0; margin-right: 0; opacity: 1; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .homepage-main .hmc-desc h4 { font-weight: 300; color: #373737 } .homepage-main .hmc-desc h5.text-green { font-weight: 300 } @media screen and (min-width: 769px) { .hmc-selector .hmc-label p span { display: inline } .hmc-selector form .form-element { float: left; display: block; margin-left: 0; width: 25% } .hmc-selector form .form-element.checkbox:nth-child(2n-1) label { border-left: none } .hmc-selector form .form-element.checkbox:nth-child(4n-3) label { border-left: 1px solid #e5e5e5 } .hmc-selector form .form-element.buttons input { padding-right: 3em; text-align: right } .hmc-section .container { padding-bottom: 0; background: url(../images/photo-solution.jpg) 0 100% no-repeat } .hmc-section .hmc-desc { margin-bottom: 4em } .hmc-section .hmc-selector { margin-bottom: 4em } .hmc-section.variant-2 .container { background: none } .hmc-section.variant-2 .hmc-desc { text-align: left; margin-bottom: 0.75em } .hmc-section.variant-2 .hmc-selector { margin-bottom: 0.75em } .hmc-section.variant-2 .hmc-selector form .form-element.checkbox:nth-child(-n+4) label { border-top-color: #EEF3F6 } } .hmc-selector .hmc-label { overflow: hidden } .hmc-selector .hmc-label .top-description { float: left } .hmc-selector .hmc-label a.select-all { font-size: 0.8em; float: right; margin-top: 0.5em; color: #80a3b3 } .hmc-selector .hmc-label a.select-all i.font-icons { margin-right: 0.5em; float: left } .hmc-selector .hmc-label a.select-all:hover { color: #3d5058; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .hmc-selector form { display: flex; flex-wrap: wrap; align-items: stretch } .hmc-selector form .checkbox { display: flex; flex-wrap: wrap; align-items: stretch } .hmc-selector form .checkbox label { width: 100% } .hmc-selector form .checkbox:after { display: none } .hmc-selector .hmc-label { width: 100% } .hmc-product-form .form-body { display: flex; flex-wrap: wrap; align-items: stretch } .hmc-product-form .form-body > * { flex-grow: 1 } .hmc-product-form .form-body .hmc-products-section.hor-list { display: flex; flex-wrap: wrap; align-items: stretch } .hmc-product-form .form-body .hmc-products-section.hor-list > * { flex-grow: 1 } .hmc-product-form .form-body.row > * { display: flex; flex-wrap: wrap; align-items: stretch } .hmc-product-form .form-body.row > * > * { flex-grow: 1 } @media screen and (min-width: 769px) { .hmc-main .featured-section .product-list[class*="section-col"] { flex-direction: row-reverse } } .dual-section.single-featured .dual-wrapper { max-width: 470px; margin: 0 auto } .dual-section.single-featured .dual-overlay-1, .dual-section.single-featured .dual-overlay-2 { width: 100% } .dual-section .product-tiers { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) } select.disabled-arrow + span.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #fbfbfb; border: 1px solid #fbfbfb } select.disabled-arrow + span.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow { display: none } @media screen and (min-width: 769px) { .dual-section .container > .note-wrapper p { margin-bottom: 0; color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) } } .dual-section .dual-wrapper { display: flex; flex-wrap: wrap; align-items: stretch; margin-left: -5.5555%; margin-right: -5.5555% } .dual-section .dual-wrapper .dual-block { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; margin: 0 } .dual-section .dual-wrapper .dual-block .product-tiers { width: 100% } .dual-section.single-featured .dual-wrapper { max-width: none; margin-left: -5.5555%; margin-right: -5.5555% } .tiers-section .row { display: flex; flex-wrap: wrap; align-items: stretch } .tiers-section .row > [class*="col-"] { display: flex; flex-wrap: wrap; align-items: stretch } .tiers-section .row > [class*="col-"] .product-tiers { width: 100% } @media screen and (min-width: 769px) { .dual-section .dual-wrapper { margin: 0 } .dual-section .dual-wrapper .dual-block { width: 50% } .dual-section.single-featured .dual-wrapper { max-width: 470px; margin: 0 auto } .dual-section.single-featured .dual-wrapper .dual-block { width: 100%; padding: 0 } } .comparison-chart { margin-bottom: 2em } .comparison-chart .wrap-center { text-align: center } .comparison-chart .wrap-center > * { display: inline-block } .comparison-chart .scroll-info { position: relative; padding-bottom: 3em; margin-right: 1em; text-align: center } .comparison-chart .scroll-info p { font-size: .75em; font-weight: 700; text-transform: uppercase; color: #888 } .comparison-chart .scroll-info a { position: absolute; bottom: 0; left: 50%; margin-left: -0.75em; font-size: 3em; width: 1.5em; height: 1.5em; color: #ccc; border: 1px solid #eee; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .comparison-chart .scroll-info a:before { line-height: 1.5em } .comparison-chart .scroll-info a:hover { background: var(--green-primary); color: #fff } .comparison-chart .group-title { position: relative; top: 1px; z-index: 5; padding: 1em; text-align: center; background: #fff } .comparison-chart .group-title > * { position: relative; z-index: 2 } .comparison-chart .group-title h4 { display: inline-block; padding: 0 0.5em; margin-bottom: 0; font-size: .75em; color: #aaa; font-weight: 700; text-transform: uppercase; background: #fff } .comparison-chart .group-title h4 span { text-transform: none } .comparison-chart .group-title:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; margin-top: -1px; background: #e5e5e5 } .comparison-chart .headline { text-align: center } .comparison-chart .headline p, .comparison-chart .headline .product-title { margin-bottom: 0; font-size: 1em; color: var(--green-primary); font-weight: 600 } .comparison-chart .headline p span, .comparison-chart .headline .product-title span { color: var(--green-primary) } .comparison-chart .small-headline header { display: block; margin-bottom: 0 } .comparison-chart .small-headline header .product-title { min-height: inherit; margin: 0; padding: 0; font-size: 1em } .comparison-chart .product-feature { padding: 1em 1.5em 1em 4em } .comparison-chart .product-feature:after { clear: both; content: ""; display: table } .comparison-chart .product-feature figure { float: left; margin-left: -2.5em; opacity: .15; width: 1.5em } .comparison-chart .product-feature figure img { display: none; width: 100%; max-height: 100% } .comparison-chart .product-feature figure .font-icons { font-size: 1.75em } .comparison-chart .product-feature figure .font-icons:before { content: '\e914' } .comparison-chart .product-feature .feature-desc { opacity: .25 } .comparison-chart .product-feature .feature-desc p { padding-top: 1px; margin-bottom: 0; font-size: 0.875em; font-weight: 500; color: #444; line-height: 1.3 } .comparison-chart .product-feature .feature-desc p span { display: block; font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 300; font-size: 0.8571em } .comparison-chart .product-feature .feature-desc p.small { margin-top: 0.25em; font-size: 0.75em; font-weight: 300; color: #666 } .comparison-chart .product-feature.show-icon figure { height: 1.5em } .comparison-chart .product-feature.feature-checked figure { opacity: 1 } .comparison-chart .product-feature.feature-checked figure .font-icons { color: var(--green-primary) } .comparison-chart .product-feature.feature-checked figure .font-icons:before { content: '\e908' } .comparison-chart .product-feature.feature-checked .feature-desc { opacity: 1 } .comparison-chart .product-feature.text-value figure { display: none } .comparison-chart .product-feature.text-value .feature-desc { opacity: 1 } .comparison-chart .product-feature.text-value .feature-desc p { visibility: visible } .comparison-chart .row-header { padding: 0 } .comparison-chart .row-header .row-item > * { padding: 1em 1.5em 1em 1.5em } .comparison-chart .row-header .featured-column { border-top: 1px solid #e5e5e5 } .comparison-chart .row-promo { display: none; margin-bottom: 1px } .comparison-chart .row-promo .promo-wrapper { padding: 1.7em 1.5em 1em 1.5em; background: #fff; border: 1px solid #ED2939 } .comparison-chart .row-promo .promo-wrapper .intro { display: table-cell; vertical-align: middle; padding-right: 0.5em } .comparison-chart .row-promo .promo-wrapper .intro p { margin-bottom: 0.5em; font-size: 1.125em; font-weight: 700; color: #ED2939 } .comparison-chart .row-promo .promo-wrapper .intro p span { font-size: 0.8125em; color: #888; font-weight: 300 } .comparison-chart .row-promo .promo-wrapper .features { display: table-cell; vertical-align: middle } .comparison-chart .row-promo .promo-wrapper .features .check-list { margin-bottom: 0 } .comparison-chart .row-promo .promo-wrapper .features .check-list > li { display: inline-block; margin-bottom: 0.5em; margin-left: 1em; font-size: .8125em; color: #444 } .comparison-chart .row-promo .promo-wrapper .features .check-list > li:before { color: #ED2939 } .comparison-chart .row-promo .promo-wrapper .font-icons { display: block; height: 0; position: relative; left: 0em; top: -1.08em; margin-bottom: 0.15em; text-align: center; font-size: 3em; color: #ED2939 } .comparison-chart .row-promo .promo-wrapper .font-icons:before { position: relative; left: 0.35em } .comparison-chart .row-promo .promo-wrapper .font-icons:after { content: "\e92f"; background: #fff } .comparison-chart .row-body .row-item { position: relative; background: #f8f8f8 } .comparison-chart .row-body .row-item:nth-child(2n) { background: none } .comparison-chart .row-body .row-group-title .row-item { background: none } .comparison-chart .row-body .row-group-title .row-item > * { padding-top: 0.75em } .comparison-chart .row-body .featured-column { position: relative } .comparison-chart .row-body .featured-column:before, .comparison-chart .row-body .featured-column:after { content: ''; position: absolute; top: 0; bottom: -1px; z-index: 10; width: 1.47em; background: #fff } .comparison-chart .row-body .featured-column:before { left: 1px } .comparison-chart .row-body .featured-column:after { right: 1px } .comparison-chart .row-body .featured-column .product-feature:before { content: ''; position: absolute; top: 0; left: 0px; right: 0; height: 1px; z-index: 2; background: #eee } .comparison-chart .row-footer .promoline, .comparison-chart .row-footer .tagline { display: none } .comparison-chart .row-footer .row-item > * { padding: 1.5em 1.5em 1em 1.5em } .comparison-chart .row-footer .featured-column { border-bottom: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .comparison-chart .column-1 .product-feature { padding-left: 1.5em; padding-right: 4em } .comparison-chart .column-1 .product-feature figure { display: none; opacity: 1 } .comparison-chart .column-1 .product-feature figure img { display: block } .comparison-chart .column-1 .product-feature figure .font-icons { display: none } .comparison-chart .column-1 .product-feature .feature-desc { opacity: 1 } .comparison-chart .column-1 .product-feature.show-icon { padding-left: 4em; padding-right: 1.5em } .comparison-chart .column-1 .product-feature.show-icon figure { display: block; margin-left: -2.7em } .comparison-chart .column-product { position: relative } .comparison-chart .column-product .text-value { padding-left: 2em; padding-right: 2em; text-align: center } .comparison-chart .column-product .text-value .feature-desc .small { font-size: 0.8125em; font-weight: 300 } .comparison-chart .promoline { position: absolute; top: -1px; right: -1px; left: -1px } .comparison-chart.featured-col-1 .row-header .row-item > *, .comparison-chart.featured-col-2 .row-header .row-item > *, .comparison-chart.featured-col-3 .row-header .row-item > *, .comparison-chart.featured-col-4 .row-header .row-item > *, .comparison-chart.featured-col-5 .row-header .row-item > *, .comparison-chart.featured-col-6 .row-header .row-item > * { padding-top: 3em } .comparison-chart.featured-col-1 .column-product.column-1, .comparison-chart.featured-col-2 .column-product.column-2, .comparison-chart.featured-col-3 .column-product.column-3, .comparison-chart.featured-col-4 .column-product.column-4, .comparison-chart.featured-col-5 .column-product.column-5, .comparison-chart.featured-col-6 .column-product.column-6, .comparison-chart .featured-column { position: relative; background: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5 } .comparison-chart.featured-col-1 .column-product.column-1 .promoline, .comparison-chart.featured-col-2 .column-product.column-2 .promoline, .comparison-chart.featured-col-3 .column-product.column-3 .promoline, .comparison-chart.featured-col-4 .column-product.column-4 .promoline, .comparison-chart.featured-col-5 .column-product.column-5 .promoline, .comparison-chart.featured-col-6 .column-product.column-6 .promoline, .comparison-chart .featured-column .promoline { background: #ED2939 } .comparison-chart.featured-col-1 .column-product.column-1 .promoline p, .comparison-chart.featured-col-2 .column-product.column-2 .promoline p, .comparison-chart.featured-col-3 .column-product.column-3 .promoline p, .comparison-chart.featured-col-4 .column-product.column-4 .promoline p, .comparison-chart.featured-col-5 .column-product.column-5 .promoline p, .comparison-chart.featured-col-6 .column-product.column-6 .promoline p, .comparison-chart .featured-column .promoline p { color: #fff } .comparison-chart.featured-col-1 .column-product.column-1 .promoline:after, .comparison-chart.featured-col-2 .column-product.column-2 .promoline:after, .comparison-chart.featured-col-3 .column-product.column-3 .promoline:after, .comparison-chart.featured-col-4 .column-product.column-4 .promoline:after, .comparison-chart.featured-col-5 .column-product.column-5 .promoline:after, .comparison-chart.featured-col-6 .column-product.column-6 .promoline:after, .comparison-chart .featured-column .promoline:after { height: 0; width: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ED2939 } .comparison-chart.featured-col-1 .column-product.column-1 .button.green, .comparison-chart.featured-col-2 .column-product.column-2 .button.green, .comparison-chart.featured-col-3 .column-product.column-3 .button.green, .comparison-chart.featured-col-4 .column-product.column-4 .button.green, .comparison-chart.featured-col-5 .column-product.column-5 .button.green, .comparison-chart.featured-col-6 .column-product.column-6 .button.green, .comparison-chart .featured-column .button.green { background-color: #ED2939; border-color: #ED2939 } .comparison-chart.featured-col-1 .column-product.column-1 .button.green:hover, .comparison-chart.featured-col-2 .column-product.column-2 .button.green:hover, .comparison-chart.featured-col-3 .column-product.column-3 .button.green:hover, .comparison-chart.featured-col-4 .column-product.column-4 .button.green:hover, .comparison-chart.featured-col-5 .column-product.column-5 .button.green:hover, .comparison-chart.featured-col-6 .column-product.column-6 .button.green:hover, .comparison-chart .featured-column .button.green:hover { background-color: #da1f2e; -webkit-transition: background-color 0.15s ease-in; -moz-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in } .comparison-chart.featured-col-1 .column-product.column-1 .product-feature, .comparison-chart.featured-col-2 .column-product.column-2 .product-feature, .comparison-chart.featured-col-3 .column-product.column-3 .product-feature, .comparison-chart.featured-col-4 .column-product.column-4 .product-feature, .comparison-chart.featured-col-5 .column-product.column-5 .product-feature, .comparison-chart.featured-col-6 .column-product.column-6 .product-feature, .comparison-chart .featured-column .product-feature { background: #fff } .comparison-chart.featured-col-1 .column-product.column-1 .product-feature.feature-checked figure .font-icons, .comparison-chart.featured-col-2 .column-product.column-2 .product-feature.feature-checked figure .font-icons, .comparison-chart.featured-col-3 .column-product.column-3 .product-feature.feature-checked figure .font-icons, .comparison-chart.featured-col-4 .column-product.column-4 .product-feature.feature-checked figure .font-icons, .comparison-chart.featured-col-5 .column-product.column-5 .product-feature.feature-checked figure .font-icons, .comparison-chart.featured-col-6 .column-product.column-6 .product-feature.feature-checked figure .font-icons, .comparison-chart .featured-column .product-feature.feature-checked figure .font-icons { color: #ED2939 } .comparison-chart.featured-col-1 .column-product.column-1 .column-body, .comparison-chart.featured-col-2 .column-product.column-2 .column-body, .comparison-chart.featured-col-3 .column-product.column-3 .column-body, .comparison-chart.featured-col-4 .column-product.column-4 .column-body, .comparison-chart.featured-col-5 .column-product.column-5 .column-body, .comparison-chart.featured-col-6 .column-product.column-6 .column-body, .comparison-chart .featured-column .column-body { padding: 0 } .comparison-chart.featured-col-1 .column-product.column-1 .row-group, .comparison-chart.featured-col-2 .column-product.column-2 .row-group, .comparison-chart.featured-col-3 .column-product.column-3 .row-group, .comparison-chart.featured-col-4 .column-product.column-4 .row-group, .comparison-chart.featured-col-5 .column-product.column-5 .row-group, .comparison-chart.featured-col-6 .column-product.column-6 .row-group, .comparison-chart .featured-column .row-group { position: relative } .comparison-chart.featured-col-1 .column-product.column-1 .row-group .product-feature, .comparison-chart.featured-col-2 .column-product.column-2 .row-group .product-feature, .comparison-chart.featured-col-3 .column-product.column-3 .row-group .product-feature, .comparison-chart.featured-col-4 .column-product.column-4 .row-group .product-feature, .comparison-chart.featured-col-5 .column-product.column-5 .row-group .product-feature, .comparison-chart.featured-col-6 .column-product.column-6 .row-group .product-feature, .comparison-chart .featured-column .row-group .product-feature { position: relative } .comparison-chart.featured-col-1 .column-product.column-1 .row-group .product-feature:before, .comparison-chart.featured-col-2 .column-product.column-2 .row-group .product-feature:before, .comparison-chart.featured-col-3 .column-product.column-3 .row-group .product-feature:before, .comparison-chart.featured-col-4 .column-product.column-4 .row-group .product-feature:before, .comparison-chart.featured-col-5 .column-product.column-5 .row-group .product-feature:before, .comparison-chart.featured-col-6 .column-product.column-6 .row-group .product-feature:before, .comparison-chart .featured-column .row-group .product-feature:before { content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: 1; height: 1px; background: #eee } .comparison-chart.featured-col-1 .column-product.column-1 .row-group:before, .comparison-chart.featured-col-1 .column-product.column-1 .row-group:after, .comparison-chart.featured-col-2 .column-product.column-2 .row-group:before, .comparison-chart.featured-col-2 .column-product.column-2 .row-group:after, .comparison-chart.featured-col-3 .column-product.column-3 .row-group:before, .comparison-chart.featured-col-3 .column-product.column-3 .row-group:after, .comparison-chart.featured-col-4 .column-product.column-4 .row-group:before, .comparison-chart.featured-col-4 .column-product.column-4 .row-group:after, .comparison-chart.featured-col-5 .column-product.column-5 .row-group:before, .comparison-chart.featured-col-5 .column-product.column-5 .row-group:after, .comparison-chart.featured-col-6 .column-product.column-6 .row-group:before, .comparison-chart.featured-col-6 .column-product.column-6 .row-group:after, .comparison-chart .featured-column .row-group:before, .comparison-chart .featured-column .row-group:after { width: 1.5em } .comparison-chart .column-1, .comparison-chart .column-product { display: none } .comparison-chart .column-1.currently-active, .comparison-chart .column-product.currently-active { display: block } .comparison-chart.featured-col-1 .row-header .column-product.column-1, .comparison-chart.featured-col-2 .row-header .column-product.column-2, .comparison-chart.featured-col-3 .row-header .column-product.column-3, .comparison-chart.featured-col-4 .row-header .column-product.column-4, .comparison-chart.featured-col-5 .row-header .column-product.column-5, .comparison-chart.featured-col-6 .row-header .column-product.column-6 { border-top: 1px solid #e5e5e5 } .comparison-chart.featured-col-1 .row-body .column-product.column-1, .comparison-chart.featured-col-2 .row-body .column-product.column-2, .comparison-chart.featured-col-3 .row-body .column-product.column-3, .comparison-chart.featured-col-4 .row-body .column-product.column-4, .comparison-chart.featured-col-5 .row-body .column-product.column-5, .comparison-chart.featured-col-6 .row-body .column-product.column-6 { position: relative } .comparison-chart.featured-col-1 .row-body .column-product.column-1:before, .comparison-chart.featured-col-1 .row-body .column-product.column-1:after, .comparison-chart.featured-col-2 .row-body .column-product.column-2:before, .comparison-chart.featured-col-2 .row-body .column-product.column-2:after, .comparison-chart.featured-col-3 .row-body .column-product.column-3:before, .comparison-chart.featured-col-3 .row-body .column-product.column-3:after, .comparison-chart.featured-col-4 .row-body .column-product.column-4:before, .comparison-chart.featured-col-4 .row-body .column-product.column-4:after, .comparison-chart.featured-col-5 .row-body .column-product.column-5:before, .comparison-chart.featured-col-5 .row-body .column-product.column-5:after, .comparison-chart.featured-col-6 .row-body .column-product.column-6:before, .comparison-chart.featured-col-6 .row-body .column-product.column-6:after { content: ''; position: absolute; top: 0; bottom: -1px; z-index: 10; width: 1.47em; background: #fff } .comparison-chart.featured-col-1 .row-body .column-product.column-1:before, .comparison-chart.featured-col-2 .row-body .column-product.column-2:before, .comparison-chart.featured-col-3 .row-body .column-product.column-3:before, .comparison-chart.featured-col-4 .row-body .column-product.column-4:before, .comparison-chart.featured-col-5 .row-body .column-product.column-5:before, .comparison-chart.featured-col-6 .row-body .column-product.column-6:before { left: 1px } .comparison-chart.featured-col-1 .row-body .column-product.column-1:after, .comparison-chart.featured-col-2 .row-body .column-product.column-2:after, .comparison-chart.featured-col-3 .row-body .column-product.column-3:after, .comparison-chart.featured-col-4 .row-body .column-product.column-4:after, .comparison-chart.featured-col-5 .row-body .column-product.column-5:after, .comparison-chart.featured-col-6 .row-body .column-product.column-6:after { right: 1px } .comparison-chart.featured-col-1 .row-body .column-product.column-1 .product-feature:before, .comparison-chart.featured-col-2 .row-body .column-product.column-2 .product-feature:before, .comparison-chart.featured-col-3 .row-body .column-product.column-3 .product-feature:before, .comparison-chart.featured-col-4 .row-body .column-product.column-4 .product-feature:before, .comparison-chart.featured-col-5 .row-body .column-product.column-5 .product-feature:before, .comparison-chart.featured-col-6 .row-body .column-product.column-6 .product-feature:before { content: ''; position: absolute; top: 0; left: 0px; right: 0; height: 1px; z-index: 2; background: #eee } .comparison-chart.featured-col-1 .row-footer .column-product.column-1, .comparison-chart.featured-col-2 .row-footer .column-product.column-2, .comparison-chart.featured-col-3 .row-footer .column-product.column-3, .comparison-chart.featured-col-4 .row-footer .column-product.column-4, .comparison-chart.featured-col-5 .row-footer .column-product.column-5, .comparison-chart.featured-col-6 .row-footer .column-product.column-6 { border-bottom: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .comparison-chart.chart-2up .row-item > *, .comparison-chart.chart-3up .row-item > *, .comparison-chart.chart-4up .row-item > *, .comparison-chart.chart-5up .row-item > * { width: 100% } ul.comparison-nav { margin-bottom: 0; max-width: 68em; margin-left: auto; margin-right: auto; margin-bottom: 1em } ul.comparison-nav > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } ul.comparison-nav > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } ul.comparison-nav:after { clear: both; content: ""; display: table } ul.comparison-nav > li { min-height: 1px } ul.comparison-nav > li a { position: relative; display: table-cell; padding: 0.75em; color: #333; font-size: 0.9125em; font-weight: 700; letter-spacing: -0.02em; background: #f8f8f8; vertical-align: middle; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } ul.comparison-nav > li a span.subtitle { display: block; padding: 0; font-size: 0.75em; font-weight: 500; font-family: "MuseoSlab", "Georgia", Times, serif } ul.comparison-nav > li a span.surtitle { display: none } ul.comparison-nav > li a:before { position: absolute; top: 50%; margin-top: -0.52em; font-size: 1.5em; color: #999 } ul.comparison-nav > li a:hover { color: #333; background: #eee } ul.comparison-nav > li a.feat { background: #ED2939; color: #fff } ul.comparison-nav > li a.feat:before { color: #fff } ul.comparison-nav > li a.feat:hover { background-color: #da1f2e } ul.comparison-nav > li a:empty { display: none } ul.comparison-nav > li.nav-prev { float: left; display: block; margin-left: 0; width: 50%; display: table; min-height: 3.5em } ul.comparison-nav > li.nav-prev a { padding-left: 1.5em } ul.comparison-nav > li.nav-prev a:before { left: 0.3em; content: '\f104' } ul.comparison-nav > li.nav-next { padding-left: 1px; float: left; display: block; margin-left: 0; width: 50%; float: right; display: table; min-height: 3.5em } ul.comparison-nav > li.nav-next a { padding-right: 1.5em } ul.comparison-nav > li.nav-next a:before { right: 0.3em; content: '\f105' } .comparison-feature-list .row-group { padding: 1em 0 0.5em 0; background: #f8f8f8; margin-bottom: 0.5em } .comparison-feature-list .group-title { margin-bottom: 1.5em; padding: 0 1em 0.5em 1em; border-bottom: 1px solid #e5e5e5 } .comparison-feature-list .group-title h4 { padding: 0; margin-bottom: 0.5em; font-size: .875em; color: #aaa; font-weight: 700; text-align: center; text-transform: uppercase } .comparison-feature-list .group-title h4 span { text-transform: none } .comparison-feature-list .product-feature { margin-bottom: 0.75em; padding: 0 1.5em 0 4em } .comparison-feature-list .product-feature:after { clear: both; content: ""; display: table } .comparison-feature-list .product-feature figure { float: left; margin-left: -2.5em; margin-top: -0.3em; opacity: .15; width: 1.5em } .comparison-feature-list .product-feature figure img { display: none; width: 100%; max-height: 100% } .comparison-feature-list .product-feature figure .font-icons { font-size: 1.75em } .comparison-feature-list .product-feature figure .font-icons:before { content: '\e914' } .comparison-feature-list .product-feature .feature-desc { opacity: .25 } .comparison-feature-list .product-feature .feature-desc p { margin-bottom: 0; font-size: 1em; font-weight: 500; color: #444; line-height: 1.3 } .comparison-feature-list .product-feature .feature-desc p span { display: block; font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 300; font-size: 0.8571em } .comparison-feature-list .product-feature .feature-desc p.small { margin-top: 0.25em; font-size: 0.875em; font-weight: 300; color: #666 } .comparison-feature-list .product-feature.show-icon figure { height: 1.5em } .comparison-feature-list .product-feature:nth-child(2n) { background: none } .comparison-feature-list .product-feature.feature-checked figure { opacity: 1 } .comparison-feature-list .product-feature.feature-checked figure .font-icons { color: #ED2939 } .comparison-feature-list .product-feature.feature-checked figure .font-icons:before { content: '\e908' } .comparison-feature-list .product-feature.feature-checked .feature-desc { opacity: 1 } .comparison-feature-list.masonry { margin-left: -0.5em } .comparison-feature-list.masonry .item { padding-left: 0.5em } @media screen and (min-width: 769px) { .comparison-chart.chart-2up .row-item { margin-bottom: 0; max-width: 68em; margin-left: auto; margin-right: auto } .comparison-chart.chart-2up .row-item > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .comparison-chart.chart-2up .row-item > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .comparison-chart.chart-2up .row-item:after { clear: both; content: ""; display: table } .comparison-chart.chart-2up .row-item > * { float: left; display: block; margin-left: 0; width: 33.33333% } .comparison-chart.chart-2up .row-item > *:nth-child(3n+1) { clear: left } .comparison-chart.chart-2up .row-promo { margin-left: 33.3334% } .comparison-chart.chart-3up .row-item { margin-bottom: 0; max-width: 68em; margin-left: auto; margin-right: auto } .comparison-chart.chart-3up .row-item > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .comparison-chart.chart-3up .row-item > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .comparison-chart.chart-3up .row-item:after { clear: both; content: ""; display: table } .comparison-chart.chart-3up .row-item > * { float: left; display: block; margin-left: 0; width: 25% } .comparison-chart.chart-3up .row-item > *:nth-child(4n+1) { clear: left } .comparison-chart.chart-3up .row-promo { margin-left: 25% } .comparison-chart.chart-4up .product-feature { padding-left: 4%; padding-right: 4% } .comparison-chart.chart-4up .row-item { margin-bottom: 0; max-width: 68em; margin-left: auto; margin-right: auto } .comparison-chart.chart-4up .row-item > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .comparison-chart.chart-4up .row-item > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .comparison-chart.chart-4up .row-item:after { clear: both; content: ""; display: table } .comparison-chart.chart-4up .row-item > * { float: left; display: block; margin-left: 0; width: 18.75% } .comparison-chart.chart-4up .row-item > *:nth-child(5n+1) { clear: left } .comparison-chart.chart-4up .row-item .column-1 { float: left; display: block; margin-left: 0; width: 25% } .comparison-chart.chart-4up .row-item .column-1 .group-title { width: 75% } .comparison-chart.chart-4up .row-item .column-1 .group-title:before { right: -33.3334% } .comparison-chart.chart-4up .row-item .column-1 .product-feature { padding-left: 1.5em; padding-right: 4em } .comparison-chart.chart-4up .row-item .column-1 .product-feature.show-icon { padding-right: 1.5em; padding-left: 4em } .comparison-chart.chart-4up .row-promo { margin-left: 25% } .comparison-chart.chart-5up .row-item { margin-bottom: 0; max-width: 68em; margin-left: auto; margin-right: auto } .comparison-chart.chart-5up .row-item > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .comparison-chart.chart-5up .row-item > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .comparison-chart.chart-5up .row-item:after { clear: both; content: ""; display: table } .comparison-chart.chart-5up .row-item > * { float: left; display: block; margin-left: 0; width: 16.66667% } .comparison-chart.chart-5up .row-item > *:nth-child(6n+1) { clear: left } .comparison-chart.chart-5up .row-header .row-item > * { padding-right: 0.5em; padding-left: 0.5em } .comparison-chart.chart-5up .product-feature { padding-right: 1em; padding-left: 3em } .comparison-chart.chart-5up .product-feature.text-value { padding-left: 2em; padding-right: 2em } .comparison-chart.chart-5up .column-1 .product-feature { padding-right: 3em; padding-left: 1em } .comparison-chart.chart-5up .column-1 .product-feature.show-icon { padding-right: 1em; padding-left: 3em } .comparison-chart.chart-5up .column-1 .product-feature.show-icon figure { margin-left: -2.21em } .comparison-chart.chart-5up .row-promo { margin-left: 16.6667% } .comparison-chart .row-promo { display: block } .comparison-chart .group-title { text-align: left; padding-left: 0 } .comparison-chart .group-title h4 { padding-left: 0 } .comparison-chart .row-header .row-item > * { padding-bottom: 1.5em } .comparison-chart .column-1 { display: block } .comparison-chart .column-product { position: relative; display: block } .comparison-chart .column-product .group-title > * { visibility: hidden } .comparison-chart .column-product figure .font-icons { visibility: hidden } .comparison-chart .column-product figure .font-icons:before { position: absolute; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em } .comparison-chart .column-product .feature-desc p { visibility: hidden } .comparison-chart .column-product .text-value { display: table; width: 100%; height: 100% } .comparison-chart .column-product .text-value .feature-desc { display: table-cell; vertical-align: middle } .comparison-chart .column-product .text-value .feature-desc p { display: none } .comparison-chart .column-product .text-value .feature-desc p.small { display: block } .comparison-chart .row-body { padding: 0 } .comparison-chart .row-body .row-group:before, .comparison-chart .row-body .row-group:after { display: none } .comparison-chart .featured-column { top: -1px } .comparison-chart .featured-column .group-title:before { visibility: hidden } .comparison-chart .featured-column .row-group { border-bottom: 1px solid #eee } .comparison-chart .featured-column .row-group:before, .comparison-chart .featured-column .row-group:after { display: block } .comparison-chart .feature-checked figure .font-icons { visibility: visible } .comparison-chart.featured-col-1 .row-body .column-product.column-1 .group-title:before, .comparison-chart.featured-col-2 .row-body .column-product.column-2 .group-title:before, .comparison-chart.featured-col-3 .row-body .column-product.column-3 .group-title:before, .comparison-chart.featured-col-4 .row-body .column-product.column-4 .group-title:before, .comparison-chart.featured-col-5 .row-body .column-product.column-5 .group-title:before, .comparison-chart.featured-col-6 .row-body .column-product.column-6 .group-title:before { display: none } ul.comparison-nav { display: none } .comparison-chart.chart-2up .promoline { right: 1.5em; left: 1.5em; top: -1em } } .comparison-chart .row-item { display: flex; flex-wrap: wrap; align-items: stretch } .comparison-chart .product-item { width: 100%; display: flex; flex-direction: column; justify-content: space-between } .comparison-chart .column-product { display: flex; flex-wrap: wrap; align-items: stretch } .comparison-chart .group-title { width: 100% } .comparison-chart .column-1, .comparison-chart .column-product { display: none } .comparison-chart .column-1.currently-active, .comparison-chart .column-product.currently-active { display: flex } @media screen and (min-width: 769px) { .comparison-chart.chart-2up .row-item > *, .comparison-chart.chart-3up .row-item > *, .comparison-chart.chart-4up .row-item > *, .comparison-chart.chart-5up .row-item > * { display: flex } } .awards { padding-top: 0.625em; overflow: hidden } .awards h4 { font-size: 1.250em } .awards p { color: #777777; font-size: 15px } ul.awards-list { margin-bottom: 0; text-align: center } ul.awards-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } ul.awards-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } ul.awards-list > li { display: inline-block; margin: 0 1.5em 1.5em 1.5em; max-width: 7.5em; vertical-align: bottom } ul.awards-list > li img { max-height: 4em; max-width: 80% } ul.awards-list > li::after { display: none } ul.awards-list.large-images > li { max-width: 10em } ul.awards-list.large-images > li img { max-height: 5.5em } .awards-wrapper .promo { padding: 2em; overflow: hidden; margin-top: 1.25em } .promo.variant2 { text-align: center; border-top: 1px solid #000; border-color: rgba(0, 0, 0, 0.05) } .promo.variant2 img { max-height: 6em; margin-bottom: 1em } .promo.variant2 h4 { margin-bottom: 1em } .promo.variant2 p { font-size: .875em } .awards-section { text-align: center } .green-background { background: var(--green-primary) url(../images/bg-pattern-green.jpg) 50% 50% no-repeat; background-size: cover } .green-background h4 { color: #FFF } .green-background p { color: #FFF; opacity: 0.8 } .green-background a.button { margin-top: 0.313em; background-color: #FFF; color: var(--green-primary); border: none } .green-background a.button.transparent { background: #fff } .green-background a.button:hover { border: none } @media screen and (min-width: 769px) { ul.awards-list { text-align: left } ul.awards-list > li { margin-left: 0; margin-right: 2.5em } ul.awards-list.text-left { text-align: left } ul.awards-list.text-center { text-align: center } ul.awards-list.text-right { text-align: right } .awards-wrapper .awards { float: left; display: block; margin-left: 3%; width: 63.66667% } .awards-wrapper .promo { float: left; display: block; margin-left: 3%; width: 30.33333% } .awards-wrapper .promo { margin-top: 0 } .awards-wrapper .button { display: inline-block } .promo.variant2 { padding-top: 0; padding-bottom: 0; text-align: left; border-top: none; border-left: 1px solid #000; border-color: rgba(0, 0, 0, 0.05) } } .awards { padding-top: 0.625em; overflow: hidden } .awards h4 { font-size: 1.250em } .awards p { color: #777777; font-size: 15px } ul.awards-list { margin-bottom: 0; text-align: center } ul.awards-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } ul.awards-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } ul.awards-list > li { display: inline-block; margin: 0 1.5em 1.5em 1.5em; max-width: 7.5em; vertical-align: bottom } ul.awards-list > li img { max-height: 4em; max-width: 80% } ul.awards-list > li::after { display: none } ul.awards-list.large-images > li { max-width: 10em } ul.awards-list.large-images > li img { max-height: 5.5em } .awards-wrapper .promo { padding: 2em; overflow: hidden; margin-top: 1.25em } .promo.variant2 { text-align: center; border-top: 1px solid #000; border-color: rgba(0, 0, 0, 0.05) } .promo.variant2 img { max-height: 6em; margin-bottom: 1em } .promo.variant2 h4 { margin-bottom: 1em } .promo.variant2 p { font-size: .875em } .awards-section { text-align: center } .green-background { background: var(--green-primary) url(../images/bg-pattern-green.jpg) 50% 50% no-repeat; background-size: cover } .green-background h4 { color: #FFF } .green-background p { color: #FFF; opacity: 0.8 } .green-background a.button { margin-top: 0.313em; background-color: #FFF; color: var(--green-primary); border: none } .green-background a.button.transparent { background: #fff } .green-background a.button:hover { border: none } .green-banner { padding: 1.5em 1.5em 1em 1.5em; background: var(--green-primary) url(../images/bg-pattern-green.jpg) 100% 0% } .green-banner h4 { margin-bottom: 1em; color: #FFF } .green-banner p { margin-bottom: 1em; color: #FFF; opacity: 0.8; font-size: 0.875em } .green-banner a.button { margin-top: 0.313em; background-color: #FFF; color: var(--green-primary); border: none } .green-banner a.button.transparent { background: #fff } .green-banner a.button:hover { border: none } @media screen and (min-width: 769px) { ul.awards-list { text-align: left } ul.awards-list > li { margin-left: 0; margin-right: 2.5em } ul.awards-list.text-left { text-align: left } ul.awards-list.text-center { text-align: center } ul.awards-list.text-right { text-align: right } .awards-wrapper .awards { float: left; display: block; margin-left: 3%; width: 63.66667% } .awards-wrapper .promo { float: left; display: block; margin-left: 3%; width: 30.33333% } .awards-wrapper .promo { margin-top: 0 } .awards-wrapper .button { display: inline-block } .promo.variant2 { padding-top: 0; padding-bottom: 0; text-align: left; border-top: none; border-left: 1px solid #000; border-color: rgba(0, 0, 0, 0.05) } } .awards-align-all > .container { padding-bottom: 1em } .awards-align-all ul.awards-list li { float: none; margin: 0 0 3em 0; max-width: none } .green-background a.button:hover { color: #003a31 } .reviews-section .section-footer { text-align: center } .reviews-section .section-footer .button { margin: 0; color: var(--green-primary) } .reviews-list, ul.reviews-list { margin-bottom: 0; margin-bottom: 0.75em } .reviews-list > li, ul.reviews-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .reviews-list > li:before, ul.reviews-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .reviews-list figure, .reviews-list .figure, ul.reviews-list figure, ul.reviews-list .figure { display: none; margin-top: 1.25em } .reviews-list blockquote, ul.reviews-list blockquote { padding-left: 0; padding-right: 0; font-size: 0.875em } .reviews-list blockquote:after, ul.reviews-list blockquote:after { clear: both; content: ""; display: table } .reviews-list blockquote p:before, ul.reviews-list blockquote p:before { content: '"'; position: absolute; top: 0; left: -0.5em } .reviews-list blockquote cite, ul.reviews-list blockquote cite { font-size: 1em } .reviews-list blockquote .starbar, ul.reviews-list blockquote .starbar { margin-left: 1em } .reviews-list blockquote .cite-subtitle, ul.reviews-list blockquote .cite-subtitle { display: block; font-weight: 300; margin-top: 0.15em; margin-left: 1.2em; font-size: 0.857em } .reviews-list blockquote footer, .reviews-list blockquote .footer, ul.reviews-list blockquote footer, ul.reviews-list blockquote .footer { padding-right: 1.25em; padding-top: 0.85em; float: left; width: 65% } .reviews-list blockquote figure, .reviews-list blockquote .blockquote-figure, ul.reviews-list blockquote figure, ul.reviews-list blockquote .blockquote-figure { text-align: right; display: block; margin-top: 0; float: left; width: 35% } .reviews-list blockquote figure img, .reviews-list blockquote .blockquote-figure img, ul.reviews-list blockquote figure img, ul.reviews-list blockquote .blockquote-figure img { width: 75px; display: inline-block } .testimonials-slider .slick-slide { padding: 0 1.875em } .testimonials-slider .slick-arrow { position: absolute; top: 50%; margin-top: -0.5em; display: block; font-size: 2.5em; width: 1em; height: 1em; color: #ccc; text-indent: -9000em } .testimonials-slider .slick-arrow:hover { color: #ddd } .testimonials-slider .slick-arrow:before { position: absolute; top: -0.1em; left: -0.1em; font-size: 1.25em; width: 1em; height: 1em; text-indent: 0; text-align: center } .testimonials-slider .next-slide { right: -0.2em } .testimonials-slider .next-slide:before { content: "\f105" } .testimonials-slider .prev-slide { left: -0.2em } .testimonials-slider .prev-slide:before { content: "\f104" } .testimonials-slider .slick-dots { border-top: 0 } @media screen and (min-width: 769px) { .reviews-list blockquote figure, .reviews-list blockquote .blockquote-figure, ul.reviews-list blockquote figure, ul.reviews-list blockquote .blockquote-figure { display: none } .reviews-list figure, .reviews-list .figure, ul.reviews-list figure, ul.reviews-list .figure { display: block } .testimonials-slider .slick-slide { padding: 0 } .testimonials-slider .next-slide { right: -0.7em } .testimonials-slider .prev-slide { left: -1.1em } .testimonials-slider blockquote { padding-right: 2.875em } } @media screen and (min-width: 993px) { .testimonials-slider .prev-slide { left: -1.5em } } .mobile-nav li.title > a { background-color: #f4f4f4; border-bottom: none; font-size: 1em; padding: 1.188em 1.5em 1em 1.5em } .mobile-nav li.title > a span { color: #9c9c9c; font-size: 0.688em; font-weight: 700; text-transform: uppercase; position: relative } .mobile-nav li.title > a span > i { position: absolute; margin-right: 0.3em; color: #C8C8C8; left: 0; top: 0; font-size: 1.4em; margin-top: -3px } .mobile-nav li.title > a span > i.icon-medium-business { font-size: 1.6em } .mobile-nav li.title > a span > i.icon-enterprise { margin-top: -4px; font-size: 1.8em } .mobile-nav li.title.has-icon > a span { padding-left: 3em } .mobile-nav li.title.has-link { padding: 0 } .launch-menu { position: relative; margin-bottom: 1em; background: #F6FBFD; border-right: 1px solid #E2EDF2; border-bottom: 1px solid #E2EDF2; box-shadow: 0px 2px 0px 0px rgba(226, 237, 242, 0.5) } .launch-menu ul { margin-bottom: 0 } .launch-menu ul > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .launch-menu ul > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .launch-menu li { border-top: 1px solid #fff; border-left: 1px solid #fff } .launch-menu li a { display: block; padding: 1em 0.5em; font-size: 0.75em; text-align: center; color: #80a3b3 } .launch-menu li a .font-icons { display: block; margin: 0.25em 0; font-size: 1.75em } .launch-menu li a:hover { background: #E2EDF2; color: #6691a4 } .launch-menu:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #E2EDF2 } .launch-menu:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background: #E2EDF2 } .filter-search { margin-bottom: 1em; padding: 1em; background: #F6FBFD; border: 1px solid #E2EDF2; box-shadow: 0px 2px 0px 0px rgba(226, 237, 242, 0.5) } .filter-search form { position: relative } .filter-search form input { margin: 0; padding-right: 2em; border-color: transparent; box-shadow: inherit } .filter-search form input:hover { border-color: #E2EDF2 } .filter-search form::-webkit-input-placeholder { color: #80a3b3; opacity: .7 } .filter-search form::-moz-placeholder { color: #80a3b3; opacity: .7 } .filter-search form:-ms-input-placeholder { color: #80a3b3; opacity: .7 } .filter-search form:-moz-placeholder { color: #80a3b3; opacity: .7 } .launch-menu ul[class*="section-col-"] { display: flex; flex-wrap: wrap; align-items: stretch } .launch-menu ul[class*="section-col-"] li { display: flex; flex-wrap: wrap; align-items: stretch } .launch-menu ul[class*="section-col-"] li a { width: 100% } .license-section { background: url("../../assets/images/image-renew.png") 0 50% no-repeat } .license-section .blue-wrapper { margin-bottom: 1.5em; padding: 2em 1.5em } @media screen and (min-width: 769px) { .license-section { background: none } .license-section .container { background: url("../../assets/images/image-renew.png") 0 50% no-repeat } .license-section .blue-wrapper { padding: 3em 2em 2em 2em } .license-section .blue-wrapper h3 { margin-bottom: 1.5em } } .license-list ul.content li { margin-bottom: 3em } .license-list ul.content li figure { float: left; margin-right: 1em } .license-list ul.content li figure img.small-thumbnail { max-height: 120px; max-width: 100px } .quote-section { position: relative; padding-top: 2em } .quote-section blockquote { display: block; margin-bottom: 1.6em; padding: 0; text-align: center; font-size: 1em } .quote-section blockquote p { font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 100; font-style: italic; font-size: 1.1875em; line-height: 1.57; color: #868686; margin-bottom: 1.4em; letter-spacing: -0.4px } .quote-section blockquote cite { font-size: 1em } .quote-section blockquote cite strong { font-weight: 300; font-size: 1em; line-height: 1.35; color: #2c2b2b; display: block; letter-spacing: -0.2px } .quote-section blockquote cite span { font-weight: 500; font-size: .6875em; line-height: 2; color: #b3b3b3; display: block; letter-spacing: -0.6px } .quote-section .footer-wrap img { display: block; margin: 0 auto; max-width: 100%; height: auto } .quote-section .footer-wrap .button { position: absolute; right: 0; bottom: 70px; left: 0; background: #fff } @media screen and (min-width: 769px) { .quote-section { padding-top: 3em } .quote-section .footer-wrap { margin-left: 220px; padding-bottom: 3em } .quote-section .footer-wrap img { position: absolute; display: block; bottom: 0; left: 0 } .quote-section .footer-wrap .button { position: static; font-size: .75em; line-height: 1.2; color: var(--green-primary); display: inline-block; text-align: center; text-transform: uppercase; padding: 1.2em 4.5em 1.1em 4.5em; border: 1px solid #d4d4d4; background: #fff; letter-spacing: -0.2px } .quote-section .footer-wrap .button:hover { border: 1px solid #b9b9b9; -webkit-transition: border 0.15s ease-in; -moz-transition: border 0.15s ease-in; transition: border 0.15s ease-in; color: #003a31 } .quote-section blockquote { margin-left: 220px; display: block; margin-bottom: 2.2em; padding: 0; text-align: left; font-size: 1em } .quote-section blockquote p { font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 100; font-style: italic; font-size: 1.1875em; line-height: 1.57; color: #868686; margin-bottom: 0.8em; letter-spacing: -0.4px } .quote-section blockquote cite { font-size: 1em } .quote-section blockquote cite strong { font-weight: 300; font-size: 1em; line-height: 1.35; color: #2c2b2b; display: block; letter-spacing: -0.2px } .quote-section blockquote cite span { font-weight: 500; font-size: .6875em; line-height: 2; color: #b3b3b3; display: block; letter-spacing: -0.6px } } .steps-list { counter-reset: item; list-style: none } .steps-list > li { display: block; margin: 0; padding: 0.5em 1.5em 0.5em 3em } .steps-list > li:before { float: left; margin-left: -1.5em; width: 1.1em; font-size: 2em; text-align: right; font-weight: 100; color: #bbb; counter-increment: item; content: counters(item, ".") " " } .steps-list > li p { font-size: 0.875em } @media screen and (min-width: 769px) { .steps-list > li { padding-left: 4em; border-left: 1px solid #eee } .steps-list > li:before { width: 1.6em; margin-left: -2em } .steps-list > li:nth-child(3n-2) { border-left: none } } @media screen and (min-width: 769px) { .steps-list { display: flex; flex-wrap: wrap; align-items: stretch } } .brand-section .row > [class*="col-"] { padding: 1.5em 0; border-top: 1px solid #009982 } .brand-section .row > [class*="col-"]:first-child { padding-top: 0; border: none } .brand-section .row > [class*="col-"]:last-child { padding-bottom: 0 } ul.stat-list { margin-bottom: 0 } ul.stat-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } ul.stat-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } ul.stat-list li { margin-bottom: 0.75em; padding-top: 0.75em } ul.stat-list p { margin-bottom: 0.5em; font-size: .75em; text-align: center; line-height: 1.4; opacity: .7 } ul.stat-list p.stat-number { margin-bottom: 0.15em; line-height: 1.1; font-size: 1.5em; color: #000 } ul.stat-list.large-stat > li { max-width: 68em; margin-left: -3.0927%; margin-right: auto } ul.stat-list.large-stat > li:after { clear: both; content: ""; display: table } ul.stat-list.large-stat figure { text-align: center } ul.stat-list.large-stat figure img { margin-bottom: 1em; width: 8em } ul.stat-list.large-stat p { color: var(--green-primary) } ul.stat-list.large-stat p.stat-number { font-size: 1.5em } ul.stat-list.large-stat p span { display: block } @media screen and (min-width: 769px) { .brand-section .row > [class*="col-"] { padding: 0 3%; border-top: none; border-left: 1px solid #009982 } .brand-section .row > [class*="col-"]:first-child { padding-left: 0; padding-right: 0; border: none } .brand-section .row > [class*="col-"]:last-child { padding-right: 0 } ul.stat-list li { padding-left: 1em; padding-right: 1em } ul.stat-list p { font-size: .8125em } ul.stat-list p.stat-number { font-size: 2em } ul.stat-list.large-stat { padding-top: 2em } ul.stat-list.large-stat figure img { width: auto; max-width: 100%; margin: 0 } ul.stat-list.large-stat p { text-align: left; font-size: 1.125em } ul.stat-list.large-stat p.stat-number { font-size: 2.125em } } .articles-list, ul.articles-list { margin-bottom: 0 } .articles-list > li, ul.articles-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .articles-list > li:before, ul.articles-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .articles-list li, ul.articles-list li { position: relative; margin-bottom: 1.5em } .articles-list figure, ul.articles-list figure { margin-bottom: 0.5em } .articles-list figure img, ul.articles-list figure img { display: block; max-width: 100% } .articles-list h2, ul.articles-list h2 { font-size: 1em; margin-bottom: 0.5em } .articles-list p, ul.articles-list p { font-size: 0.875em; color: #777 } .articles-list p.meta, ul.articles-list p.meta { margin-bottom: 0.5em; font-size: .6875em; color: #777 } .articles-list p.meta.info, ul.articles-list p.meta.info { font-weight: 700; color: #bbb } .articles-list p.category, ul.articles-list p.category { position: absolute; top: 2em; left: 0; padding: 0.5em 1em; background: #444; color: #fff; text-transform: uppercase; font-size: .625em; font-weight: 700 } .articles-list p.category a, ul.articles-list p.category a { color: #fff } .articles-list p.category a:hover, ul.articles-list p.category a:hover { opacity: .8 } .articles-list .post-info, ul.articles-list .post-info { margin-bottom: 0.4em } .articles-list .post-info p, ul.articles-list .post-info p { margin-bottom: 0; color: #888; font-size: 0.75em } .articles-list .post-info p .order, ul.articles-list .post-info p .order { display: inline-block; vertical-align: middle; margin-right: 1em; padding: 0 0.5em; font-size: 0.83334em; font-weight: 500; color: #fff; text-transform: uppercase; background: #aaa; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em } .articles-list .post-location p, ul.articles-list .post-location p { margin-bottom: 0; font-size: 0.75em; color: #aaa } .content .articles-list li, .content ul.articles-list li { padding-top: 2em; border-top: 1px solid #e5e5e5 } .content .articles-list li:first-child, .content ul.articles-list li:first-child { padding-top: 0; border-top: none } .content .articles-list li:first-child p.category, .content ul.articles-list li:first-child p.category { top: 0 } .content .articles-list h2, .content ul.articles-list h2 { font-size: 1.125em; margin-bottom: 0.3em } .content .articles-list p.category, .content ul.articles-list p.category { top: 3.2em } .content .articles-list.search-list > li, .content ul.articles-list.search-list > li { padding-top: 0; border-top: none } .content .articles-list.search-list p, .content ul.articles-list.search-list p { margin-bottom: 0.5em } .secondary-articles-list, ul.secondary-articles-list { margin-bottom: 0 } .secondary-articles-list > li, ul.secondary-articles-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .secondary-articles-list > li:before, ul.secondary-articles-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .secondary-articles-list > li, .secondary-articles-list > .item, ul.secondary-articles-list > li, ul.secondary-articles-list > .item { margin-bottom: 0.75em; background: #f8f8f8 } .secondary-articles-list > li:after, .secondary-articles-list > .item:after, ul.secondary-articles-list > li:after, ul.secondary-articles-list > .item:after { clear: both; content: ""; display: table } .secondary-articles-list > li figure, .secondary-articles-list > .item figure, ul.secondary-articles-list > li figure, ul.secondary-articles-list > .item figure { position: relative; margin-bottom: 0.25em } .secondary-articles-list > li figure a, .secondary-articles-list > .item figure a, ul.secondary-articles-list > li figure a, ul.secondary-articles-list > .item figure a { display: block; font-size: 2em; min-height: 2.75em; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } .secondary-articles-list > li figure a img, .secondary-articles-list > .item figure a img, ul.secondary-articles-list > li figure a img, ul.secondary-articles-list > .item figure a img { display: none } .secondary-articles-list > li figure a:hover:after, .secondary-articles-list > .item figure a:hover:after, ul.secondary-articles-list > li figure a:hover:after, ul.secondary-articles-list > .item figure a:hover:after { opacity: .95 } .secondary-articles-list > li h2, .secondary-articles-list > .item h2, ul.secondary-articles-list > li h2, ul.secondary-articles-list > .item h2 { margin-bottom: 0; padding: 0.25em 0.75em; line-height: 1.25; font-size: .875em; color: #444; text-transform: none } .secondary-articles-list > li h2 a, .secondary-articles-list > .item h2 a, ul.secondary-articles-list > li h2 a, ul.secondary-articles-list > .item h2 a { display: block; font-weight: 500; color: #444; text-transform: none } .secondary-articles-list > li h2 a:hover, .secondary-articles-list > .item h2 a:hover, ul.secondary-articles-list > li h2 a:hover, ul.secondary-articles-list > .item h2 a:hover { color: var(--green-primary) } .secondary-articles-list > li p, .secondary-articles-list > .item p, ul.secondary-articles-list > li p, ul.secondary-articles-list > .item p { padding: 0 0.875em 0.35em 0.875em; margin-bottom: 0; font-size: 0.6875em; color: #888 } .secondary-articles-list.image-aside > li, ul.secondary-articles-list.image-aside > li { padding-left: 6em } .secondary-articles-list.image-aside > li figure, ul.secondary-articles-list.image-aside > li figure { float: left; margin-left: -6em; margin-bottom: 0; width: 6em } .secondary-articles-list.image-aside > li h2, ul.secondary-articles-list.image-aside > li h2 { padding-top: 0.6em; min-height: 4.5em } .grey-background .secondary-articles-list h2, .grey-background .secondary-articles-list p, .grey-background ul.secondary-articles-list h2, .grey-background ul.secondary-articles-list p { padding-left: 0; padding-right: 0 } .grey-background .secondary-articles-list.image-aside > li h2, .grey-background .secondary-articles-list.image-aside > .item h2, .grey-background ul.secondary-articles-list.image-aside > li h2, .grey-background ul.secondary-articles-list.image-aside > .item h2 { padding-top: 0; padding-left: 0.875em; min-height: 4.5em } .grey-background .secondary-articles-list.image-aside > li p, .grey-background .secondary-articles-list.image-aside > .item p, .grey-background ul.secondary-articles-list.image-aside > li p, .grey-background ul.secondary-articles-list.image-aside > .item p { padding-left: 0.875em } .resources-list, ul.resources-list { margin-bottom: 0 } .resources-list > li, ul.resources-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .resources-list > li:before, ul.resources-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .resources-list .article, ul.resources-list .article { position: relative; margin-bottom: 2em; padding-bottom: 0.4em; background: #f8f8f8 } .resources-list .thumbnail, ul.resources-list .thumbnail { display: block; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; height: 12em } .resources-list .thumbnail img, ul.resources-list .thumbnail img { visibility: hidden } .resources-list h2, ul.resources-list h2 { margin-bottom: 0; padding: 0.5em 0.75em; line-height: 1.25; font-size: .875em; color: #444; text-transform: none } .resources-list h2 a, ul.resources-list h2 a { display: block; font-weight: 500; color: #444; text-transform: none } .resources-list h2 a:hover, ul.resources-list h2 a:hover { color: var(--green-primary) } .resources-list p, ul.resources-list p { padding: 0 0.875em 0.25em 0.875em; margin-bottom: 0; font-size: 0.6875em; color: #888 } .resources-list p.category, ul.resources-list p.category { position: absolute; top: 0; left: 0; padding: 0.5em 1em; background: #444; color: #fff; text-transform: uppercase; font-size: .625em; font-weight: 700 } .resources-list p.category a, ul.resources-list p.category a { color: #fff } .resources-list p.category a:hover, ul.resources-list p.category a:hover { opacity: .8 } .resources-list .featured p.category, ul.resources-list .featured p.category { background: #ED2939 } .blogs-list > li { position: relative; margin-bottom: 1.5em; padding-bottom: 0.4em } .blogs-list > li h2 { margin-bottom: 0; padding: 0.5em 0; line-height: 1.25; font-size: .9375em; color: #444; text-transform: none } .blogs-list > li h2 a { display: block; font-weight: 500; color: var(--green-primary); text-transform: none } .blogs-list > li h2 a:hover { color: var(--green-active) } .blogs-list > li p { padding: 0 0 0.25em 0; margin-bottom: 0; font-size: .8125em; color: #888 } .blogs-list > li .badge { position: absolute; top: 0; left: 0; background: #444; color: #fff; text-transform: uppercase; font-size: .625em; font-weight: 700 } .blogs-list > li .badge:after { clear: both; content: ""; display: table } .blogs-list > li .badge img { float: left; display: block; max-height: 2.25em } .blogs-list > li .badge span { float: left; display: block; padding: 0 1em; color: #fff; line-height: 2.25em } .blogs-list.small-list { margin-bottom: 1em } .blogs-list.small-list > li { padding-left: 3.7em } .blogs-list.small-list > li figure { float: left; max-width: 3em; margin-left: -3.7em } .blogs-list.small-list > li h2 { margin-bottom: 0.2em; padding: 0 } .blogs-list.small-list > li p { font-size: .75em; color: #aaa } .simple-articles-list, ul.simple-articles-list { margin-bottom: 0 } .simple-articles-list > li, ul.simple-articles-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .simple-articles-list > li:before, ul.simple-articles-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .simple-articles-list > li, ul.simple-articles-list > li { margin-bottom: 1em; padding-top: 1em; padding-bottom: 1.5em; border-bottom: 1px solid #e5e5e5 } .simple-articles-section .article { margin-bottom: 1em } .simple-articles-section .article figure { margin-bottom: 0.5em } .simple-articles-section .article h2 { font-size: .9375em; margin-bottom: 0.4em; font-weight: 500 } .simple-articles-section .article p { font-size: 0.8125em; margin-bottom: 0.5em } .simple-articles-section .article.image-aside { padding-left: 10em } .simple-articles-section .article.image-aside:after { clear: both; content: ""; display: table } .simple-articles-section .article.image-aside figure { float: left; margin-left: -10em; width: 9em } .simple-articles-section ul > li { margin-bottom: 0.5em; font-size: .9375em } .simple-articles-section ul h2 { font-size: 1em; font-weight: 500; margin-bottom: 0.4em } .simple-articles-section ul p { font-size: 0.875em; margin-bottom: 0.5em } @media screen and (min-width: 481px) { .secondary-articles-list.no-image-aside-s > li, .secondary-articles-list.no-image-aside-s > .item, ul.secondary-articles-list.no-image-aside-s > li, ul.secondary-articles-list.no-image-aside-s > .item { padding-left: 0 } .secondary-articles-list.no-image-aside-s > li figure, .secondary-articles-list.no-image-aside-s > .item figure, ul.secondary-articles-list.no-image-aside-s > li figure, ul.secondary-articles-list.no-image-aside-s > .item figure { float: none; margin-left: 0; margin-bottom: 0.5em; width: 100% } .secondary-articles-list.no-image-aside-s > li h2, .secondary-articles-list.no-image-aside-s > .item h2, ul.secondary-articles-list.no-image-aside-s > li h2, ul.secondary-articles-list.no-image-aside-s > .item h2 { min-height: inherit; padding: 0 0.75em 0.6em 0.75em } .grey-background .secondary-articles-list.no-image-aside-s > li h2, .grey-background .secondary-articles-list.no-image-aside-s > li p, .grey-background .secondary-articles-list.no-image-aside-s > .item h2, .grey-background .secondary-articles-list.no-image-aside-s > .item p, .grey-background ul.secondary-articles-list.no-image-aside-s > li h2, .grey-background ul.secondary-articles-list.no-image-aside-s > li p, .grey-background ul.secondary-articles-list.no-image-aside-s > .item h2, .grey-background ul.secondary-articles-list.no-image-aside-s > .item p { padding-left: 0; padding-right: 0 } .resources-list > li, .resources-list .item, ul.resources-list > li, ul.resources-list .item { float: left; display: block; margin-left: 3%; width: 47% } .resources-list > li.featured, .resources-list .item.featured, ul.resources-list > li.featured, ul.resources-list .item.featured { float: left; display: block; margin-left: 3%; width: 97% } .resources-list .thumbnail, ul.resources-list .thumbnail { height: auto } } @media screen and (min-width: 769px) { .articles-list.image-aside li, ul.articles-list.image-aside li { padding-left: 9em } .articles-list.image-aside li:after, ul.articles-list.image-aside li:after { clear: both; content: ""; display: table } .articles-list.image-aside figure, ul.articles-list.image-aside figure { float: left; margin-left: -9em; width: 8em; position: relative } .secondary-articles-list.no-image-aside-l > li, .secondary-articles-list.no-image-aside-l > .item, ul.secondary-articles-list.no-image-aside-l > li, ul.secondary-articles-list.no-image-aside-l > .item { padding-left: 0 } .secondary-articles-list.no-image-aside-l > li figure, .secondary-articles-list.no-image-aside-l > .item figure, ul.secondary-articles-list.no-image-aside-l > li figure, ul.secondary-articles-list.no-image-aside-l > .item figure { float: none; margin-left: 0; margin-bottom: 0.5em; width: 100% } .secondary-articles-list.no-image-aside-l > li h2, .secondary-articles-list.no-image-aside-l > .item h2, ul.secondary-articles-list.no-image-aside-l > li h2, ul.secondary-articles-list.no-image-aside-l > .item h2 { min-height: inherit; padding: 0 0.75em 0.6em 0.75em } .grey-background .secondary-articles-list.no-image-aside-l > li h2, .grey-background .secondary-articles-list.no-image-aside-l > li p, .grey-background .secondary-articles-list.no-image-aside-l > .item h2, .grey-background .secondary-articles-list.no-image-aside-l > .item p, .grey-background ul.secondary-articles-list.no-image-aside-l > li h2, .grey-background ul.secondary-articles-list.no-image-aside-l > li p, .grey-background ul.secondary-articles-list.no-image-aside-l > .item h2, .grey-background ul.secondary-articles-list.no-image-aside-l > .item p { padding-left: 0; padding-right: 0 } .resources-list > li, .resources-list .item, ul.resources-list > li, ul.resources-list .item { float: left; display: block; margin-left: 3%; width: 22% } .resources-list > li.featured, .resources-list .item.featured, ul.resources-list > li.featured, ul.resources-list .item.featured { float: left; display: block; margin-left: 3%; width: 47% } } @media screen and (min-width: 993px) { .articles-list.image-aside li, ul.articles-list.image-aside li { padding-left: 14em } .articles-list.image-aside figure, ul.articles-list.image-aside figure { margin-left: -14em; width: 13em } .secondary-articles-list.no-image-aside-xl > li, .secondary-articles-list.no-image-aside-xl > .item, ul.secondary-articles-list.no-image-aside-xl > li, ul.secondary-articles-list.no-image-aside-xl > .item { padding-left: 0 } .secondary-articles-list.no-image-aside-xl > li figure, .secondary-articles-list.no-image-aside-xl > .item figure, ul.secondary-articles-list.no-image-aside-xl > li figure, ul.secondary-articles-list.no-image-aside-xl > .item figure { float: none; margin-left: 0; margin-bottom: 0.5em; width: 100% } .secondary-articles-list.no-image-aside-xl > li h2, .secondary-articles-list.no-image-aside-xl > .item h2, ul.secondary-articles-list.no-image-aside-xl > li h2, ul.secondary-articles-list.no-image-aside-xl > .item h2 { min-height: inherit; padding: 0 0.75em 0.6em 0.75em } .grey-background .secondary-articles-list.no-image-aside-xl > li h2, .grey-background .secondary-articles-list.no-image-aside-xl > li p, .grey-background .secondary-articles-list.no-image-aside-xl > .item h2, .grey-background .secondary-articles-list.no-image-aside-xl > .item p, .grey-background ul.secondary-articles-list.no-image-aside-xl > li h2, .grey-background ul.secondary-articles-list.no-image-aside-xl > li p, .grey-background ul.secondary-articles-list.no-image-aside-xl > .item h2, .grey-background ul.secondary-articles-list.no-image-aside-xl > .item p { padding-left: 0; padding-right: 0 } } .articles-list.variant-2 figure img, ul.articles-list.variant-2 figure img { box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1) } .articles-list.variant-2 figure + .meta.category, ul.articles-list.variant-2 figure + .meta.category { position: absolute; top: 0; left: 0 } .articles-list.variant-2 p.meta.date, ul.articles-list.variant-2 p.meta.date { font-weight: 700; color: #bbb } .articles-list.variant-2 p.category, ul.articles-list.variant-2 p.category { position: static; display: inline-block; margin-bottom: 0.75em } .blogs-list.small-list { margin-bottom: 1em } .blogs-list.small-list > li { margin-bottom: 0.5em; padding-left: 3.7em } .blogs-list.small-list > li figure { float: left; max-width: 3em; margin-left: -3.7em } .blogs-list.small-list > li h2 { font-size: 1em; margin-bottom: 0.2em; padding: 0 } .blogs-list.small-list > li h2 a { font-weight: 300 } .blogs-list.small-list > li p { font-size: 0.9286em; color: #aaa; line-height: 1.3 } @media screen and (min-width: 769px) { .article-section:first-child { padding-top: 4em } .article-section article .entry-header { padding-bottom: 2.5em } .article-section article .entry-header .entry-title { font-size: 3em } .article-section article .entry-header .featured-image { top: 3em } .article-section article .entry-content { padding-left: 10%; padding-right: 10% } } .featured-section-title { padding: 1em; background: #fff; border: 1px solid #e5e5e5; border-bottom: none } .featured-section-title h3 { margin: 0; text-align: center; font-size: 1.0625em; font-weight: 300; color: #444 } @media screen and (min-width: 769px) { .featured-section-title { padding-left: 2em } .featured-section-title h3 { text-align: left; font-size: 1.125em } } .services-list, ul.services-list { margin-bottom: 0 } .services-list > li, ul.services-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .services-list > li:before, ul.services-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .services-list figure, ul.services-list figure { margin-bottom: 1em; text-align: center } .services-list figure img, ul.services-list figure img { width: 5em } .services-list h2, ul.services-list h2 { font-size: 1.000em; margin-bottom: 0.3em; line-height: 1.2 } .services-list span, ul.services-list span { font-size: 0.688em; background-color: #7fb7aa; color: #FFF; border-radius: 2px; padding: 0.2em 0.5em; cursor: default } .services-list p, ul.services-list p { font-size: 0.875em; color: #535353; line-height: 1.4; margin-top: 1em } .services-list p.price, ul.services-list p.price { line-height: 1.3; font-size: 1.125em; color: #444; font-weight: 700; white-space: nowrap } .services-list .price-block, ul.services-list .price-block { border-top: 1px solid #e5e5e5 } .services-list .desc, ul.services-list .desc { text-align: center } .services-list.with-cta li .button, ul.services-list.with-cta li .button { margin-bottom: 2.9em } .services-list.with-cta li:last-child .button, ul.services-list.with-cta li:last-child .button { margin-bottom: 0 } .featured-section .services-list, .featured-section ul.services-list { background: #fff; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .featured-section .services-list > li, .featured-section ul.services-list > li { padding: 2em 1.5em; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5 } .featured-section .services-list h2, .featured-section ul.services-list h2 { margin-bottom: 0.75em; font-size: 1.125em; text-align: center } @media screen and (min-width: 769px) { .featured-section .services-list > li, .featured-section ul.services-list > li { padding: 2em 2em 1.5em 2em } .featured-section .services-list header:after, .featured-section ul.services-list header:after { clear: both; content: ""; display: table } .featured-section .services-list figure, .featured-section ul.services-list figure { float: left; width: 4.5em } .featured-section .services-list figure img, .featured-section ul.services-list figure img { width: 100% } .featured-section .services-list h2, .featured-section ul.services-list h2 { padding-top: 1.5em; margin-left: 5.5em; font-size: 1em; text-align: left; border-bottom: none } .featured-section .services-list .price-block, .featured-section ul.services-list .price-block { clear: both } .featured-section.minimal .services-list h2, .featured-section.minimal ul.services-list h2 { margin: 0; text-align: center; padding: 0 0.5em 0 0 } .services-list.with-cta li .button, ul.services-list.with-cta li .button { margin-bottom: 0.83em } } @media screen and (min-width: 993px) { .featured-section .services-list header, .featured-section ul.services-list header { display: table; width: 100% } .featured-section .services-list figure, .featured-section ul.services-list figure { float: none; display: table-cell; vertical-align: top } .featured-section .services-list h2, .featured-section ul.services-list h2 { float: none; display: table-cell; margin: 0; padding: 1.5em 0.5em 0.5em 0.75em; vertical-align: top } .featured-section .services-list .price-block, .featured-section ul.services-list .price-block { clear: none; display: table-cell; vertical-align: top; border-top: none; width: 6em } .featured-section .services-list .price, .featured-section ul.services-list .price { padding-top: 0.5em; margin: 0 0 0.5em 0; font-size: 0.875em; color: #777; font-weight: 300 } .featured-section .services-list .desc, .featured-section ul.services-list .desc { text-align: left } .featured-section.minimal .services-list h2, .featured-section.minimal ul.services-list h2 { text-align: left; padding: 0 0.5em 0 0 } } .service-banner { margin-bottom: 1.5em; text-align: center } .service-banner.white-wrapper { padding: 1.5em 1.5em 0.5em 1.5em } .service-banner figure { max-width: 4em; margin: 0 auto 0.25em auto } .service-banner h4 { font-size: 1em; font-weight: 400 } .service-banner .service-banner-desc { padding-top: 0.75em; border-top: 1px solid #e5e5e5 } .service-banner .service-banner-desc p { font-size: 0.875em } @media screen and (min-width: 769px) { .service-banner.white-wrapper { padding-bottom: 1em } .service-banner .service-banner-desc { padding-left: 1.5em; text-align: left; border-top: none; border-left: 1px solid #e5e5e5 } } .featured-section .services-list, .featured-section ul.services-list { display: flex; flex-wrap: wrap; align-items: stretch } .main .page-info-bar { display: block; float: right } .main .page-info-bar.no-bullets > li { background-color: #f8f8f8; color: #a3a3a3; float: left; font-size: 0.875em; padding: 0.5em 1em; margin-left: 2px } .main .page-info-bar.no-bullets > li i.font-icons { float: left; margin: 0.25em 0.5em 0 0 } .buy-section.align-top { padding-top: 1.250em } .buy-section .buy-block-top-note { margin: 0; padding: 0.5em 0; background-color: #fff; border: 1px solid #e5e5e5; border-bottom: none } .buy-section .buy-block-top-note p { font-size: 0.8em; margin: 0; text-align: center } .content.top-margin { margin-top: 2em } .b2b-mini-sidebar .title-top-align { margin-top: 0.4em } .b2b-mini-sidebar .title-center-align { margin-top: 1em } section + section.half-margin { margin: -2em 0 } .solutions-promo p { font-size: 0.875em; color: #666 } .light-promo { margin-bottom: 1.5em; padding: 1.5em 1em 1em 1em; background: #fff; border: #e5e5e5 } .light-promo img { max-width: 10em; margin-bottom: 0.5em } .light-promo h5 { margin-bottom: 0; font-size: 1.125em; font-weight: 300 } .light-promo p { margin-bottom: 0.4em; font-size: 1em } .light-promo.image-aside { position: relative; margin-top: 2.5em; padding-top: 6em; text-align: center } .light-promo.image-aside img { position: absolute; left: 50%; margin-left: -5em; top: -2.5em } .small-solutions-list { margin-bottom: 0 } .small-solutions-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .small-solutions-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .small-solutions-list > li { margin-bottom: 1.563em; padding-left: 3em } .small-solutions-list > li figure { float: left; margin-left: -3em; width: 2.5em } .small-solutions-list > li h2 { margin-bottom: 0; padding-top: 1em; padding-left: .3125em; font-size: .875em; font-weight: 300 } @media screen and (min-width: 769px) { .light-promo.image-aside { margin-top: 0; margin-left: 5em; padding-top: 1.5em; padding-left: 6em; text-align: left } .light-promo.image-aside img { left: -5em; margin-left: 0; top: -1.25em } } .site-footer { position: relative; border-top: 1px solid #e3e3e3; padding-top: 3em } .site-footer li { margin-bottom: 1.875em } .site-footer h3 { font-size: 0.813em; color: #373737; font-weight: 500; margin-bottom: 0.600em } .site-footer p { color: #A3A3A3; font-size: 0.750em; line-height: 1.5 } .site-footer a.social { color: #b2b2b2; margin-right: 1.4em } .site-footer a.social .icon-k-club { font-size: 0.875em } .site-footer a.social:hover { color: var(--green-primary); -webkit-transition: background-color 0.15s ease-in; -moz-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in } .site-footer a.social:hover .icon-facebook { color: #3b5998 } .site-footer a.social:hover .icon-twitter { color: #55acee } .site-footer a.social:hover .icon-linkedin { color: #0077b5 } .site-footer a.social:hover .icon-instagram { color: #3f729b } .site-footer a.social:hover .icon-youtube { color: #cd201f } .site-footer a.social:hover .icon-google-plus { color: #dc4e41 } .site-footer a.social:hover .icon-slideshare { color: #F58100 } .site-footer a.social:hover .icon-k-club { color: #ED2939 } .site-footer footer { width: 100%; border-top: 1px solid #e3e3e3; padding: 1em 0 } .site-footer .copy { font-size: 0.688em; color: #A3A3A3 } .site-footer.no-bg .container:before { display: none } .site-footer.compact { padding-top: 1em } .site-footer.compact footer { border-top: none; border-bottom: 1px solid #e3e3e3; margin-bottom: 1em } .site-footer.compact footer p { margin-bottom: 0 } .site-footer.compact .featured-pages li { margin-bottom: 1em } .site-footer.compact .featured-pages li a { font-size: .6875em; color: #bababa } .site-footer.compact .featured-pages li a:hover { color: #808080 } .site-footer.compact .footer-secondary { border-top: 1px solid #e3e3e3; padding: 1.563em 0 } .site-footer.compact .footer-secondary .social-links { margin-bottom: 1em } .site-footer.compact p.mobile-label { font-size: .6875em; margin-bottom: 0.5em } .site-footer.compact .container:before { top: -1em } .site-footer select { font-size: 0.75em; height: 3em } .site-footer .logo { display: inline-block; text-indent: -9999px } .site-footer .logo i { background-image: url(../images/kaspersky-logo.svg); background-repeat: no-repeat; background-size: 100% auto; display: block; height: 32px; width: 140px; margin: 0 auto } .footer-selector { border-top: 1px solid #e3e3e3; display: none; margin-top: 1.563em; padding: 0 0 1.563em 0; background-color: #f8f8f8 } .footer-selector > .container { padding-top: 2.188em } .footer-selector > .container > p { font-size: 0.875em } .footer-selector ul { padding-bottom: 2em } .footer-selector ul li { font-size: 0.8em; margin-bottom: 0.6em } .footer-selector ul li.list-title { margin-bottom: 1em } .footer-selector .country-list { padding-top: 0.625em } .footer-selector .close-selector { position: absolute; right: 0; top: 40px } .footer-selector .close-selector i { color: #a7a7a7 } .footer-selector .close-selector:hover i { color: var(--green-active) } .site-footer .country-selector-button, .form-element.country-selector { position: relative } .site-footer .country-selector-button:after, .form-element.country-selector:after { content: '\f0ac'; position: absolute; left: 0.75em; top: 50%; z-index: 20; margin-top: -0.9em; opacity: 0.3 } .site-footer .country-selector-button { margin: 0 0 0.75em 0; max-width: 100% !important; height: auto; border: 1px solid #e2e2e2; border-radius: 0; margin: 0; padding: 8px 0; background: #fff; cursor: pointer; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05); cursor: pointer; -webkit-transition: border 0.2s ease-in, background 0.2s ease-in; -moz-transition: border 0.2s ease-in, background 0.2s ease-in; transition: border 0.2s ease-in, background 0.2s ease-in } .site-footer .country-selector-button:after { margin-top: -0.5em } .site-footer .country-selector-button p { font-family: "MuseoSans", Arial, Helvetica, sans-serif; margin: 0; text-align: left; padding-left: 35px; color: #656565 } .site-footer .country-selector-button span.arrow { position: absolute; width: 0; height: 0; top: 0; right: 0; bottom: 0; height: 100% } .site-footer .country-selector-button span.arrow:before { font-family: 'font-icons' !important; content: '\f078'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; position: absolute; top: 50%; right: 2em; margin-top: -0.5em; font-size: 0.5em; color: #7b7b7b; line-height: 1; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in } .site-footer .country-selector-button.active span.arrow:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; margin-top: -0.3em } .site-footer .country-selector-button:hover { border-color: #c3c3c3; background: #fefefe } .site-footer .country-selector-button:hover span.arrow:before { color: #7f7f7f } .form-element.country-selector { position: relative } .form-element.country-selector select { padding-left: 2.25em; font-size: 0.75em; height: 3em } .form-element.country-selector:after { content: '\f0ac'; position: absolute; left: 0.75em; top: 50%; z-index: 20; margin-top: -0.9em; opacity: 0.3 } .form-element.country-selector .select2 .selection .select2-selection__rendered { padding-left: 32px; color: #666; text-align: left; font-size: 0.750em } @media screen and (min-width: 769px) { .site-footer a.social { margin: 0 0 0 1.2em } .site-footer .container:before { content: ''; position: absolute; left: -2.5em; right: auto; width: 660px } .site-footer .footer-links { max-width: 80em; margin-left: auto; margin-right: auto } .site-footer .footer-links:after { clear: both; content: ""; display: table } .site-footer .featured-pages { float: left; display: block; margin-left: 0; width: 66.66667% } .site-footer .featured-pages ul { max-width: 68em; margin-left: -3.0927%; margin-right: auto } .site-footer .featured-pages ul:after { clear: both; content: ""; display: table } .site-footer .featured-pages ul li { float: left; display: block; margin-left: 3%; width: 47% } .site-footer .contact-pages { float: left; display: block; margin-left: 0; width: 27.08333%; margin-left: 6.25%; text-align: right } .site-footer .contact-pages div { padding-top: 0.700em } .site-footer footer .copy { padding-top: 1em; float: left; display: block; margin-left: 3%; width: 72% } .site-footer footer .country-selector-button, .site-footer footer .form-element { float: left; display: block; margin-left: 3%; width: 22% } .site-footer footer { display: inline-flex; justify-content: space-between; } .site-footer.compact .footer-links { float: left; /* FIX WIDTH */ width: 100%; /* width: 75% */ } /*.site-footer.compact footer:after { clear: both; content: ""; display: table }*/ .site-footer.compact footer .copy { margin-left: 0; float: none; width: auto } .site-footer.compact .footer-secondary { float: right; text-align: right; min-width: 20%; width: auto; border-top: none; padding-top: 1.1em } .site-footer.compact .footer-secondary p.mobile-label { display: none } .site-footer.compact .footer-secondary .social-links a:first-child { margin: 0 } .site-footer.compact .featured-pages { width: auto } .site-footer.compact .featured-pages li { float: left; width: auto; margin-right: 1em } .site-footer.compact .featured-pages li:before { content: "\2022"; cursor: default; color: #bababa; font-size: 0.8em; margin-right: 1em } .site-footer.compact .featured-pages li:first-child:before { content: ""; display: none; padding: 0 } } .site-footer .small-list { margin-top: 2em } .site-footer .small-list > * { margin-bottom: 2em } .site-footer .small-list ul { font-size: 0.8em; margin-top: 1.4em } .site-footer .small-list ul li { margin-bottom: 1em; line-height: 1.3 } .site-footer .small-list h4 { font-size: 0.8em } .site-footer .small-list small { color: #adadad; display: block; font-weight: 300; text-transform: uppercase; margin-top: -1.4em } .site-footer .small-list h4.section-title a { color: #444 } .site-footer .small-list h4.section-title a:hover { color: var(--green-active) } .site-footer .footer-convert { background: #F6FBFD } .site-footer .footer-convert [class*="col-"] { padding: 1.5em 1.5em 1em; border-top: 2px solid #fff } .site-footer .footer-convert form label { font-size: 0.813em; color: #373737; font-weight: 500; margin-bottom: 0.600em } .site-footer .footer-convert form input { margin-bottom: 0.75em } .site-footer .footer-convert form input[type="text"], .site-footer .footer-convert form input[type="password"], .site-footer .footer-convert form input[type="email"], .site-footer .footer-convert form input[type="date"], .site-footer .footer-convert form input[type="search"], .site-footer .footer-convert form input[type="time"], .site-footer .footer-convert form input[type="tel"], .site-footer .footer-convert form input[type="url"], .site-footer .footer-convert form input[type="number"] { border-color: #E2EDF2 } .site-footer .footer-convert form input[type="text"]:focus, .site-footer .footer-convert form input[type="password"]:focus, .site-footer .footer-convert form input[type="email"]:focus, .site-footer .footer-convert form input[type="date"]:focus, .site-footer .footer-convert form input[type="search"]:focus, .site-footer .footer-convert form input[type="time"]:focus, .site-footer .footer-convert form input[type="tel"]:focus, .site-footer .footer-convert form input[type="url"]:focus, .site-footer .footer-convert form input[type="number"]:focus { border-color: #80a3b3 } .site-footer .footer-convert .social { display: inline-block; margin: 0.25em 1em 0.25em 0; color: rgba(0, 0, 0, 0.35) } .site-footer .country-selector-button { margin-left: 3% } .site-footer.variant-2 .container:before { display: none } .site-footer.variant-2 footer { padding: 1.5em 0; border-top: none } @media screen and (min-width: 769px) { .site-footer .footer-convert [class*="col-"] { padding-right: 5%; border-top: none; border-left: 1px solid #fff } .site-footer .footer-convert [class*="col-"]:first-child { border-left: none } .site-footer .footer-convert form { margin-bottom: 0.5em; display: flex; flex-direction: row; align-items: flex-end } .site-footer .footer-convert form .form-element { flex-grow: 1 } .site-footer .footer-convert form .form-element.buttons { flex-grow: 0 } .site-footer .footer-convert form input { margin: 0 } .site-footer .footer-convert form input.button { min-width: inherit; height: 3.0834em; line-height: 2.9167 } .site-footer .footer-convert form input[type="text"], .site-footer .footer-convert form input[type="password"], .site-footer .footer-convert form input[type="email"], .site-footer .footer-convert form input[type="date"], .site-footer .footer-convert form input[type="search"], .site-footer .footer-convert form input[type="time"], .site-footer .footer-convert form input[type="tel"], .site-footer .footer-convert form input[type="url"], .site-footer .footer-convert form input[type="number"] { font-size: 0.8125em } .site-footer .footer-convert .social { margin-top: 0 } .site-footer.variant-2 footer .copy { padding-top: 1em; float: left; display: block; margin-left: 3%; width: 63.66667% } .site-footer.variant-2 footer .country-selector-button, .site-footer.variant-2 footer .form-element { float: left; display: block; margin-left: 3%; width: 30.33333% } } @media screen and (min-width: 993px) { .site-footer .footer-convert form label { display: inline-block; vertical-align: middle; width: 33%; margin: 0 } .site-footer .footer-convert form input[type="text"], .site-footer .footer-convert form input[type="password"], .site-footer .footer-convert form input[type="email"], .site-footer .footer-convert form input[type="date"], .site-footer .footer-convert form input[type="search"], .site-footer .footer-convert form input[type="time"], .site-footer .footer-convert form input[type="tel"], .site-footer .footer-convert form input[type="url"], .site-footer .footer-convert form input[type="number"] { display: inline-block; vertical-align: middle; width: 65% } } .slider-default, ul.slides, .slides-3, ul.slides-3, .slider { margin-bottom: 0; list-style: none; margin: 0; padding: 0 } .slider-default > li, ul.slides > li, .slides-3 > li, ul.slides-3 > li, .slider > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .slider-default > li:before, ul.slides > li:before, .slides-3 > li:before, ul.slides-3 > li:before, .slider > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .slider-default li, ul.slides li, .slides-3 li, ul.slides-3 li, .slider li { list-style: none; margin: 0; padding: 0; -webkit-backface-visibility: hidden } .slider-default .slick-track, .slider-default .slick-list, ul.slides .slick-track, ul.slides .slick-list, .slides-3 .slick-track, .slides-3 .slick-list, ul.slides-3 .slick-track, ul.slides-3 .slick-list, .slider .slick-track, .slider .slick-list { margin-bottom: 0; list-style: none } .slider-default .slick-track > li, .slider-default .slick-list > li, ul.slides .slick-track > li, ul.slides .slick-list > li, .slides-3 .slick-track > li, .slides-3 .slick-list > li, ul.slides-3 .slick-track > li, ul.slides-3 .slick-list > li, .slider .slick-track > li, .slider .slick-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .slider-default .slick-track > li:before, .slider-default .slick-list > li:before, ul.slides .slick-track > li:before, ul.slides .slick-list > li:before, .slides-3 .slick-track > li:before, .slides-3 .slick-list > li:before, ul.slides-3 .slick-track > li:before, ul.slides-3 .slick-list > li:before, .slider .slick-track > li:before, .slider .slick-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .slider-default .slick-arrow, ul.slides .slick-arrow, .slides-3 .slick-arrow, ul.slides-3 .slick-arrow, .slider .slick-arrow { position: absolute; top: 50%; margin-top: -0.5em; display: block; font-size: 2.5em; width: 1em; height: 1em; color: #ccc; text-indent: -9000em } .slider-default .slick-arrow:before, ul.slides .slick-arrow:before, .slides-3 .slick-arrow:before, ul.slides-3 .slick-arrow:before, .slider .slick-arrow:before { position: absolute; top: -0.1em; left: -0.1em; font-size: 1.25em; width: 1em; height: 1em; text-indent: 0; text-align: center } .slider-default .slick-arrow:hover, ul.slides .slick-arrow:hover, .slides-3 .slick-arrow:hover, ul.slides-3 .slick-arrow:hover, .slider .slick-arrow:hover { color: var(--green-primary) } .slider-default .slick-arrow.prev-slide, ul.slides .slick-arrow.prev-slide, .slides-3 .slick-arrow.prev-slide, ul.slides-3 .slick-arrow.prev-slide, .slider .slick-arrow.prev-slide { left: -1em } .slider-default .slick-arrow.prev-slide:before, ul.slides .slick-arrow.prev-slide:before, .slides-3 .slick-arrow.prev-slide:before, ul.slides-3 .slick-arrow.prev-slide:before, .slider .slick-arrow.prev-slide:before { content: "\f104" } .slider-default .slick-arrow.next-slide, ul.slides .slick-arrow.next-slide, .slides-3 .slick-arrow.next-slide, ul.slides-3 .slick-arrow.next-slide, .slider .slick-arrow.next-slide { right: -1em } .slider-default .slick-arrow.next-slide:before, ul.slides .slick-arrow.next-slide:before, .slides-3 .slick-arrow.next-slide:before, ul.slides-3 .slick-arrow.next-slide:before, .slider .slick-arrow.next-slide:before { content: "\f105" } .slick-dots { margin-bottom: 0; padding-top: 1.5em; text-align: center; font-size: .75em; border-top: 1px solid #e5e5e5 } .slick-dots > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .slick-dots > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .slick-dots li { display: inline-block } .slick-dots li a, .slick-dots li button { display: block; cursor: pointer; margin: 0 0.2em; padding: 0; width: 1em; height: 1em; text-indent: -9000em; background: transparent; border: 1px solid #ddd; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none } .slick-dots li a:hover, .slick-dots li button:hover { border-color: var(--green-primary) } .slick-dots li.slick-active a, .slick-dots li.slick-active button { background-color: #ddd } .slick-dots li.slick-active a:hover, .slick-dots li.slick-active button:hover { border-color: #ddd } .previews.gallery-mobile-slider, .previews.gallery-mobile-slider-2, ul.previews.gallery-mobile-slider, ul.previews.gallery-mobile-slider-2 { margin-bottom: 1.5em; padding: 0.5em 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 } .previews.gallery-mobile-slider .slick-slide, .previews.gallery-mobile-slider-2 .slick-slide, ul.previews.gallery-mobile-slider .slick-slide, ul.previews.gallery-mobile-slider-2 .slick-slide { padding-left: 0.5em } .previews.gallery-mobile-slider .slick-slide a, .previews.gallery-mobile-slider-2 .slick-slide a, ul.previews.gallery-mobile-slider .slick-slide a, ul.previews.gallery-mobile-slider-2 .slick-slide a { display: block } .previews.gallery-mobile-slider .slick-slide img, .previews.gallery-mobile-slider-2 .slick-slide img, ul.previews.gallery-mobile-slider .slick-slide img, ul.previews.gallery-mobile-slider-2 .slick-slide img { width: auto; border: none; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1) } .previews.gallery-mobile-slider .slick-arrow, .previews.gallery-mobile-slider-2 .slick-arrow, ul.previews.gallery-mobile-slider .slick-arrow, ul.previews.gallery-mobile-slider-2 .slick-arrow { position: absolute; top: 0; bottom: 0; z-index: 50; width: 2.5em; color: #aaa; background: #fff; background: rgba(255, 255, 255, 0.8) } .previews.gallery-mobile-slider .slick-arrow:before, .previews.gallery-mobile-slider-2 .slick-arrow:before, ul.previews.gallery-mobile-slider .slick-arrow:before, ul.previews.gallery-mobile-slider-2 .slick-arrow:before { position: absolute; top: 50%; left: 50%; width: 1em; font-size: 2.5em; margin: -0.5em 0 0 -0.5em; text-align: center } .previews.gallery-mobile-slider .slick-arrow.prev-slide, .previews.gallery-mobile-slider-2 .slick-arrow.prev-slide, ul.previews.gallery-mobile-slider .slick-arrow.prev-slide, ul.previews.gallery-mobile-slider-2 .slick-arrow.prev-slide { left: 0 } .previews.gallery-mobile-slider .slick-arrow.prev-slide:before, .previews.gallery-mobile-slider-2 .slick-arrow.prev-slide:before, ul.previews.gallery-mobile-slider .slick-arrow.prev-slide:before, ul.previews.gallery-mobile-slider-2 .slick-arrow.prev-slide:before { content: "\f104" } .previews.gallery-mobile-slider .slick-arrow.next-slide, .previews.gallery-mobile-slider-2 .slick-arrow.next-slide, ul.previews.gallery-mobile-slider .slick-arrow.next-slide, ul.previews.gallery-mobile-slider-2 .slick-arrow.next-slide { right: 0 } .previews.gallery-mobile-slider .slick-arrow.next-slide:before, .previews.gallery-mobile-slider-2 .slick-arrow.next-slide:before, ul.previews.gallery-mobile-slider .slick-arrow.next-slide:before, ul.previews.gallery-mobile-slider-2 .slick-arrow.next-slide:before { content: "\f105" } .previews.gallery-mobile-slider .slick-arrow:hover, .previews.gallery-mobile-slider-2 .slick-arrow:hover, ul.previews.gallery-mobile-slider .slick-arrow:hover, ul.previews.gallery-mobile-slider-2 .slick-arrow:hover { background: #fff; color: var(--green-primary) } .previews-large .slick-slide { padding: 1em 1em 0.5em 1em; text-align: center } .previews-large .slick-slide img { margin-bottom: 0.5em } .previews-large .slick-arrow { position: absolute; top: 0; bottom: 0; z-index: 50; width: 2.5em; color: #aaa; background: #fff } .previews-large .slick-arrow:before { position: absolute; top: 50%; left: 50%; width: 1em; font-size: 2.5em; margin: -0.5em 0 0 -0.5em; text-align: center } .previews-large .slick-arrow.prev-slide { left: 0 } .previews-large .slick-arrow.prev-slide:before { content: "\f104" } .previews-large .slick-arrow.next-slide { right: 0 } .previews-large .slick-arrow.next-slide:before { content: "\f105" } .previews-large .slick-arrow:hover { background: #fff; color: var(--green-primary) } .product-slider { position: relative } .product-slider .slick-slide { width: 100% } .product-slider .product-list .product-item { padding: 1em } .product-slider .product-list .slick-arrow { top: 36.5% } .product-slider .product-list .slick-dots { margin-left: 1em; margin-right: 1em } @media screen and (max-width: 480px) { .features-list.feature-slider { margin-left: -1em; margin-right: -1em } } .features-list.feature-slider .feature-item { padding-left: 0.7em; padding-right: 0.7em } .features-list.feature-slider img { display: inline-block } .features-list .slick-arrow { position: absolute; top: 0; bottom: 0; z-index: 50; width: 2.5em; color: #aaa; background: #fff } .features-list .slick-arrow:before { position: absolute; top: 50%; left: 50%; width: 1em; font-size: 2.5em; margin: -0.5em 0 0 -0.5em; text-align: center } .features-list .slick-arrow.prev-slide { left: 0 } .features-list .slick-arrow.prev-slide:before { content: "\f104" } .features-list .slick-arrow.next-slide { right: 0 } .features-list .slick-arrow.next-slide:before { content: "\f105" } .features-list .slick-arrow:hover { background: #fff; color: var(--green-primary) } .other-products-list.slides, .other-products-list.slides-3 { margin: 0 1.5em } .other-products-list .slick-slide { padding: 1em } .grey-background .previews-large .slick-arrow, .grey-background .features-list .slick-arrow { background: #f8f8f8 } .grey-background { background: #f8f8f8 } @media screen and (min-width: 769px) { .slides .slick-dots, ul.slides .slick-dots { padding-top: 0; border-top: none } .product-slider .product-list .product-item { padding: 1.5em } .product-slider .product-list .slick-arrow { top: 33% } .previews.gallery-mobile-slider, ul.previews.gallery-mobile-slider { margin-bottom: 0; padding: 0; border-top: none; border-bottom: none } .previews.gallery-mobile-slider > div, ul.previews.gallery-mobile-slider > div { margin-left: 0; margin-bottom: 0.5em; float: left; display: block; margin-left: 3%; width: 30.33333% } .previews.gallery-mobile-slider > div:first-child, ul.previews.gallery-mobile-slider > div:first-child { float: left; display: block; margin-left: 3%; width: 97% } .previews.gallery-mobile-slider > div img, ul.previews.gallery-mobile-slider > div img { max-height: none; width: 100%; border: 1px solid #eee; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) } .previews.gallery-mobile-slider-2, ul.previews.gallery-mobile-slider-2 { margin-bottom: 0; padding: 0; border-top: none; border-bottom: none } .previews.gallery-mobile-slider-2 > div, ul.previews.gallery-mobile-slider-2 > div { margin-left: 0; margin-bottom: 0.5em; float: left; display: block; margin-left: 3%; width: 30.33333% } .previews.gallery-mobile-slider-2 > div img, ul.previews.gallery-mobile-slider-2 > div img { max-height: none; width: 100%; border: 1px solid #eee; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) } .previews-large.gallery-slider-2 .slick-slide { padding-left: 4em; padding-right: 4em } .other-products-list.slides, .other-products-list.slides-3 { margin: 0 } } .grey-background .previews-large .slick-arrow, .grey-background .features-list .slick-arrow, .grey-pattern-background .previews-large .slick-arrow, .grey-pattern-background .features-list .slick-arrow { background: #f8f8f8 } .grey-background .previews-large .slick-arrow:hover, .grey-background .features-list .slick-arrow:hover, .grey-pattern-background .previews-large .slick-arrow:hover, .grey-pattern-background .features-list .slick-arrow:hover { background: #eee } .boxed-slider .slick-slider { margin: 0 -15px } .boxed-slider .slick-slider.center-align { text-align: center } .boxed-slider .slick-list { padding-bottom: 10px } .boxed-slider .slick-list li.slick-slide { margin: 0 15px; padding: 25px } .boxed-slider .slick-list li.slick-slide a:last-child { margin-bottom: 0 } .boxed-slider .slick-list img.small-icon { max-width: 4em; margin: 0 auto; margin-bottom: 1em } .boxed-slider .slick-dots { margin-top: 1.5em } .boxed-slider .white-wrapper p { font-size: 0.875em } .boxed-slider .secondary-top-description + .slides { margin-top: -0.8em } .slider-default.no-arrows-mobile .slick-arrow, ul.slides.no-arrows-mobile .slick-arrow, .slides-3.no-arrows-mobile .slick-arrow, ul.slides-3.no-arrows-mobile .slick-arrow, .slider.no-arrows-mobile .slick-arrow { opacity: 0; pointer-events: none } @media screen and (min-width: 1024px) { .slides.no-arrows-mobile .slick-arrow, ul.slides.no-arrows-mobile .slick-arrow { opacity: 1; pointer-events: auto } } .previews-large .larger-font { font-size: 1.25em } .share-section { position: relative; margin-top: 1.5em; width: 100%; padding: 1.3em 0 0 2em; border-top: 1px solid #e5e5e5 } .share-section:after { clear: both; content: ""; display: table } .share-section:before { content: "\e927"; position: absolute; top: 1em; left: 0; font-size: 1.3em; color: #ddd } .share-section .intro { margin-bottom: 0.75em; padding-right: 1em } .share-section .intro p { margin-bottom: 0; font-size: 0.75em; color: #aaa; line-height: 1.3 } .share-section .intro p.share-title { font-size: 1em; font-weight: 500 } .share-section .intro p.share-invite { position: relative; top: 0.3em } .share-section .share-list { margin-bottom: 0 } .share-section .share-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .share-section .share-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .share-section .share-list:after { clear: both; content: ""; display: table } .share-section .share-list li { float: left; margin-left: 0.5em } .share-section .share-list li:first-child { margin-left: 0 } .share-section .share-list li a { position: relative; display: block; width: 2.5em; height: 2.5em; color: #aaa; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05); -webkit-transition: background-color 0.15s ease-in; -moz-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in } .share-section .share-list li a:after { clear: both; content: ""; display: table } .share-section .share-list li a .font-icons { position: absolute; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -1em; width: 2em; text-align: center } .share-section .share-list li a .share-invite { display: none; margin-bottom: 0.1em; font-size: .6875em; color: #aaa } .share-section .share-list li a .share-name { display: none; font-size: .6875em; color: #777; text-transform: uppercase } .share-section .share-list li a:hover { background: #f8f8f8 } .share-section .share-list li a.facebook:hover .font-icons, .share-section .share-list li a.facebook:hover .share-name { color: #3d5b95 } .share-section .share-list li a.twitter:hover .font-icons, .share-section .share-list li a.twitter:hover .share-name { color: #24aadd } .share-section .share-list li a.googleplus:hover .font-icons, .share-section .share-list li a.googleplus:hover .share-name { color: #d23e30 } .share-section .share-list li a.linkedin:hover .font-icons, .share-section .share-list li a.linkedin:hover .share-name { color: #007bb6 } .share-section .share-list li a.instagram:hover .font-icons, .share-section .share-list li a.instagram:hover .share-name { color: #3f729b } .share-section .share-list li a.rss:hover .font-icons, .share-section .share-list li a.rss:hover .share-name { color: #f26522 } .share-section .share-list li a.flickr:hover .font-icons, .share-section .share-list li a.flickr:hover .share-name { color: #ff0084 } .share-section .share-list li a.blog:hover .font-icons, .share-section .share-list li a.blog:hover .share-name { color: #026a52 } @media screen and (min-width: 769px) { .share-section { margin-top: 2em } .share-section .intro p.share-invite { display: none } .share-section .share-list { white-space: nowrap } .share-section .share-list li { float: none; display: inline-block; margin-left: 0.1em } .share-section .share-list li a { padding: 0.5em 0.75em 0.5em 2em; width: auto; height: auto } .share-section .share-list li a .font-icons { left: 1.1em } .share-section .share-list li a .share-invite { display: block } .share-section .share-list li a .share-name { display: block } } @media screen and (min-width: 993px) { .share-section { display: table } .share-section .intro { display: table-cell; vertical-align: top } .share-section .share-list { display: table-cell; vertical-align: top } .share-section .share-list li a { padding-top: 0.75em; padding-bottom: 0.75em } } .split-compact { margin-top: -4em; position: relative } .split-compact .container { padding: 0; z-index: 100; width: 100% } .split-compact .left-info { align-items: stretch; float: left; width: 100%; text-align: center; padding: 4em 2em 4em 2em; position: relative } .split-compact .left-info hr { width: 70%; margin: 0 auto; margin-top: 2em; margin-bottom: 2em; opacity: 0.5 } .split-compact .mid-info { display: none; align-items: stretch; float: left; width: 30%; text-align: center; background-color: #FFF; max-width: 350px; position: relative; padding: 4em 0 4em 0 } .split-compact .mid-info .border-right, .split-compact .mid-info .border-left { background-color: #ffffff; display: block; height: 100%; right: -30px; top: 0; position: absolute; transform: skewX(-4.2deg); transform-origin: left top 0; width: 50px } .split-compact .mid-info .border-left { right: auto; left: -30px; transform: skewX(4.2deg); transform-origin: right top 0 } .split-compact .mid-info img.icon { max-width: 70px; max-height: 70px; margin-bottom: 1.5em } .split-compact .mid-info hr { width: 70%; margin: 0 auto; margin-top: 1.5em; margin-bottom: 1.5em } .split-compact .mid-info h5 { text-transform: uppercase; color: var(--green-primary); margin-bottom: 0.5em; font-size: 0.875em } .split-compact .mid-info p { color: #535353 } .split-compact .right-info { align-items: stretch; float: left; width: 100%; text-align: center; padding: 4em 2em 4em 2em; position: relative } .split-compact .right-info hr { width: 70%; margin: 0 auto; margin-top: 2em; margin-bottom: 2em; opacity: 0.5 } .split-compact p { font-size: 0.875em; color: #FFF } .split-compact h1, .split-compact h2, .split-compact h3, .split-compact h4 { color: #FFF } .split-compact h3 { text-transform: uppercase; font-size: 1.375em; margin-bottom: 0 } .split-compact small { color: #FFF; opacity: 0.7; font-size: 0.750em; text-transform: uppercase } .split-compact .left-info small + hr, .split-compact .right-info small + hr { margin-top: 1em } .split-compact .section-background { background-size: cover; background-position: 50% 50%; display: block; height: 100%; position: absolute; width: 100%; z-index: -10; left: 0; top: 0 } .split-compact .section-background:after { background-color: #333; content: ""; display: block; height: 100%; left: 0; opacity: 0.4; position: absolute; top: 0; width: 100% } .background-overlay-dark { background-color: #333; display: block; height: 100%; opacity: 0.4; position: absolute; width: 100%; z-index: 10 } @media screen and (min-width: 600px) { .split-compact .left-info { align-items: stretch; float: left } .split-compact .left-info { width: 50%; text-align: center; padding: 4em 2em 4em 0 } .split-compact .right-info { width: 50%; text-align: center; padding: 4em 0 4em 2em } .split-compact .section-background { display: none } .split-compact.dual-section .dual-overlay-1 { display: block; left: 0; position: absolute; top: 0; width: 50%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; bottom: 0 } .split-compact.dual-section .dual-overlay-2 { display: block; right: 0; position: absolute; top: 0; width: 50%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; bottom: 0 } .split-compact.dual-section .dual-overlay-2:after { width: 1px } } @media screen and (min-width: 1024px) { .split-compact .container { display: flex } .split-compact .mid-info { display: block } .split-compact .left-info { width: 35%; text-align: center; padding: 4em 3em 4em 0 } .split-compact .right-info { width: 35%; text-align: center; padding: 4em 0 4em 3em } .split-compact .section-background { display: none } } .timeline-wrapper { position: relative; width: 50%; margin: 0 auto } .timeline-wrapper .progress { position: absolute; top: 50%; left: 0; height: 0.125em; margin-top: -0.0625em; background: #00A88E } .timeline-wrapper .timeline { margin-bottom: 0; position: relative; width: 100%; height: 3.125em; padding: 1.0625em 0 } .timeline-wrapper .timeline > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .timeline-wrapper .timeline > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .timeline-wrapper .timeline:after { clear: both; content: ""; display: table } .timeline-wrapper .timeline:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; width: 100%; height: 0.125em; margin-top: -0.0625em; background: #ddd } .timeline-wrapper .timeline > li { float: left; text-align: right } .timeline-wrapper .timeline > li .bullet { position: relative; z-index: 10; top: 0.125em; right: -0.375em; display: block; float: right; text-indent: -9000em; width: 0.75em; height: 0.75em; background: #ddd; border-radius: 1em } .timeline-wrapper .timeline > li:first-child { position: absolute; left: 0; width: 0 !important } .timeline-wrapper .timeline > li:first-child .bullet { float: none; right: auto; left: -0.375em } .timeline-wrapper .timeline .done .bullet { background: #00A88E } .timeline-wrapper .timeline .active .bullet { width: 1em; height: 1em; top: auto; right: -0.5em; background: #00A88E } .timeline-wrapper .timeline .active .bullet:before { content: ''; position: absolute; top: 50%; left: 50%; width: 0.375em; height: 0.375em; margin-left: -0.1875em; margin-top: -0.1875em; background: #fff; border-radius: 1em } .main .timeline-background { background-color: #f0f0f0; color: #888888; padding: 1.5em 0 1em 0; margin-bottom: 3.6em; text-align: center } .main .timeline-background p { margin-bottom: 0; color: #999999; font-size: 0.875em } .main .timeline-background p.text-right { text-align: center } .main .timeline-background .container { padding: 0 } .main .timeline-background .timeline-wrapper { width: 100%; padding-left: 1% } @media screen and (min-width: 769px) { .main .timeline-background { padding: 0.4em 0; text-align: left } .main .timeline-background [class*="col-"] { padding-top: 1em } .main .timeline-background .timeline-wrapper { margin-top: -1em } .main .timeline-background p { margin-bottom: 1em } .main .timeline-background p.text-right { text-align: right } } .timeline-compact { padding-bottom: 1em } .timeline-compact .timeline-content > div { margin-bottom: 2em } .timeline-compact h5 { font-size: 2em; color: var(--green-primary) } .timeline-compact a.pdf-link { margin-top: 1em } @media screen and (min-width: 769px) { .timeline-compact .timeline-content { display: flex } .timeline-compact .timeline-content > div { margin-bottom: 0; display: flex; flex-direction: column; position: relative } .timeline-compact .timeline-content > div p.description { flex-grow: 1 } .timeline-compact .timeline-horizontal { background-color: #e6e6e6; display: block; height: 4px; position: absolute; right: 0; top: 16px; width: 50% } .timeline-compact .timeline-horizontal:before { content: ""; display: block; height: 12px; margin-top: -4px; width: 4px; background-color: #e6e6e6 } .timeline-compact h5 { font-size: 2em; color: var(--green-primary) } } .comparative-tests .tests-slider-wrapper { padding-top: 1em } .comparative-tests .tests-slider-wrapper .single-test { padding-right: 3em } .comparative-tests .tests-slider-wrapper .single-test .logo-wrapper { display: block; height: 40px; margin-bottom: 0.7em } .comparative-tests .tests-slider-wrapper .single-test img.test-logo { max-width: 150px; margin-bottom: 1em; max-height: 40px } .comparative-tests .tests-slider-wrapper .single-test h3 { text-transform: uppercase; font-size: 0.875em; margin-bottom: 0.3em } .comparative-tests .tests-slider-wrapper .single-test > ul { margin-bottom: 2em } .comparative-tests .tests-slider-wrapper .single-test > ul:last-child { margin-bottom: 0 } .comparative-tests .tests-slider-wrapper .single-test ul li { font-size: 0.875em; margin-bottom: 0.3em } .comparative-tests .tests-slider-wrapper .single-test hr { margin-bottom: 2em } .comparative-tests .slick-dots { border-top: none } @media screen and (min-width: 769px) { .comparative-tests .slick-dots { border-top: none; margin: 0; padding: 0 } .comparative-tests .slick-dots li { display: none } .comparative-tests .slick-arrow:before { left: -0.4em } .comparative-tests .slick-arrow.next-slide { right: -1.3em } } .requirements-section p, .requirements-section li { font-size: 0.875em } @media screen and (min-width: 993px) { .fullpage .requirements-section { padding-bottom: 3.75em } } .simple-table { margin-bottom: 1.5em } .simple-table .row { margin: 0; width: 100%; border-top: 1px solid #e5e5e5 } .simple-table .row:first-child { border-top: none } .simple-table .row .cell { float: none; vertical-align: middle; padding: 0.25em } .simple-table .row .cell:first-child { padding-top: 1em } .simple-table .row .cell:last-child { padding-bottom: 0.75em } .simple-table p { margin-bottom: 0.5em; line-height: 1.4 } .dl-table { margin: 2em 0 } .dl-table .row { margin-bottom: 0.75em; border-bottom: 1px solid #e5e5e5 } .dl-table .cell { padding: 1em 0 0.25em 0 } .dl-table p { margin-bottom: 0.5em; font-size: 0.875em } .dl-table .form-element { margin-bottom: 0.75em } .dl-table .table-head { margin-top: 2.5em } .dl-table .table-head .row { background: #f8f8f8; border-bottom: none } .dl-table .table-head .cell { padding: 0.5em 0.5em 0 0.5em } .dl-table .table-head p { font-size: 0.75em; font-weight: 700; color: #888; text-transform: uppercase } @media screen and (min-width: 769px) { .simple-table .row { display: table } .simple-table .row .cell { display: table-cell; padding: 0.75em 0 0.15em 1em } .simple-table .row .cell:first-child { padding-left: 0; padding-top: 0.5em } .simple-table .row .cell:last-child { padding-bottom: 0 } .dl-table .row { display: table; width: 100% } .dl-table .cell { float: none; display: table-cell; height: 100%; vertical-align: middle; padding: 1em 0 1em 0.5em } .dl-table p { margin-bottom: 0.75em } .dl-table .form-element > * { margin-bottom: 0 } .dl-table .table-head .cell { padding: 0.5em 0.5em 0 0.5em } .dl-table .table-head p { margin-bottom: 0.55em } } .small-chart { width: 100%; margin: 1.5em 0 } .small-chart td { padding: 0.75em; color: #777; font-size: 0.875em; font-weight: 300; vertical-align: middle } .small-chart thead td { padding: 0 0.75em 1em 0.75em; color: var(--green-primary); font-size: 0.9375em; font-weight: 500 } .small-chart tbody tr:nth-child(2n-1) { background: #f8f8f8 } .small-chart tbody .font-icons { font-size: 1.5em; color: #009982 } .platform-list .item { margin-bottom: 2em; text-align: center } .platform-list figure { margin-bottom: 1em } .platform-list .font-icons { display: inline-block; font-size: 3em; height: 1em; color: #ccc } @media screen and (min-width: 769px) { .platform-list .item { margin-bottom: 0.5em } } .big-list-section { position: relative } .big-list-section.move-up { margin-top: -2.5em } @media screen and (min-width: 769px) { .big-list-section.move-up { margin-top: -3.5em } } .sections-list, ul.sections-list { margin-bottom: 0 } .sections-list > li, ul.sections-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .sections-list > li:before, ul.sections-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .sections-list .section-item, ul.sections-list .section-item { border-top: 1px solid #e5e5e5; padding: 2.5em 1.5em 1.5em 1.5em } .sections-list .section-item:after, ul.sections-list .section-item:after { clear: both; content: ""; display: table } .sections-list .section-item:first-child, ul.sections-list .section-item:first-child { border-top: none } .sections-list .section-item figure, ul.sections-list .section-item figure { margin-top: 0em; margin-bottom: 1em; text-align: center } .sections-list .section-item > div, ul.sections-list .section-item > div { padding-top: 1em } .sections-list .section-item:first-child, ul.sections-list .section-item:first-child { padding-top: 0 } .sections-list .section-item.figure-smaller figure img, ul.sections-list .section-item.figure-smaller figure img { max-width: 50%; max-height: 12em } .sections-list.first-grey .section-item, ul.sections-list.first-grey .section-item { border: none; background: #fff } .sections-list.first-grey .section-item:first-child, ul.sections-list.first-grey .section-item:first-child { padding-top: 2.5em } .sections-list.first-grey .section-item:nth-child(2n-1), ul.sections-list.first-grey .section-item:nth-child(2n-1) { background: #f8f8f8 } .sections-list.first-white .section-item, ul.sections-list.first-white .section-item { border: none; background: #f8f8f8 } .sections-list.first-white .section-item:first-child, ul.sections-list.first-white .section-item:first-child { padding-top: 0 } .sections-list.first-white .section-item:nth-child(2n-1), ul.sections-list.first-white .section-item:nth-child(2n-1) { background: #fff } .sections-list .section-title, ul.sections-list .section-title { margin-bottom: 0.5em } .sections-list .section-title + p, ul.sections-list .section-title + p { margin-top: 0 } .white-wrapper .sections-list { margin-top: -2em } section.top-description > .container { padding-bottom: 1.875em } section.mobile-list-title h4 { text-transform: uppercase; font-size: 0.875em } section.mobile-list-title .row > ul li:before { display: none } section.mobile-list-title .center-icon { text-align: center } section.mobile-list-title span.short-description { text-transform: uppercase; font-size: .75em; color: #aaa; margin-bottom: .1875em; font-weight: 500 } section.mobile-list-title .accordion-content.accordion-content-mobile { padding-bottom: 1em } section.mobile-list-title .accordion-content.accordion-content-mobile li { margin-right: 3% } @media screen and (min-width: 769px) { .sections-list .section-item, ul.sections-list .section-item { padding: 2.5em 2em 2.5em 2em } .sections-list .section-item figure, ul.sections-list .section-item figure { margin-bottom: 0 } .sections-list .section-item .padding-top, ul.sections-list .section-item .padding-top { padding-top: 1.5em } section.mobile-list-title .accordion-section.accordion-section-mobile { border-top: 1px solid #e5e5e5 } section.mobile-list-title .accordion-section.accordion-section-mobile > li > ul.accordion-content { margin-left: -3.0927%; border: none } section.mobile-list-title .accordion-content.accordion-content-mobile { padding-bottom: 0 } section.mobile-list-title .accordion-content.accordion-content-mobile li { margin-right: 0 } } .image-gallery .item { margin-bottom: 1em } .image-gallery a { display: block; margin-bottom: 0.25em } .image-gallery h5 { margin-bottom: 0.25em; font-size: 1em; color: #444 } .image-gallery p { margin-bottom: 0.25em; font-size: .8125em; color: #777 } .gallery-section .gallery-wrapper { margin-top: 2.5em; padding-top: 3em; border-top: 1px solid #e5e5e5 } .gallery-section .gallery-wrapper:first-child { margin-top: 0; padding-top: 0; border-top: 0 } .image-gallery h5 { font-weight: bold } .image-gallery p.meta { font-size: 0.6875em; font-weight: 700; color: #aaa } .image-gallery p.meta.file span { text-transform: uppercase } .item-download { padding-top: 0.25em; padding-bottom: 0.5em } .item-download figure { padding-right: 0.5em } .item-download figure img { border-top: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1) } .item-download h5 { font-weight: 300; margin-bottom: 0.25em } .item-download p { margin-bottom: 0.5em; font-size: 0.875em; color: #777 } .item-download p.meta { margin-bottom: 0.5em; font-size: 0.6875em; font-weight: 700; color: #aaa } .item-download p.meta.file span { text-transform: uppercase } .item-download .button { margin-top: 0.5em } .item-download .button.transparent { color: var(--green-primary) } .accordion-section, ul.accordion-section { margin-bottom: 0; margin-bottom: 0.75em; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .accordion-section > li, ul.accordion-section > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .accordion-section > li:before, ul.accordion-section > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .accordion-section > li, ul.accordion-section > li { font-size: 1em; border-top: 1px solid #e5e5e5 } .accordion-section > li:first-child, ul.accordion-section > li:first-child { border-top: none } .accordion-section > li > h4, ul.accordion-section > li > h4 { position: relative; margin: 0; padding: 0.75em 2em 0.75em 1.15em; font-size: .875em; color: var(--green-primary); text-transform: none; cursor: pointer } .accordion-section > li > h4:after, ul.accordion-section > li > h4:after { content: '\e91a'; font-size: 10px; color: #aaa; float: right; margin: 0.5em -1em 0 0 } .accordion-section > li > h4:hover, ul.accordion-section > li > h4:hover { background: #f8f8f8 } .accordion-section > li > h4:hover:after, ul.accordion-section > li > h4:hover:after { color: var(--green-primary) } .accordion-section > li .accordion-content, ul.accordion-section > li .accordion-content { display: none; margin: -1px 1em 0 1em; padding-top: 1em; border-top: 1px solid #eee } .accordion-section > li .accordion-content p, .accordion-section > li .accordion-content li, ul.accordion-section > li .accordion-content p, ul.accordion-section > li .accordion-content li { font-size: 0.875em } .accordion-section > li.open > h4:after, ul.accordion-section > li.open > h4:after { content: '\e91b'; color: var(--green-primary) } .accordion-section.variant-3, ul.accordion-section.variant-3 { counter-reset: item } .accordion-section.variant-3 > li, ul.accordion-section.variant-3 > li { overflow: hidden; background-color: #ecebeb; counter-increment: item } .accordion-section.variant-3 > li > h4, ul.accordion-section.variant-3 > li > h4 { background-color: #fff; padding-right: 4em; position: relative } .accordion-section.variant-3 > li > h4:before, ul.accordion-section.variant-3 > li > h4:before { content: counter(item) ". " } .accordion-section.variant-3 > li > h4:after, ul.accordion-section.variant-3 > li > h4:after { content: '\e92a'; font-size: 1em; color: var(--green-primary); margin-top: 0; margin-right: 0; position: absolute; top: 13px; right: 15px } .accordion-section.variant-3 > li.open > h4:after, ul.accordion-section.variant-3 > li.open > h4:after { transform: rotate(180deg) } @media screen and (min-width: 769px) { .accordion-section.accordion-section-mobile, ul.accordion-section.accordion-section-mobile { box-shadow: none; border: none } .accordion-section.accordion-section-mobile li .accordion-content.accordion-content-mobile, ul.accordion-section.accordion-section-mobile li .accordion-content.accordion-content-mobile { display: block !important; margin: 0 } } .accordion-section.variant-2, ul.accordion-section.variant-2 { background: none; border: none; box-shadow: none } .accordion-section.variant-2 > li, ul.accordion-section.variant-2 > li { border-top: none; border-bottom: 1px solid #e5e5e5 } .accordion-section.variant-2 > li > h4, ul.accordion-section.variant-2 > li > h4 { padding-left: 2.5em; padding-right: 0; color: #777; font-weight: normal } .accordion-section.variant-2 > li > h4:after, ul.accordion-section.variant-2 > li > h4:after { content: '\f078'; position: absolute; top: 0.8em; left: 0.8em } .accordion-section.variant-2 > li > h4 span, ul.accordion-section.variant-2 > li > h4 span { font-size: 1.125em; color: #444 } .accordion-section.variant-2 > li > h4:hover, ul.accordion-section.variant-2 > li > h4:hover { background: none } .accordion-section.variant-2 > li > h4:hover span, ul.accordion-section.variant-2 > li > h4:hover span { color: var(--green-primary) } .accordion-section.variant-2 > li .accordion-content, ul.accordion-section.variant-2 > li .accordion-content { padding-top: 0.5em; margin-left: 2.1875em; border-top: none } .resource-documents .check-list { margin-bottom: 0 } .resource-documents .check-list .item { margin-bottom: 1em } .resource-documents .check-list .title { font-size: 1em; font-weight: 500 } .case-studies a.thumbnail { display: block; margin-bottom: 1em } .case-studies a.thumbnail img { display: block; min-height: 110px } .case-studies small.small-title { display: block; text-transform: uppercase; font-weight: 500; margin-bottom: 0.6em; color: #979797 } .case-studies ul.category-list li { margin-bottom: 0 } .case-studies ul.category-list li a { font-size: 0.875em } @media screen and (min-width: 769px) { .case-studies a.thumbnail img { min-height: 155px } } .case-studies a { font-weight: 500 } .case-studies ul.category-list li a { font-weight: 300 } .case-studies .secondary-top-description { margin-bottom: 2em } .featured-case-study { position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } .featured-case-study:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: #444; opacity: .75 } .featured-case-study .container { z-index: 9 } .featured-case-study .featured-header { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #fff; border-color: rgba(255, 255, 255, 0.3) } .featured-case-study h2, .featured-case-study p, .featured-case-study a { color: #fff } .featured-case-study .small-title { margin-bottom: 0.25em; font-weight: 700; font-size: 0.75em; color: #fff; color: rgba(255, 255, 255, 0.6); text-transform: uppercase } .featured-case-study li { margin-bottom: 0.25em; line-height: 1.3 } .featured-case-study .button.transparent { color: #fff; background: none; border-color: rgba(255, 255, 255, 0.5) } .featured-case-study .button.transparent:hover { color: var(--green-primary) } @media screen and (min-width: 769px) { .case-studies .secondary-top-description { margin-bottom: 2em } .featured-case-study .featured-header { margin-bottom: 0; padding-right: 1.5em; border-bottom: 0; border-right: 1px solid #fff; border-color: rgba(255, 255, 255, 0.3) } } .case-studies-list, ul.case-studies-list { margin-bottom: 0 } .case-studies-list > li, ul.case-studies-list > li { margin-bottom: 1.5em } .case-studies-list .white-wrapper, ul.case-studies-list .white-wrapper { padding: 1.25em 1.25em 0.75em 1.25em } .case-studies-list .white-wrapper figure, ul.case-studies-list .white-wrapper figure { margin: -1.25em -1.25em 1em -1.25em } .case-studies-list figure, ul.case-studies-list figure { margin-bottom: 1em } .case-studies-list figure a, .case-studies-list figure img, ul.case-studies-list figure a, ul.case-studies-list figure img { display: block; margin: 0 } .case-studies-list p, ul.case-studies-list p { font-size: 0.875em } .case-studies-list p.small-title, ul.case-studies-list p.small-title { margin-bottom: 0.35em; font-weight: 500; font-size: 0.75em; color: #aaa; text-transform: uppercase } .case-studies-list .list-section.divider, ul.case-studies-list .list-section.divider { padding-bottom: 0 } .case-studies-list .list-section ul, ul.case-studies-list .list-section ul { margin-bottom: 0.75em } .case-studies-list .play-video, ul.case-studies-list .play-video { display: inline-block; padding: 0.5em 0; font-size: 0.875em } .case-studies-list .play-video i, ul.case-studies-list .play-video i { font-size: 0.875em; color: #c5c5c5; margin-right: 0.5em; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .case-studies-list .play-video:hover i, ul.case-studies-list .play-video:hover i { color: var(--green-primary) } .case-studies-list { display: flex; flex-wrap: wrap; align-items: stretch } .features-list .feature-item { text-align: center; margin-bottom: 1em; padding: 0.5em 1em } .features-list figure { margin-bottom: 0.5em; text-align: center } .features-list figure img { width: 3.5em; max-height: 3em } .features-list p { margin-bottom: 0.5em; font-size: .875em; color: #777 } .features-list p.title { font-family: "MuseoSlab", "Georgia", Times, serif; font-size: 1.125em; font-weight: 500; color: #666; line-height: 1.3 } .features-list .figure-larger figure img { width: auto; max-width: 6.5em; max-height: 4em } .features-list.image-aside .feature-item { padding-left: 6em; text-align: left } .features-list.image-aside .feature-item:after { clear: both; content: ""; display: table } .features-list.image-aside figure { float: left; margin-left: -6em; width: 5.5em } .features-list.image-aside figure img { width: auto; max-height: none } .featured-section .white-wrapper { padding: 2em 1em 0 1em } .featured-section .features-list { margin-bottom: 0 } .featured-section .features-list.image-aside .feature-item { padding-left: 7em } @media screen and (min-width: 769px) { .features-list p.title { font-size: 1.25em } .features-list .figure-larger figure { min-height: 5em } .features-list .figure-larger figure img { max-width: inherit; max-height: 5em } .featured-section .white-wrapper { padding: 2.5em 1em 0.5em 1em } } .photo-features-list .feature-item { margin-bottom: 1.5em } .photo-features-list figure { position: relative; margin-bottom: 1em } .photo-features-list figure .thumb { position: absolute; bottom: -0.4em; left: -0.4em; height: 4em; border: 1px solid #eee; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .photo-features-list figure a:hover .thumb { border-color: #ccc } .photo-features-list p { font-size: 0.875em } .photo-features-list p.title { margin-bottom: 0.25em; font-size: 1.125em; font-weight: 500 } .features-banner-section h3.section-title { margin-bottom: 1.5em } .features-banner-section figure { margin-bottom: 1.5em } .features-banner-section .feature-desc { margin-bottom: 1em } .features-banner-section .slick-dots { margin-bottom: 0; border: none } .features-banner-section .slick-dots .slick-active button { background-color: #009982; border-color: #009982 } @media screen and (min-width: 769px) { .features-banner-section .feature-desc { padding-top: 1.5em } } ul.documentation-list { margin-bottom: 0 } ul.documentation-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } ul.documentation-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } ul.documentation-list > li { margin-bottom: 2em } ul.documentation-list > li .documentation-item h3 { margin-bottom: 0.75em } ul.documentation-list > li .documentation-item p { position: relative; top: -0.25em; margin-bottom: 0.5em } ul.documentation-list > li .documentation-item .previous-wrapper { display: none } ul.documentation-list > li .toggle { position: relative; display: block; padding: 0.5em 0 0 1.25em; color: #aaa; font-size: .8125em; font-weight: 500; border-top: 1px solid #e5e5e5; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } ul.documentation-list > li .toggle:before { position: absolute; left: 0; top: 50%; margin-top: -0.25em; font-size: 0.75em } ul.documentation-list > li .toggle.more:before { content: "\f078" } ul.documentation-list > li .toggle.less { display: none } ul.documentation-list > li .toggle.less:before { content: "\f077" } ul.documentation-list > li .toggle:hover { color: #444 } ul.documentation-list > li.show-previous .toggle.more { display: none } ul.documentation-list > li.show-previous .toggle.less { display: block } .video-container { position: relative; margin-bottom: 1em; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .video-section .video-item { margin-bottom: 2em } .video-section .video-item .video-container { margin-bottom: 1.5em } .video-section .video-item h2 { font-size: 1.75em; color: #444 } .video-section .video-item .date { font-size: 0.6875em; color: #888 } .video-section .sidebar { padding-top: 2em; border-top: 1px solid #e5e5e5 } .video-section .sidebar .button { color: var(--green-primary) } .video-list { margin-bottom: 0 } .video-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .video-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .video-list > li { margin-bottom: 0.75em; padding-left: 7em; background: #f8f8f8 } .video-list > li:after { clear: both; content: ""; display: table } .video-list > li figure { float: left; margin-left: -7em; width: 7em; position: relative } .video-list > li figure a { display: block; font-size: 2em; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } .video-list > li figure a:after { content: ''; position: absolute; top: 50%; left: 50%; margin-left: -0.3em; margin-top: -0.5em; height: 0; width: 0; border-bottom: .5em solid transparent; border-left: .8em solid #eee; border-top: .5em solid transparent; opacity: .5 } .video-list > li figure a img { display: none } .video-list > li figure a:hover:after { opacity: .95 } .video-list > li h3 { min-height: 4.35em; margin-bottom: 0; padding: 0.6em 0.75em; padding-bottom: 0; line-height: 1.25; font-size: .875em; color: #444; text-transform: none } .video-list > li h3 a { display: block; font-weight: 500; color: #444; text-transform: none } .video-list > li h3 a:hover { color: var(--green-primary) } .video-list > li p { padding: 0 0.875em 0.2em 0.875em; margin-bottom: 0; font-size: 0.6875em; color: #888 } .video-list > li p.duration { position: absolute; bottom: 0; right: 0; padding: 0.2em 0.75em; font-weight: 500; color: #fff; background: #444 } span.duration { position: absolute; bottom: 0; right: 0; padding: 0.2em 0.75em; font-weight: 500; color: #fff; background: #444 } @media screen and (min-width: 769px) { .video-section .video-item { padding-right: 1% } .video-section .sidebar { padding-top: 0; padding-left: 4%; border-top: none; border-left: 1px solid #e5e5e5 } } .video-section p.meta.duration { font-size: 0.6875em; font-weight: 500; color: #aaa } .video-section p.meta.divider { padding-bottom: 1em; margin-bottom: 2em } .video-section h4.section-title + p.meta { margin-top: -1.5em } .resource-documents .divider + .video-section { padding-top: 1em } @media screen and (min-width: 769px) { .video-container.align-outside { margin-bottom: 1.5em; padding-bottom: 77.63%; padding-top: 0 } } .video-list .thumbnail { min-height: 2.6em } .category-selector-section .category-selector-wrapper { padding: 1em 1.5em 0.5em 1.5em; background: #F6FBFD; border: 1px solid #E2EDF2; box-shadow: 0px 2px 0px 0px rgba(226, 237, 242, 0.6) } .category-selector-section .category-selector-wrapper:after { clear: both; content: ""; display: table } .category-selector-section .category-selector-wrapper p { margin-bottom: 0.5em; color: #80a3b3 } .category-selector-section .category-selector-wrapper .category-nav { margin-bottom: 0; display: none } .category-selector-section .category-selector-wrapper .category-nav > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .category-selector-section .category-selector-wrapper .category-nav > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .category-selector-section .category-selector-wrapper .category-nav > li { display: inline-block } .category-selector-section .category-selector-wrapper .category-nav > li a { padding: 0.5em 1em 0.5em 1.25em; display: inline-block; white-space: nowrap; font-size: .6875em; text-transform: uppercase; color: #80a3b3 } .category-selector-section .category-selector-wrapper .category-nav > li a:hover { color: #567e90 } .category-selector-section .category-selector-wrapper .category-nav > li:before { content: '/'; font-size: .6875em; color: #c0d1d9 } .category-selector-section .category-selector-wrapper .category-nav > li:first-child a { padding-left: 0 } .category-selector-section .category-selector-wrapper .category-nav > li:first-child:before { display: none } .category-selector-section .category-selector-wrapper .category-nav > li.active a { color: #3d5058; font-weight: 500 } .category-selector-section .category-selector-wrapper .form-element { margin-bottom: 0.5em } @media screen and (min-width: 769px) { .category-selector-section .category-selector-wrapper { background: #F6FBFD; border: 1px solid #E2EDF2; box-shadow: 0px 2px 0px 0px rgba(226, 237, 242, 0.6) } .category-selector-section .category-selector-wrapper [class*="col-l"]:last-child { text-align: right } .category-selector-section .category-selector-wrapper p { display: inline-block; margin-right: 1em; color: #80a3b3; font-size: .875em } .category-selector-section .category-selector-wrapper .category-nav { display: inline-block } .category-selector-section .category-selector-wrapper .form-element { display: none } } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper { position: relative } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list { position: absolute; top: 2.25em; left: 0; right: 0; z-index: 10; max-height: 20em; overflow: scroll; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list li { position: relative; display: block } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list li:before { display: none } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list li a { position: relative; display: block; padding: 1em; font-size: .75em; font-weight: 700; color: #aaa; text-transform: uppercase; white-space: nowrap; overflow: hidden } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list li a:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 5em; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1) } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list li.selected a, .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list li.tab-selected a { color: var(--green-primary) } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list li:hover a { color: #666; background: #f8f8f8 } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list li:hover a:after { background: -moz-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=1) } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list li.hide { display: none !important } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list .font-icons { display: none } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-label { position: relative; margin-bottom: 1.5em; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); padding: 1em 2.5em 1em 1em; font-size: .75em; font-weight: 700; color: #aaa; text-transform: uppercase; cursor: pointer; white-space: nowrap; overflow: hidden } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-label:before { content: '\f078'; position: absolute; right: 1.5em; top: 50%; z-index: 20; margin-top: -0.5em; font-size: .75em } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-label:after { content: ''; position: absolute; top: 0; right: 0; bottom: 1px; z-index: 10; width: 5em; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1) } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper.active .filter-list { display: block } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper.active .filter-label:before { content: '\f077' } .categories-list, ul.categories-list { margin-bottom: 0 } .categories-list > li, ul.categories-list > li { margin-bottom: 1em } .categories-list a, ul.categories-list a { display: block; padding: 1.25em 1.25em 1em 1.25em; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .categories-list a img, ul.categories-list a img { margin-bottom: 0.75em } .categories-list a .category-title, ul.categories-list a .category-title { display: block; margin-bottom: 0.25em; font-weight: 500; font-size: 0.875em; line-height: 1.3 } .categories-list a:hover, ul.categories-list a:hover { border-color: #aaa; border-color: rgba(0, 0, 0, 0.3) } .filter-nav-wrapper .filter-list { display: block } .filter-content-wrapper .filter-section.filter-hide { display: none } .filter-content-wrapper .filter-section.filter-show { display: block } .filter-content-wrapper .filter-section.filter-show .divider { padding-bottom: 0; border-bottom: none } @media screen and (min-width: 769px) { .category-selector-section .category-selector-wrapper.filter-nav-wrapper p { margin-top: 0.7em } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper { float: right; min-width: 15em } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-list { display: none } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-label { margin-bottom: 0.75em; color: rgba(0, 0, 0, 0.5); background: none; border-color: transparent; box-shadow: none } .category-selector-section .category-selector-wrapper.filter-nav-wrapper .filter-list-wrapper .filter-label:after { background: -moz-linear-gradient(left, rgba(246, 251, 253, 0) 0%, rgba(246, 251, 253, 0) 50%, #f6fbfd 100%); background: -webkit-linear-gradient(left, rgba(246, 251, 253, 0) 0%, rgba(246, 251, 253, 0) 50%, #f6fbfd 100%); background: linear-gradient(to right, rgba(246, 251, 253, 0) 0%, rgba(246, 251, 253, 0) 50%, #f6fbfd 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f6fbfd', endColorstr='#f6fbfd', GradientType=1) } .category-selector-section .category-selector-wrapper.filter-dropdown-mobile-only p { margin-top: 0 } .category-selector-section .category-selector-wrapper.filter-dropdown-mobile-only .filter-list-wrapper { float: none; min-width: inherit; display: inline-block } .category-selector-section .category-selector-wrapper.filter-dropdown-mobile-only .filter-list-wrapper .filter-label { display: none !important } .category-selector-section .category-selector-wrapper.filter-dropdown-mobile-only .filter-list-wrapper .filter-list { display: inline-block !important; position: inherit; top: auto; max-height: none; overflow: inherit; background: none; border: none; box-shadow: none } .category-selector-section .category-selector-wrapper.filter-dropdown-mobile-only .filter-list-wrapper .filter-list li { display: inline-block } .category-selector-section .category-selector-wrapper.filter-dropdown-mobile-only .filter-list-wrapper .filter-list li:after { content: '/'; font-size: 0.6875em; color: #c0d1d9 } .category-selector-section .category-selector-wrapper.filter-dropdown-mobile-only .filter-list-wrapper .filter-list li a { display: inline-block; padding: 0.5em 1.25em 0.5em 1em; color: #80a3b3; font-size: 0.6875em; font-weight: 300; overflow: inherit } .category-selector-section .category-selector-wrapper.filter-dropdown-mobile-only .filter-list-wrapper .filter-list li a:after { display: none } .category-selector-section .category-selector-wrapper.filter-dropdown-mobile-only .filter-list-wrapper .filter-list li:last-child:after { display: none } .category-selector-section .category-selector-wrapper.filter-dropdown-mobile-only .filter-list-wrapper .filter-list li:hover a { color: #567e90; background: none } .category-selector-section .category-selector-wrapper.filter-dropdown-mobile-only .filter-list-wrapper .filter-list li.active a { color: #3d5058; font-weight: 500 } .categories-list > li, ul.categories-list > li { margin-bottom: 1.5em } .categories-list a .category-title, ul.categories-list a .category-title { font-size: 1em } .filter-content-wrapper .filter-section.filter-hide { display: none } .filter-content-wrapper .filter-section.filter-show { display: block } .filter-content-wrapper .filter-section.filter-show .divider { padding-bottom: 0; border-bottom: none } } .categories-list, ul.categories-list { display: flex; flex-wrap: wrap; align-items: stretch } .categories-list > li, ul.categories-list > li { display: flex; flex-wrap: wrap; align-items: stretch } .tab-nav { position: relative; margin-bottom: 1.5em; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .tab-nav .tab-label { padding: 1em 2em 1em 1em; font-size: .75em; font-weight: 700; color: #aaa; text-transform: uppercase; cursor: pointer; white-space: nowrap; overflow: hidden } .tab-nav .tab-label:before { content: '\f078'; position: absolute; right: 1em; top: 50%; z-index: 20; margin-top: -0.5em; font-size: .75em } .tab-nav .tab-label:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; z-index: 10; width: 5em; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1) } .tab-nav ul.tabs { margin-bottom: 0; display: none; position: absolute; top: 2.25em; left: -1px; right: -1px; z-index: 10; max-height: 20em; overflow: scroll; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .tab-nav ul.tabs > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .tab-nav ul.tabs > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .tab-nav ul.tabs li { position: relative } .tab-nav ul.tabs li a { position: relative; display: block; padding: 1em; font-size: .75em; font-weight: 700; color: #aaa; text-transform: uppercase; white-space: nowrap; overflow: hidden } .tab-nav ul.tabs li a:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 5em; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1) } .tab-nav ul.tabs li.selected a, .tab-nav ul.tabs li.tab-selected a { color: var(--green-primary) } .tab-nav ul.tabs li:hover a { color: #666; background: #f8f8f8 } .tab-nav ul.tabs li:hover a:after { background: -moz-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=1) } .tab-nav ul.tabs li.hide { display: none !important } .tab-nav ul.tabs .font-icons { display: none } .tab-nav.active .tab-label:before { content: '\f077' } .tab-nav.active ul.tabs { display: block } .tab-nav.mobile-only { display: block } .tab-nav.desktop-only { display: none } p + .tab-nav, h1 + .tab-nav, h2 + .tab-nav, h3 + .tab-nav, ul + .tab-nav { margin-top: 2.500em } .tab-content-wrapper { margin-bottom: 0 } .tab-content-wrapper > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .tab-content-wrapper > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .tab-content-wrapper > .tab-content-single { display: none } .tab-content-wrapper > .tab-content-single.tab-show { display: block } .tab-nav-small ul.tabs { margin-bottom: 0; display: table; width: 100%; border: 1px solid #e5e5e5; border-radius: 1em; background: #fff } .tab-nav-small ul.tabs > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .tab-nav-small ul.tabs > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .tab-nav-small ul.tabs > li { display: table-cell } .tab-nav-small ul.tabs > li a { display: block; padding: 0.5em 0.25em; text-align: center; font-size: 0.75em; font-weight: 600; color: #444; border-radius: 1em } .tab-nav-small ul.tabs > li a:hover { color: var(--green-primary) } .tab-nav-small ul.tabs > li.selected a { color: var(--green-primary); background: #e5e5e5 } .tab-nav-small ul.tabs.tabs-red .selected a { color: #fff; background: #ED2939 } .tab-nav-small ul.tabs.tabs-green .selected a { color: #fff; background: #009982 } .tab-nav-small ul.tabs.tabs-fixed { table-layout: fixed } @media screen and (min-width: 769px) { .tab-nav { background: none; border: none; box-shadow: inherit } .tab-nav .tab-label { display: none !important } .tab-nav ul.tabs { position: relative; top: auto; left: auto; right: auto; overflow: visible; display: inline-block; max-height: none; border: none; background: none; border-bottom: 1px solid #eee; box-shadow: inherit } .tab-nav ul.tabs:after { clear: both; content: ""; display: table } .tab-nav ul.tabs li { float: left } .tab-nav ul.tabs li a { color: #444; font-weight: 500; padding: 1.25em 1.25em 1em 1.25em; border: 1px solid transparent; border-top-width: 3px; white-space: normal; overflow: visible; text-transform: none; text-align: center; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .tab-nav ul.tabs li a:after { display: none !important } .tab-nav ul.tabs li a .font-icons { display: block; min-width: 3em; margin-bottom: 0.5em; font-size: 1.75em } .tab-nav ul.tabs li:hover a { color: var(--green-primary); background: none } .tab-nav ul.tabs li.selected a, .tab-nav ul.tabs li.tab-selected a { position: relative; top: 1px; color: var(--green-primary); background: none; border-color: #e5e5e5; border-bottom-color: #fff; border-top-color: #009982; box-shadow: inherit } .tab-nav ul.tabs li:first-child.tab-selected a { border-left-color: #f2f2f2 } .tab-nav ul.tabs li:last-child.tab-selected a { border-right-color: #f2f2f2 } .tab-nav ul.tabs li.promo a { color: #ED2939 } .tab-nav.active ul.tabs { display: inline-block } .tab-nav.tab-centered { display: flex; justify-content: center } .tab-nav.tab-centered .tabs { display: block } .tab-nav.tab-centered:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #eee } .tab-nav.mobile-only { display: none } .tab-nav.desktop-only { display: block } .tab-nav.desktop-only.tab-centered { display: flex } .grey-background .tab-nav { border-color: rgba(0, 0, 0, 0.1) } .grey-background .tab-nav .tabs .selected a { border-bottom-color: #f8f8f8 } } h5.section-title { margin-bottom: 2em; color: #777; font-weight: 300 } .error-header .page-headline { margin-bottom: 2em; text-align: center } .error-header .page-headline:after { clear: both; content: ""; display: table } .error-header .page-title { font-size: 5.5em; font-weight: 900; line-height: 1 } .error-header .page-desc { font-family: "MuseoSlab", "Georgia", Times, serif } .error-header .page-desc span { display: block; margin-bottom: 0.5em } .error-header .error-intro { text-align: center } .error-articles-small .row h4 { margin-bottom: 1.75em; color: #aaa; text-transform: uppercase; font-size: 0.75em } .error-articles-small .row h4 .font-icons { font-size: 1.25em; color: #777 } .error-articles-small li { margin-bottom: 1em; font-size: 0.875em } .error-articles-small li a { font-weight: 500 } .error-articles-small p { font-size: 0.875em } @media screen and (min-width: 769px) { .error-header .page-headline { text-align: left } .error-header .page-headline:after { clear: both; content: ""; display: table } .error-header .page-title { float: left; padding-right: 0.3em; margin-right: 0.25em; font-size: 5.5em; font-weight: 900; line-height: 0.75; border-right: 5px solid #009982 } .error-header .page-desc { font-size: 2.25em } .error-header .page-desc span { font-size: 0.75em; font-weight: 300; color: #777 } .error-header .desc-wrapper { float: left; margin-top: -0.45em } .error-header .error-intro { text-align: left } .error-header .error-intro p { margin-bottom: 0.4em; font-size: 1.125em; color: #777 } } .notification-bar { color: #fff; font-size: 0.8em; padding-bottom: 0.5em; padding-top: 1em; position: relative } .notification-bar p { color: #fff; margin-bottom: 0.5em } .notification-bar a { color: #fff; text-decoration: underline } .notification-bar a.close { position: absolute; right: 0; text-decoration: none; top: 4px } .notification-bar.green { background-color: var(--green-primary) } .notification-bar.red { background-color: #ED2939 } .notification-bar.blue { background-color: #51AEE2 } .notification-bar.yellow { background-color: #ffce44 } .notification-bar .container { padding-right: 1.2em } .notification-bar.gray { background-color: #f8f8f8 } .notification-bar.gray p { color: #444 } .notification-bar.gray p a { color: #444; text-decoration: underline } .notification-bar .button.close { position: relative; float: right; width: 100% } .notification-bar .description-left { width: 100%; float: left } @media screen and (min-width: 600px) { .notification-bar .button.close { margin-right: -15px; width: auto } .notification-bar .description-left { width: 80% } } .notification-box { padding: 2em 1.5em 1em; position: relative; margin-bottom: 2em } .notification-box a { color: #fff; text-decoration: underline } .notification-box a.close { position: absolute; right: 0; text-decoration: none; top: 4px } .notification-box h3 { text-transform: uppercase; margin-bottom: 0.3em } .notification-box.green { background-color: var(--green-primary); color: #fff } .notification-box.green-light { background-color: #009982; color: #fff } .notification-box.red { background-color: #ED2939; color: #fff } .notification-box.blue { background-color: #51AEE2; color: #fff } .notification-box.yellow { background-color: #FBBA00; color: #fff } .notification-box.grey { background-color: #f8f8f8 } .notification-box.icon-left { padding-left: 4em } .notification-box.icon-left > .icon { float: left; margin-left: -2em } .notification-box.light-text h1, .notification-box.light-text h2, .notification-box.light-text h3, .notification-box.light-text h4, .notification-box.light-text h5, .notification-box.light-text h6, .notification-box.light-text p, .notification-box.light-text a, .notification-box.light-text small { color: #FFF } .notification-box .container { padding-right: 1.2em } .secondary-top-description + .notification-box { margin-top: -1em } .thankyou-section .row { margin-bottom: 1em } .thankyou-section .content { margin-bottom: 2em; padding: 2em 1.5em; border: 1px solid #e5e5e5; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) } .thankyou-section .content > * { margin-left: 1.5% } .thankyou-section .content .product-item { text-align: left; padding-right: 1.5% } .thankyou-section .content .product-item header { padding-left: 6em } .thankyou-section .content .product-item figure { margin-left: -6em } .thankyou-section .content .product-item .product-title { min-height: 3.5em } .thankyou-section .content .product-item .reviews { text-align: left } .thankyou-section .content .platform-item .font-icons { margin-bottom: 0.35em; font-size: 3em; float: left } .thankyou-section .content .platform-item .font-icons.icon-ios:before { position: relative; top: -0.4em; font-size: 0.6em } .thankyou-section .content .platform-item h2 { margin-left: 3.5em; margin-bottom: 0.75em; padding-top: 0.7em } .thankyou-section .content .platform-item .desc { clear: both; padding-top: 0.75em; border-top: 1px solid #e5e5e5 } .thankyou-section .content .platform-item .desc p { margin-bottom: 0.5em; font-family: "MuseoSlab", "Georgia", Times, serif; font-size: 0.875em; font-style: italic; text-align: center } .thankyou-section .content .link-info { text-align: center; padding-top: 0.75em; border-top: 1px solid #e5e5e5 } .thankyou-section .content .link-info p { margin-bottom: 0.5em; font-size: .8125em } .thankyou-section .content .aside { text-align: center; padding-top: 0.5em } .thankyou-section .content .aside p { margin-bottom: 0 } .thankyou-section .sidebar li { font-size: .875em } .thankyou-section .sidebar .qr-block { display: none } .thankyou-section .sidebar .qr-block p { margin-bottom: 0.5em; font-size: 0.75em; color: #aaa } .store-link img { max-height: 3em; max-width: 100% } @media screen and (min-width: 769px) { .thankyou-section .content { padding: 2em 2.5em } .thankyou-section .content > * { margin-left: 3% } .thankyou-section .content .product-item { margin-left: 0 } .thankyou-section .content .platform-item { margin-left: 0 } .thankyou-section .sidebar { padding: 1em 0 0 1em } .thankyou-section .sidebar .qr-block { display: block } } @media screen and (min-width: 993px) { .thankyou-section .content .platform-item { padding-left: 4.5em } .thankyou-section .content .platform-item .font-icons { margin-left: -1.5em } .thankyou-section .content .platform-item h2 { margin-left: 0; margin-bottom: 0; padding-top: 0 } .thankyou-section .content .platform-item .desc { clear: none; padding-top: 0; border-top: none } .thankyou-section .content .platform-item .desc p { text-align: left } .thankyou-section .content .aside { padding-top: 2em; text-align: right } .thankyou-section .content .aside form { margin-top: -2em } .thankyou-section .content .aside form .button { margin-bottom: 0 } .thankyou-section .content .link-info { text-align: left; border-top: none; margin-left: 0; padding-left: 4.5em } } .pagination { margin: 3em 0; position: relative; background: #f8f8f8; font-size: .9375em } .pagination > a { position: absolute; top: 0; width: 3em; height: 3em; text-align: center; color: #777 } .pagination > a span { display: block; font-size: 1.5em; width: 2em; line-height: 2em; -webkit-transition: background-color 0.15s ease-in; -moz-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in } .pagination > a.prev { left: 0 } .pagination > a.next { right: 0 } .pagination > a:hover span { color: var(--green-primary); background: #e5e5e5 } .pagination .pagination-list { margin-bottom: 0; margin: 0 3em; text-align: center } .pagination .pagination-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .pagination .pagination-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .pagination .pagination-list li { display: inline-block } .pagination .pagination-list li span { display: none; padding: 0 0.25em; line-height: 3em; color: #777 } .pagination .pagination-list li a { display: none; padding: 0 0.25em; min-width: 3.5em; line-height: 3em; color: #777; font-weight: 500; -webkit-transition: background-color 0.15s ease-in; -moz-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in } .pagination .pagination-list li a:hover { color: #444; background: #e5e5e5 } .pagination .pagination-list li.prev { float: left } .pagination .pagination-list li.prev a { display: inline-block } .pagination .pagination-list li.active a { display: block; position: relative; color: var(--green-primary); background: #fff } .pagination .pagination-list li.active a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #e5e5e5 } .pagination .pagination-list li.next { float: right } .pagination .pagination-list li.next a { display: inline-block } @media screen and (min-width: 481px) { .pagination > a.prev span { border-right: 1px solid #fff } .pagination > a.next span { border-left: 1px solid #fff } .pagination .pagination-list li span { display: block } .pagination .pagination-list li a { min-width: 3.2em } .pagination .pagination-list li.first a { display: block } .pagination .pagination-list li.prev { float: none } .pagination .pagination-list li.next { float: none } .pagination .pagination-list li.last a { display: block } } @media screen and (min-width: 769px) { .pagination { font-size: .8125em } } @media screen and (min-width: 993px) { .pagination .pagination-list li a { display: block; min-width: 2.5em } } .b2b-thank-you { text-align: center } .b2b-thank-you h3 { font-size: 2.25em; font-weight: 900; text-transform: uppercase } .b2b-thank-you .shift-left { position: relative } .b2b-thank-you .shift-left h3 { font-size: 1.750em; margin-top: 1.250em; font-weight: 900; margin-bottom: 0; text-transform: uppercase } .b2b-thank-you .shift-left h4 { color: #1c1c1c; font-size: 1.125em; font-weight: 500; margin-top: 0; margin-bottom: 1.250em; text-transform: none } .b2b-thank-you .shift-left + .step { margin-top: 2.500em } .b2b-thank-you .mobile-only { text-align: center } .b2b-thank-you .button { margin-bottom: 1.875em } .step { border-top: 1px solid #e6e6e6; padding: 2.188em 0 1.875em 3.125em; position: relative; text-align: left } .step > span { color: #a9a9a9; cursor: default; font-size: 3em; font-weight: 900; left: 0; position: absolute; top: 0.7em } .step > p { color: #1c1c1c; margin-bottom: 0.6em } .step:last-child { padding-bottom: 0 } @media screen and (min-width: 769px) { .b2b-thank-you { text-align: left } .b2b-thank-you .shift-left { margin-bottom: 3.75em; padding-left: 7.188em } .b2b-thank-you .shift-left h3 { font-size: 2.25em; margin-top: 0 } .b2b-thank-you .shift-left h4 { font-size: 1.375em; margin-bottom: 0.5em } .b2b-thank-you .shift-left figure.page-icon { left: 0; position: absolute; text-align: center; top: 0 } .b2b-thank-you .shift-left + .step { margin-top: 2.500em } .b2b-thank-you .button { margin-bottom: 1.250em } .step { padding: 3.750em 0 3.125em 4.375em } .step > span { font-size: 4.75em } } .smb-product-description.security .product-title { margin-bottom: 2.5em } .smb-product-description.security .tab-nav { margin-top: 4.0625em } .smb-product-description.security .accordion-section { margin-bottom: 1.875em } h5.mini-light-title { color: #979797; font-size: 0.750em; text-transform: uppercase; font-weight: 500; margin-bottom: 1.6em; cursor: default } .main-product-fullwidth h2.page-desc { color: #9d9d9d; font-family: "MuseoSlab", "Georgia", Times, serif; font-size: 1em; font-style: italic; font-weight: 300; text-align: center; line-height: 1.4 } .main-product-fullwidth .sidenote h2 { color: #444 } .main-product-fullwidth .sidenote p { text-align: center; text-transform: uppercase; font-size: .75em; color: #444; font-weight: 700 } .main-product-fullwidth .sidenote p i { position: relative; top: -0.1em; color: #444; margin-left: 0.35em; font-size: 1.75em; vertical-align: middle } .b2b-mini-sidebar { margin-top: 1em } .b2b-mini-sidebar li { font-size: .875em; margin-bottom: 0.750em } .b2b-mini-sidebar a.icon-doc { color: #222222; font-size: .875em } .b2b-mini-sidebar a.icon-doc span { color: #afafaf; font-size: .75em } .b2b-mini-sidebar a.icon-doc:before { padding: 0.2em; margin-right: 1em } .b2b-mini-sidebar a.icon-doc:hover { color: var(--green-primary) } .b2b-mini-sidebar a.icon-doc + a { margin-top: 1em; display: block } .b2b-mini-sidebar .widget { border-top: 1px solid #e3e3e3; margin-top: 2.188em; padding-top: 2.188em } .b2b-mini-sidebar .widget:last-child { margin-bottom: 0 } .b2b-mini-sidebar .products-list li { overflow: hidden } .b2b-mini-sidebar .products-list figure { float: left; width: 43px } .b2b-mini-sidebar .products-list .content { width: 82%; float: left; padding-left: .9375em } .b2b-mini-sidebar .products-list .content h4 { margin-bottom: 0.33em } .b2b-mini-sidebar .products-list .content span { font-size: 0.85em } .b2b-mini-sidebar .logo-list li { display: inline-block; margin-right: 1.25em } .b2b-mini-sidebar .logo-list li:last-child { margin-right: 0 } .fullwidth-cta-bar { background-color: #f6f6f6; border-bottom: 1px solid #e3e3e3; padding: 2.188em 0 1.9em 0 } .fullwidth-cta-bar .text-links { padding-top: 0.875em } .fullwidth-cta-bar .text-links a { text-transform: uppercase; font-weight: 700; font-size: .75em; text-align: center; width: 100%; display: block; margin-top: 2em } .fullwidth-cta-bar .text-links a:first-child { margin-top: 0 } .fullwidth-cta-bar .text-links span { color: #cccccc; cursor: default; margin: 0 1.2em; display: none } .fullwidth-cta-bar .text-links p { margin-bottom: 0; text-align: center; font-size: 0.75em } .fullwidth-cta-bar .text-links p i { margin-left: 0.5em; font-size: 1.5em; vertical-align: middle } .fullwidth-cta-bar .container { padding-bottom: 0 } .fullwidth-cta-bar .side-ctas { padding-bottom: 1em; margin-bottom: 0.5em; border-bottom: 1px solid #e3e3e3 } @media screen and (min-width: 769px) { .smb-product-description .content { padding-right: 3% } .b2b-mini-sidebar { margin-top: 0 } .b2b-mini-sidebar .widget:first-child { border-top: none; margin-top: 0; padding-top: 0 } .b2b-mini-sidebar .products-list figure { width: 18% } .b2b-mini-sidebar.sidebar { padding-left: 2% } .fullwidth-cta-bar .text-links a { text-align: left; width: auto; display: inline-block; margin-top: 0 } .fullwidth-cta-bar .text-links span { display: inline-block } .fullwidth-cta-bar .text-links p { text-align: left } .fullwidth-cta-bar .side-ctas { padding-bottom: 0; margin-bottom: 0; border-bottom: none } .main-product-fullwidth h2.page-desc { text-align: left; position: relative; padding: 0 0 0 1.5em } .main-product-fullwidth h2.page-desc:before { content: ''; position: absolute; left: 0; top: 0.25em; bottom: 0.25em; width: 4px; background: #009982 } .main-product-fullwidth .sidenote p { padding-left: 2em; text-align: left } .info h2.page-desc { float: right; margin-top: -5.000em; text-align: left; width: 40% } } .resource-documents .item-cover { max-width: 80px; float: left; margin: 0.5em 2em 0 0.5em; text-align: center } .resource-documents .item-cover a { font-size: 0.750em } .resource-documents .item-cover .icon-doc { position: relative; margin-bottom: 1em } .resource-documents .item-cover .icon-doc.icon-pdf:before { position: absolute; left: -5px; top: -5px } .resource-documents .item-video { width: 100%; margin: 0.5em 1em 1em 0; float: left } .resource-documents .item-video > a { position: relative; display: block; font-size: 0.688em } .resource-documents .item-video > a > img { display: block } .resource-documents .item-video > a:after { content: "\e929"; color: #ffffff; width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; font-family: 'font-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; border: 2px solid #fff; border-radius: 100px; left: 50%; line-height: 1.8; margin-left: -12px; margin-top: -12px; text-indent: 7px; top: 50%; -webkit-transition: border-color 0.15s ease; -moz-transition: border-color 0.15s ease; transition: border-color 0.15s ease } .resource-documents .item-video > a:hover:after { border-color: #e5ddd5; border-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease } .resource-documents .item-video .duration { padding: 0.5em 1em } .resource-documents .item-description { padding-top: 0.875em } .resource-documents .item-description.short { padding-top: 2em } .resource-documents .item-description span.info { display: block; color: #b9b9b9; font-size: 0.750em } .resource-documents .item-description span.info + * { margin-top: 1em } .resource-documents .item-description a { line-height: 1.3 } .resource-documents .item-description a.title + * { margin-top: 1em } .resource-documents .item-description p { font-size: 0.875em; color: #888888 } .resource-documents .slick-dots { border-top: none } .resource-documents .secondary-top-description { margin-bottom: 2em } .resource-documents .divider { padding-bottom: 3.125em; margin-bottom: 3.125em } .pdf-pages { max-height: 115px; max-width: 80px; display: block } .pdf-pages img { z-index: 90; position: relative; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .pdf-pages .icon-doc { position: relative } .pdf-pages .icon-doc:before { position: absolute; top: -5px; left: -5px } .pdf-pages .pages { background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); display: block; height: 115px; left: 4px; position: absolute; top: 4px; width: 80px; z-index: 10; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease } .pdf-pages .pages:before { background-color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); content: ""; display: block; height: 115px; left: -2px; position: absolute; top: -2px; width: 80px } .pdf-pages:hover .pages { left: 9px; top: 6px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease } .pdf-pages:hover .pages:before { left: -4px; top: -3px; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease } @media screen and (min-width: 769px) { .resource-documents .item-cover { float: left } .resource-documents .item-description { padding-left: 7.5em; padding-right: 1.5em } .resource-documents .item-description.divider-right { border-right: 1px solid #e6e6e6; padding-right: 1.875em; margin-right: 0.625em } .resource-documents .item-description.video { padding-left: 14.375em } .resource-documents .secondary-top-description { margin-bottom: 2em; border-bottom: none } } @media screen and (min-width: 400px) { .item-video { max-width: 12.500em; margin-bottom: 0 } } ul.resource-documents { margin-bottom: 0 } ul.resource-documents .document-item { margin-bottom: 2em } ul.resource-documents .document-item:after { clear: both; content: ""; display: table } @media screen and (min-width: 769px) { ul.resource-documents .document-item { margin-bottom: 3em } } .promo-fullwidth-ctas { background: #f8f8f8 url(../images/bg-pattern-lightgreen.jpg) 0 0 repeat; border-top: 1px solid #e6e6e6; text-align: center } .promo-fullwidth-ctas .container { padding: 3.438em 0 2.500em 0 } .promo-fullwidth-ctas p { color: #373737; font-size: 1.125em } .promo-fullwidth-ctas .button.transparent { color: #4b4b4b; border-color: #787878 } .promo-fullwidth-ctas .button.transparent:hover { border-color: #4b4b4b } .promo-fullwidth-ctas .side-ctas { margin-top: 1em } @media screen and (min-width: 769px) { .promo-fullwidth-ctas { text-align: left } .promo-fullwidth-ctas .button.transparent { margin-right: 2em } .promo-fullwidth-ctas .side-ctas { width: auto; margin-top: -0.5em } } .promo-fullwidth-ctas.darker-background { background-color: #009982; background-image: url(../images/hero/bg-pattern-darkgreen.jpg) } .promo-fullwidth-ctas.darker-background p, .promo-fullwidth-ctas.darker-background .section-title { color: #fff } .promo-fullwidth-ctas .learn-more { margin-bottom: 3em } .promo-fullwidth-ctas .learn-more .section-title { margin-bottom: 1.25em } .promo-fullwidth-ctas .learn-more p { font-size: 0.8125em; color: rgba(0, 0, 0, 0.5) } .promo-fullwidth-ctas .learn-more .button { margin: 0 } .promo-fullwidth-ctas .learn-more .button.transparent { color: var(--green-primary); border-color: rgba(0, 0, 0, 0.2) } .promo-fullwidth-ctas .learn-more .button.transparent:hover { border-color: rgba(0, 0, 0, 0.5) } .description-small hr:first-child { margin: 2em 0 } .description-small h3, .description-small h4 { font-weight: 300 } .description-small p { font-size: 0.875em } .description-small ul:last-child { margin-bottom: 0 } .promo-fullwidth-impact.dark { color: #fff } .promo-fullwidth-impact.dark h1, .promo-fullwidth-impact.dark h2, .promo-fullwidth-impact.dark h3, .promo-fullwidth-impact.dark h4, .promo-fullwidth-impact.dark h5, .promo-fullwidth-impact.dark p { color: #FFF } .promo-fullwidth-impact.dark p { opacity: 0.8 } .promo-fullwidth-impact .container { padding: 5.5em 0 } .promo-fullwidth-impact .big-info { border-right: 1px solid #FFF; border-right: 1px solid rgba(255, 255, 255, 0.6); color: #fff; float: left; font-size: 66px; font-weight: 700; letter-spacing: -2px; line-height: 1; margin-right: 30px; padding-right: 30px; opacity: 1 } @media screen and (min-width: 769px) { .promo-fullwidth-ctas .learn-more { margin-bottom: 1.5em } } .main-product-fullwidth .top { text-align: center } .main-product-fullwidth .meta.reviews { margin: 0.5em 0 1.5em } .main-product-fullwidth .side-ctas { margin-bottom: 1.563em } .main-product-fullwidth .top.minimal h1.product-title { margin-bottom: 1em } .smb-products-list h4 { margin-bottom: 0.5em } .smb-products-list h4 + p { color: #888888 } .smb-products-list .single { border: 1px solid #e7e7e7; margin-bottom: -1px; padding: 1.25em; text-align: center } .smb-products-list .short-desc { border-top: 1px solid #e7e7e7; color: #838383; font-family: "MuseoSlab", "Georgia", Times, serif; font-size: 0.875em; font-style: italic; margin-top: 1.25em; padding-top: 1.25em } .smb-products-list .side-ctas { margin-bottom: -0.563em } .smb-products-list .b2b-product-title span.surtitle { margin-bottom: -0.4em } .product-title.b2b-product-title.smb > span { font-weight: 500; margin-top: 0.1em } .product-title.b2b-product-title.smb span.subdesc { font-size: 0.875em; font-weight: 300 } .secondary-list h5 { font-weight: 500; font-size: 0.875em; margin-bottom: 0.5em } .secondary-list ul a { font-size: 0.875em } .secondary-list ul + h5 { margin-top: 2.5em } .secondary-list .container > div { margin-bottom: 2.5em } .secondary-top-description { margin-bottom: 2.500em } .secondary-top-description h4 { margin-bottom: 1.25em } .secondary-top-description h4 + p { color: #888888 } @media screen and (min-width: 769px) { .side-ctas { display: flex; flex-flow: row-reverse; float: right; } .side-ctas.left { float: left; } .side-ctas .button, .side-ctas .assets-button { display: block; float: left; margin-right: 1em } .side-ctas .button:first-child, .side-ctas .assets-button:first-child { margin-right: 0 } .side-ctas .button.green, .side-ctas .button.red, .side-ctas .assets-button.primary, .side-ctas .assets-button.accent { float: right; width: auto } .side-ctas.inverted .button, .side-ctas.inverted .assets-button { display: block; order: 1; margin-right: 1em; } .side-ctas.inverted.intended .button:first-child, .side-ctas.inverted.intended .assets-button:first-child { margin-left: 1em; } .side-ctas.inverted .button.green, .side-ctas.inverted .assets-button.primary, .side-ctas.inverted .button.red, .side-ctas.inverted .assets-button.accent { order: 2; width: auto } .main-product-fullwidth .top { text-align: left; margin-bottom: 2.5em } .main-product-fullwidth .top:after { clear: both; content: ""; display: table } .main-product-fullwidth .top.minimal { margin-bottom: 0 } .main-product-fullwidth .side-ctas { margin: -5.313em 0 0 0 } .main-product-fullwidth .top.minimal .side-ctas { margin: -3.5em 0 0 } .main-product-fullwidth .meta.reviews { margin-bottom: 0 } .secondary-list .container > div { margin-bottom: 0 } .secondary-list .container > div.secondary-top-description { margin-bottom: 2.500em } .secondary-top-description { margin-bottom: 2.500em; padding-bottom: 0 } .smb-products-list .single { border: none; border-top: 1px solid #e7e7e7; padding: 3.438em 0 2.500em 0; text-align: left } .smb-products-list .single figure.page-icon { float: left } .smb-products-list .single img.product-icon-small { max-height: 80px; max-width: 70px } .smb-products-list .single .top { margin-bottom: 1.875em } .smb-products-list .single .top:after { clear: both; content: ""; display: table } .smb-products-list .single:last-child { padding-bottom: 0 } .smb-products-list .single .side-ctas { margin: 0.438em 0 0 0 } .smb-products-list .short-desc { border-top: none; border-left: 1px solid #e7e7e7; margin: 0 0 0 2em; float: left; padding: 1.429em 0 1.429em 2em } .product-title.b2b-product-title.smb { float: left } } @media screen and (min-width: 769px) { .smb-products-list .single.no-top-border { border-top: none; padding-top: 0.5em } } .product-grid-simple .single { margin-top: 2.6em } .product-grid-simple .secondary-top-description { margin-bottom: 0 } .page-header + .product-grid-simple { margin-top: -5em } .product-grid-mini .single { margin-top: 1.875em } .product-grid-mini .subdesc { margin-bottom: 0.625em } .product-grid-mini .b2b-product-title.small { margin-bottom: 0 } .product-grid-mini .text-ctas { margin-top: -0.313em } .product-grid-mini .text-ctas a { font-size: .75em } .product-grid-mini .text-ctas span { color: #a8a8a8; margin: 0 0.5em; cursor: default; font-size: .625em } .fullwidth-text-divider { display: none; color: #828282; font-size: .875em; background-color: #FFF; float: left; padding-right: 2em } .fullwidth-text-divider + .divider { display: block; height: 1px; margin-top: -20px } @media screen and (min-width: 769px) { .product-grid-simple .single { margin-top: 2.35%; border: 1px solid #e6e6e6; padding: 2.188em } .product-grid-simple .single .button { margin-right: 1em } .product-grid-simple .single .shift { padding-left: 4.375em } .product-grid-simple .single h1.product-title { margin-bottom: 1em } .product-grid-simple .ctas .button.transparent { float: left } .fullwidth-text-divider { display: block } } @media screen and (min-width: 661px) { .product-grid-mini .wrapper { margin-top: -1.875em } .product-grid-mini .shift { padding-left: 4.375em } } .service-grid-simple h1.grid-title { font-weight: 500; font-size: 1em; margin-top: 1.6em; margin-bottom: -1.6em } .service-grid-simple .single { margin-top: 2.6em } .service-grid-simple .single .shift p { font-size: .875em } .service-grid-simple .single h1.product-title { margin-bottom: 0.5em } .service-grid-simple .secondary-top-description { margin-bottom: 0 } .page-header + .service-grid-simple { margin-top: -5em } @media screen and (min-width: 769px) { .service-grid-simple .single { margin-top: 2.35%; padding: 2.188em 0 } .service-grid-simple .single .button { margin-right: 1em } .service-grid-simple .single .shift { padding-left: 4.375em } .service-grid-simple .single .shift .button { padding-right: 0.7em !important; padding-left: 0.7em !important; min-width: 9em } .service-grid-simple .ctas .button.transparent { float: left } .fullwidth-text-divider { display: block } } .service-grid-simple .single { margin-top: 2.6em } .service-grid-simple .single .shift p, .service-grid-simple .single .shift li { font-size: .875em; margin-bottom: 0.75em } .service-grid-simple .single .shift .intro p, .service-grid-simple .single .shift .intro li { font-size: 1em } .service-grid-simple .single .shift .intro.divider p:last-child, .service-grid-simple .single .shift .intro.divider li:last-child { margin-bottom: 0 } .service-grid-simple .single .shift .price { margin-bottom: 0.5em; text-align: left } .service-grid-simple .single .shift .price p { font-size: 1.25em; margin-bottom: 0 } .service-grid-simple .single .shift .product-title + .price { margin-top: -0.25em } .service-grid-simple .single .shift small.recommended { text-transform: uppercase; margin-top: -1em; font-size: 0.7em; color: #979797; font-weight: 500 } .service-grid-simple .single .shift.move-up { margin-top: -1em } .page-header + .service-grid-simple { margin-top: -5em } @media screen and (min-width: 769px) { .service-grid-simple .single { margin-top: 2.35%; padding: 2.188em 0 } .service-grid-simple .single .button { margin-right: 1em } .service-grid-simple .single .shift { padding-left: 4.375em } .service-grid-simple .single .shift .button { padding-right: 0.7em !important; padding-left: 0.7em !important; min-width: 9em } .service-grid-simple .ctas .button.transparent { float: left } .fullwidth-text-divider { display: block } } .security-apps-grid-simple .single { margin-top: 2.6em; padding-bottom: 1em; border-bottom: 1px solid #e3e3e3 } .security-apps-grid-simple .single .page-icon .product-icon-xsmall { max-width: 35px } .security-apps-grid-simple .single h1.product-title.small { font-size: .875em; margin-bottom: 0.5em } .security-apps-grid-simple .single h1.product-title.small span { color: #1c1c1c } .security-apps-grid-simple .single .content { clear: both; padding-top: 1.2em } .security-apps-grid-simple .single .content .small-list li { margin-bottom: 1.1em } .security-apps-grid-simple .secondary-top-description { margin-bottom: 0 } .page-header + .security-apps-grid-simple { margin-top: -5em } @media screen and (min-width: 769px) { .security-apps-grid-simple .single { margin-top: 2.35%; margin-bottom: 2.188em; padding: 2.188em 2.188em 0 0; position: relative; border: none } .security-apps-grid-simple .single:nth-child(3n):before, .security-apps-grid-simple .single:nth-child(3n+2):before { content: ''; position: absolute; top: 0; bottom: 0; left: -2.188em; border-left: 1px solid #e7e7e7 } .security-apps-grid-simple .single .button { margin-right: 1em } .security-apps-grid-simple .single .shift { padding-left: 3.375em } .security-apps-grid-simple .ctas .button.transparent { float: left } .fullwidth-text-divider { display: block } } .partners { text-align: center } .partners .slider { margin-top: 3.125em; margin-bottom: 0 } .partners .slider > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .partners .slider > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .partners .slider .slick-dots { border-top: 0 } .partners .slider .slick-slide { padding: 0 1.875em } .partners .slider .slick-arrow { position: absolute; top: 50%; margin-top: -0.5em; display: block; font-size: 2.5em; width: 1em; height: 1em; color: #ccc; text-indent: -9000em } .partners .slider .slick-arrow:hover { color: #ddd } .partners .slider .slick-arrow:before { position: absolute; top: -0.2em; left: -0.1em; font-size: 1.25em; width: 1em; height: 1em; text-indent: 0; text-align: center } .partners .slider .next-slide { right: -0.2em } .partners .slider .next-slide:before { content: "\f105" } .partners .slider .prev-slide { left: -0.2em } .partners .slider .prev-slide:before { content: "\f104" } .partners .item p { color: #777777; font-size: .8125em } .partners .figure { width: 100%; height: 6.25em; display: table; margin-bottom: 1.25em; padding-bottom: .9375em; border-bottom: 1px solid #eeeeee } .partners .figure span { display: table-cell; vertical-align: middle } .partners .figure img { display: inline-block } .partners h4 { margin: 0; font-weight: 500; text-transform: none; margin-bottom: .625em } @media screen and (min-width: 769px) { .partners .slider .slick-slide { padding: 0 .625em } .partners .slider .next-slide { right: -0.9em } .partners .slider .next-slide:before { content: "\f105" } .partners .slider .prev-slide { left: -0.9em } } .partners-list-section .container { padding-bottom: 1.75em } .partners-list { margin-bottom: 0; margin-left: -2%; text-align: center } .partners-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .partners-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .partners-list > li { display: inline-block; vertical-align: middle; margin-left: 2%; max-width: 8em; margin-bottom: 1em } .partners-list > li img { max-height: 3.5em } .partners-list-small { margin-bottom: 0; margin-left: -2%; text-align: center } .partners-list-small > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .partners-list-small > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .partners-list-small > li { display: inline-block; vertical-align: middle; margin-left: 2%; max-width: 5.5em; margin-bottom: 0.75em } .partners-list-small > li img { max-height: 2.5em } .page-header + .search-bar-section { margin-top: -5em } .search-bar { position: relative; margin-bottom: 0.5em; padding: 1.25em 1.5em; background: #F6FBFD } .search-bar .search-button { position: absolute; top: 2.55em; left: 2.5em; color: #80a3b3; opacity: .5 } .search-bar form input { font-size: 0.875em; margin: 0; padding-left: 3em; height: 3.5715em; line-height: 2.5715em; border-color: #E2EDF2 } .search-bar form input:hover, .search-bar form input:focus { border-color: #80a3b3 } .search-info { margin-top: -0.75em; margin-bottom: 1em } .search-info.divider { margin-bottom: 2em } .search-info p { margin-bottom: 0.65em; font-size: 0.75em; color: #777 } .search-info .search-showing span { font-weight: 700 } .search-info .search-sort p { display: inline-block; line-height: 1 } .search-info .search-sort .label { display: inline-block } .search-info .search-sort .links { display: inline-block } .search-info .search-sort .links a { display: inline-block; padding: 0 0.3em 0 0.5em; text-transform: uppercase; font-weight: 700; color: #444; border-left: 1px solid #e5e5e5 } .search-info .search-sort .links a:first-child { padding-left: 0; border: none } .search-info .search-sort .links a.active { color: var(--green-primary) } @media screen and (min-width: 769px) { .serch-promo-section .buy-section.offset { padding-top: 3em } .search-info .search-sort { text-align: right } } .logo-grid { text-align: center } .logo-grid figure { width: 100%; display: table; padding: .625em; height: 6.25em; margin-bottom: .9375em; border: 1px solid #eee; border-bottom-width: 2px } .logo-grid figure span { display: table-cell; vertical-align: middle } .logo-grid h4 { font-weight: 500; text-transform: none; margin-bottom: 0.294em } .logo-grid li { margin-bottom: 2.1875em } .logo-grid li p { font-weight: 100; font-size: .875em } .logo-grid .pagination { margin-top: 1.538em } @media screen and (min-width: 769px) { .logo-grid figure { height: 11.25em } } .subheader { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; max-width: 1920px; margin: 0 auto } .subheader-v1 { text-align: center } .subheader-v1 .page-title { color: #fff; font-family: 'SlowAttack', 'MuseoSans', Arial, sans-serif; font-weight: normal; font-size: 4em; line-height: 0.6; text-transform: uppercase; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3) } .subheader-v1 .page-desc { color: #fff; font-size: 1em } .subheader-v1 .page-desc br { display: none } .subheader-v1 .product-item .product-title a { color: #fff } .subheader-v1 .product-item .product-title a .surtitle { color: #fff; color: rgba(255, 255, 255, 0.8) } @media screen and (min-width: 769px) { .subheader-v1 .page-title { font-size: 7em } .subheader-v1 .page-desc br { display: block } } .subheader { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; max-width: 1920px; margin: 0 auto } .subheader-v2 { position: relative; margin-bottom: 3em; text-align: center } .subheader-v2:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .3 } .subheader-v2 .divider { border-color: rgba(225, 225, 225, 0.3) } .subheader-v2 .partner-logo { margin-top: 1.5em; text-align: center } .subheader-v2 .partner-logo img { max-width: 12em; max-height: 3em } .subheader-v2 .logos { margin-bottom: 2.5em; padding-top: 1em; padding-bottom: 1.5em; text-align: left } .subheader-v2 .logos .site-logo img { width: 10em } .subheader-v2 .logos .partner-logo { margin-top: 0; text-align: right } .subheader-v2 .logos .partner-logo img { max-width: 8em; max-height: 2em } .subheader-v2 .page-title { color: #fff; font-family: 'SlowAttack', 'MuseoSans', Arial, sans-serif; font-weight: normal; font-size: 6em; line-height: 0.6; text-transform: uppercase; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3) } .subheader-v2 .page-desc { color: #fff; font-size: 1em } .subheader-v2 .page-desc br { display: none } .subheader-v2 .button { margin-top: 2.5em } @media screen and (min-width: 769px) { .subheader-v2 { margin-bottom: 4em; text-align: left } .subheader-v2 .partner-logo { margin-top: 1em; text-align: right } .subheader-v2 .partner-logo img { max-width: 14em; max-height: 3.5em } .subheader-v2 .logos { padding-top: 0; margin-top: -2em; margin-bottom: 3.5em; padding-bottom: 3em } .subheader-v2 .logos .site-logo img { width: 13em } .subheader-v2 .logos .partner-logo { margin-top: 0 } .subheader-v2 .logos .partner-logo img { max-width: 8em; max-height: 2.5em } .subheader-v2 .page-title { font-size: 7em } .subheader-v2 .page-desc br { display: block } .subheader-v2 .button { margin-bottom: 2.5em } } .white-popup-inline { pointer-events: none } .white-popup-inline.main { background: none } .white-popup-inline .container { background-color: #FFF; pointer-events: auto; padding: 2em } .white-popup-inline .buy-block.expandable { border: 1px solid #e5e5e5; padding: 1em } .white-popup-inline .buy-block.expandable .price { margin-bottom: 0.75em } .white-popup-inline .buy-block.expandable .links { text-align: center } .white-popup-inline .tab-nav { border-top: 1px solid #e3e3e3 } .white-popup-inline .tab-content-wrapper { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #e5e5e5 } .white-popup-inline .description { overflow: hidden } .white-popup-inline .description .product-item.product-big .product-title { font-size: 1.5em } .white-popup-inline .description .product-item.product-big header { padding-left: 0; text-align: center } .white-popup-inline .description .product-item.product-big header figure { float: none; margin-left: 0; margin: 0 auto } .white-popup-inline .description .product-item.product-big header figure img { width: 70% } .white-popup-inline .radio-group.divider { margin-bottom: 1em; padding-bottom: 1em } @media screen and (min-width: 769px) { .white-popup-inline .container { padding: 3.15em } .white-popup-inline .tab-nav { padding-top: 2.5em; border-top: 1px solid #e3e3e3 } .white-popup-inline .description { overflow: hidden; padding-left: 10em; padding-top: 1em } .white-popup-inline .description .product-item.product-big { float: left; margin-left: -147px; margin-right: 16px; margin-top: -15px } .white-popup-inline .description .product-item.product-big .product-title { font-size: 1.5em } .white-popup-inline .description .product-item.product-big header figure img { width: 70% } .white-popup-inline .tab-content-wrapper { margin-bottom: 0; border-bottom: none; padding-bottom: 0 } } .white-popup-default { background-color: #fff; margin: 0 auto; max-width: 1140px; padding: 2em 1em; margin-top: 3em; margin-bottom: 3em; margin-left: 1em; margin-right: 1em } .white-popup-default iframe { width: 100%; margin: 2em 0 } .white-popup-default .popup-title { border-bottom: 1px solid #e8e8e8; padding-bottom: 1em; text-transform: uppercase } @media screen and (min-width: 769px) { .white-popup-default { padding: 3em; margin: 0 auto; margin-top: 3em; margin-bottom: 3em } } .video-interactive-modules .thumbnail { background-color: #efefef; display: block; height: 100px; margin-bottom: 0.625em; position: relative; width: 100%; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .video-interactive-modules .thumbnail > img { display: block; filter: grayscale(1); left: 50%; margin: -25px auto 0 -25px; max-height: 50px; max-width: 50px; opacity: 0.5; position: absolute; top: 50%; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .video-interactive-modules .thumbnail:hover { background-color: #F5F5F5; -webkit-transition: background-color 0.15s ease-in; -moz-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in } .video-interactive-modules .thumbnail:hover img { -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in; filter: grayscale(0); opacity: 1 } .video-interactive-modules .thumbnail > span { background-color: var(--green-primary); bottom: 0; color: #fff; font-size: 10px; left: 0; padding: 0.3em 1em; position: absolute } .interactive-modules-list li { margin-top: 1.5em } .sticky-wrapper + .video-interactive-modules { margin-top: 3em } .email-template-wrapper .slick-dots { border-top: none } .email-template-wrapper .slider-default { max-width: 800px; margin: 0 auto } .email-template { margin-top: 3em } .email-template .email-template-page { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); font-size: 0.875em; margin: 0 auto; max-width: 660px; padding: 4em 2em; position: relative; margin-bottom: 1em; min-height: 730px } .email-template .email-template-page:before, .email-template .email-template-page:after { content: ""; background-image: url("../../assets/images/email-pattern.png"); background-repeat: repeat-x; display: block; height: 27px; position: absolute; left: 0; width: 100% } .email-template .email-template-page:before { top: 0 } .email-template .email-template-page:after { bottom: 0 } .email-template .email-template-page p { margin-bottom: 0.8em } .email-template .email-template-info { text-align: center; margin: 0 auto; max-width: 660px } .email-template .email-template-info > h4 { font-size: 0.85em; font-weight: 500 } .email-template .email-template-info > small { font-size: 0.85em; color: #a3a3a3 } .email-template .email-template-info > small span { color: #ED2939 } .email-template .email-template-info > small span.font-icons { margin-left: 0.8em; margin-right: 0.4em } @media screen and (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .email-template-page:before, .email-template-page:after { background-image: url("../../assets/images/email-pattern@2x.png"); background-size: 45px 27px } } @media screen and (min-width: 769px) { .email-template-page { padding: 5em 4em } .email-template-info { text-align: center } .email-template-info > h4 { float: left; max-width: 80% } .email-template-info > small { float: right } } .sticky-anchor-nav { display: none; background-color: #F8F8F8; list-style: none } .sticky-anchor-nav .container { padding-bottom: 0 } .sticky-anchor-nav ul { float: left; margin-bottom: 0 } .sticky-anchor-nav li { float: left; margin-bottom: 0; margin-right: 2em; padding: 0 } .sticky-anchor-nav li:before { display: none } .sticky-anchor-nav li a { color: #a2a2a2; display: block; float: left; font-size: 14px; padding: 1.1em 0 } .sticky-anchor-nav li a:hover { color: var(--green-primary) } .sticky-anchor-nav li.active > a { color: #444 } .sticky-anchor-nav li.active > a:hover { color: var(--green-primary) } .sticky-anchor-nav.stuck { left: 0; margin-top: 0; position: fixed; right: 0; top: 51px; z-index: 10; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) } .page-header + .sticky-wrapper { margin-top: 0 } @media screen and (min-width: 769px) { .sticky-anchor-nav { display: block } } .homepage-hero-header-desktop { display: none } @media screen and (min-width: 769px) { .site-homepage #site-top { display: none } .site-homepage #site-header { display: none } .homepage-hero-header-desktop { display: block; position: relative; overflow: hidden; height: 671px; border-bottom: 1px solid #e3e3e3 } .homepage-hero-header-desktop .hero-header-inner { position: absolute; left: 50%; margin: 0 0 0 -1200px; width: 2400px; height: 670px } .homepage-hero-header-desktop .hero-header-inner .top-nav { position: absolute; top: 31px; left: 50%; margin-left: -175px; width: 350px; height: 30px } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form { position: absolute; top: 0; right: 0; left: 0; height: 30px; margin: 0; padding: 0 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form .top-nav-search-btn { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 15px; line-height: 1.2; color: #afafaf; display: block; float: left; position: relative; top: -1px; left: 26px; cursor: pointer; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form .top-nav-search-btn:hover { color: var(--green-primary) } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form.active .top-nav-search-btn { color: var(--green-primary) } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form .search-input-wrap { z-index: -1; position: absolute; top: -7px; right: 58px; left: 58px; height: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input { display: block; width: 100%; height: 30px; border: none; margin: 0; padding: 0; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.57; color: #afafaf; box-shadow: none; background: transparent } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input::-webkit-input-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input::-moz-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input:-moz-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input:-ms-input-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input.placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch { position: absolute; top: 0; right: 0; left: 83px; height: 30px } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li { display: block; float: left } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li > a { display: block; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.2; color: #afafaf; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li:hover > a { color: var(--green-primary) } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-cart { position: relative; top: -4px } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-cart > a { font-size: 19px } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-support { margin-left: 42px } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-mykaspersky { position: relative; margin-left: 35px } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-mykaspersky > a { padding-bottom: 25px } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-mykaspersky > a i { font-size: 8px; position: relative; top: -1px; left: 3px; color: #c9c9c9; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-mykaspersky:hover > a i { color: #8c8c8c } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-mykaspersky > ul { position: absolute; display: none; top: 33px; left: -227px; z-index: 100; width: 330px; background: #fafafa; border-top: 1px solid #eee; border-bottom: 2px solid #ddd; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2) } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-mykaspersky > ul li { display: block; float: left; width: 33.3%; border-left: 1px solid #e5e5e5 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-mykaspersky > ul li:first-child { border-left: none } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-mykaspersky > ul li a { display: block; height: 95px; text-align: center; padding: 21px 4px 12px 4px; font-size: 12px; color: #666 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-mykaspersky > ul li a:hover { color: var(--green-primary) } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-mykaspersky > ul li a .font-icons { font-size: 18px; margin-bottom: 14px; display: block } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-hideonsearch > li.top-nav-mykaspersky:hover > ul { display: block } .homepage-hero-header-desktop .hero-header-inner .mid-screen-wrap { position: absolute; top: 167px; right: 0; bottom: 0; left: 0 } .homepage-hero-header-desktop .hero-header-inner .mid-screen { text-align: center; position: absolute; top: 0; right: 0; bottom: auto; left: 0; visibility: hidden } .homepage-hero-header-desktop .hero-header-inner .mid-screen .focus-img { display: block; max-width: 250px; height: auto; margin: 0 auto 30px auto } .homepage-hero-header-desktop .hero-header-inner .mid-screen h2 { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.22; color: #373737 } .homepage-hero-header-desktop .hero-header-inner .mid-screen h2.business { margin-bottom: 4px } .homepage-hero-header-desktop .hero-header-inner .mid-screen h2.home { margin-bottom: 11px } .homepage-hero-header-desktop .hero-header-inner .mid-screen .subtitle { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.57; color: var(--green-primary); margin-bottom: 9px; text-transform: uppercase } .homepage-hero-header-desktop .hero-header-inner .mid-screen .desc { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.57; color: #888; letter-spacing: -0.2px; max-width: 250px; margin: 0 auto 5px auto } .homepage-hero-header-desktop .hero-header-inner .mid-screen-intro { top: 104px; visibility: visible } .homepage-hero-header-desktop .hero-header-inner .mid-screen-intro .logo { max-width: 242px; height: auto; display: block; margin: 0 auto 44px auto } .homepage-hero-header-desktop .hero-header-inner .mid-screen-intro h2 { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 100; font-size: 28px; line-height: 1.21; color: #323232; letter-spacing: -1.3px } .homepage-hero-header-desktop .hero-header-inner .mid-small-logo { position: absolute; right: 0; bottom: 0; left: 0; visibility: hidden } .homepage-hero-header-desktop .hero-header-inner .mid-small-logo span { display: block; width: 2px; margin: 0 auto 26px auto; height: 1px; background-color: #e6e6e6 } .homepage-hero-header-desktop .hero-header-inner .mid-small-logo img { max-width: 162px; display: block; margin: 0 auto; height: auto } .homepage-hero-header-desktop .hero-header-inner .select-product-type { position: absolute; right: 0; bottom: 66px; left: 0; color: #bbb; overflow: hidden } .homepage-hero-header-desktop .hero-header-inner .select-product-type p { text-transform: uppercase; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11px; line-height: 1; color: inherit; text-align: center; letter-spacing: -0.4px; margin: 0 } .homepage-hero-header-desktop .hero-header-inner .select-product-type .left, .homepage-hero-header-desktop .hero-header-inner .select-product-type .right { display: block; position: absolute; top: 4px; width: 40px; height: 1px; background-color: #e7e7e7 } .homepage-hero-header-desktop .hero-header-inner .select-product-type .left { left: 25px } .homepage-hero-header-desktop .hero-header-inner .select-product-type .right { right: 25px } .homepage-hero-header-desktop .hero-header-inner .side-cta-box { position: absolute; bottom: 0; min-width: 245px; text-align: center; visibility: hidden } .homepage-hero-header-desktop .hero-header-inner .side-cta-box.business { right: 0; left: 195px } .homepage-hero-header-desktop .hero-header-inner .side-cta-box.home { right: 195px; left: 0 } .homepage-hero-header-desktop .hero-header-inner .side-cta-box a { display: block; margin: 0 auto 25px auto; padding: 12px 5px 11px 5px; max-width: 200px; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 20px; line-height: 1.46; color: #fff; text-transform: uppercase; border: 1px solid #a09e9d; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 1px; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4); letter-spacing: -0.6px; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .homepage-hero-header-desktop .hero-header-inner .side-cta-box p { margin-bottom: 40px; font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 100; font-style: italic; font-size: 18px; line-height: 1.4; color: #fff; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4); letter-spacing: -0.8px } .homepage-hero-header-desktop .hero-header-inner .side-screen { width: 483px; position: absolute; top: 152px; bottom: 0; text-align: center; visibility: hidden } .homepage-hero-header-desktop .hero-header-inner .side-screen.business { right: 0 } .homepage-hero-header-desktop .hero-header-inner .side-screen.home { left: 0 } .homepage-hero-header-desktop .hero-header-inner .side-screen h2 { margin: 0 auto 0 auto; padding: 0; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 38px; line-height: 1.2; color: #fff; text-transform: uppercase; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); letter-spacing: -0.8px } .homepage-hero-header-desktop .hero-header-inner .side-screen h3 { font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 100; font-style: italic; font-size: 23px; line-height: 1.8; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); letter-spacing: -0.9px; margin-bottom: 39px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list { width: 310px; margin: 0 auto } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list li { display: block; width: 300px; height: 84px; margin: 0 auto } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta { position: relative; display: block; width: 300px; height: 56px; background: #fff; border-radius: 3px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7 } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i { position: absolute; display: block; color: #070707; top: 0; left: 0; width: 64px; line-height: 56px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.business-small { padding: 3px 0 0 3px; font-size: 18px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.business-medium { font-size: 22px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.business-enterprise { font-size: 28px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.home-pc { padding: 1px 0 0 5px; font-size: 25px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.home-mac { padding: 1px 0 0 4px; font-size: 22px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.home-mobile { padding-top: 1px; padding-left: 3px; font-size: 24px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-title { position: absolute; display: block; top: 0; left: 64px; width: 99px; height: 56px; text-align: left } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-title.business { padding: 15px 0 0 0 } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-title.home { padding: 23px 0 0 6px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-title b { display: block; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1; color: #373737; letter-spacing: -0.3px; margin-bottom: 4px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-title span { display: block; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 10px; line-height: 1; color: #9e9e9e; text-transform: uppercase; letter-spacing: -0.2px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-green-text { display: block; position: absolute; top: 11px; left: 163px; line-height: 34px; padding: 1px 0 0 12px; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 500; font-size: 11px; color: var(--green-primary); text-transform: uppercase; border-left: 1px solid #d9d9d9 } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-green-text.business { left: 163px; padding: 1px 0 0 12px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-green-text.home { left: 158px; padding: 1px 0 0 14px } .homepage-hero-header-desktop .hero-header-inner .side-screen.home .cta-list li { height: 74px } .homepage-hero-header-desktop .hero-header-inner .side-screen.home .all-products { font-weight: 700; font-size: 11px; letter-spacing: -0.1px; color: #fff; text-transform: uppercase; border: 1px solid #c7c9cb; border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 1px; padding: 15px 5px 13px 5px; display: block; max-width: 179px; margin: 10px auto 30px auto; text-align: center; -webkit-transition: border-color 0.2s ease-in; -moz-transition: border-color 0.2s ease-in; transition: border-color 0.2s ease-in } .homepage-hero-header-desktop .hero-header-inner .side-screen.home .all-products:hover { border-color: #eaf4f3; border-color: rgba(255, 255, 255, 0.9) } .homepage-hero-header-desktop .hero-header-inner .side-screen .bottom-copy { font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 100; font-style: italic; font-size: 12px; line-height: 1.66; color: #fff; letter-spacing: -0.2px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); margin: 0; padding: 1px 0 0 0 } .homepage-hero-header-desktop .hero-header-inner .green-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; visibility: hidden } .homepage-hero-header-desktop .hero-header-inner .green-overlay.business { background-image: url(../images/homepage/bg-green-overlay-left.png); background-position: right center } .homepage-hero-header-desktop .hero-header-inner .green-overlay.home { background-image: url(../images/homepage/bg-green-overlay-right.png); background-position: left center; opacity: 0 } .homepage-hero-header-desktop .hero-header-inner .gray-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #3c3c3c; visibility: hidden } .homepage-hero-header-desktop .hero-header-inner .hero-side-col { position: relative; float: left; height: 670px; width: 1060px; background-repeat: no-repeat; background-size: cover; z-index: 50 } .homepage-hero-header-desktop .hero-header-inner .hero-side-col.business { background-position: right center } .homepage-hero-header-desktop .hero-header-inner .hero-side-col.home { background-position: left center } .homepage-hero-header-desktop .hero-header-inner .hero-mid-col { position: relative; float: left; height: 670px; width: 280px; z-index: 55 } .homepage-hero-header-desktop .hero-header-inner .hero-mid-col .border-left { position: absolute; top: 0; right: auto; bottom: 0; left: -50px; width: 50px; height: auto; background: #fff; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: skewX(4.2deg); -moz-transform: skewX(4.2deg); -ms-transform: skewX(4.2deg); -o-transform: skewX(4.2deg); transform: skewX(4.2deg) } .no-csstransforms .homepage-hero-header-desktop .hero-header-inner .hero-mid-col .border-left { position: absolute; top: 0; right: auto; bottom: auto; left: -50px; width: 0; height: 0; background: transparent; border-style: solid; border-width: 0 50px 670px 0; border-color: transparent #ffffff transparent transparent } .homepage-hero-header-desktop .hero-header-inner .hero-mid-col .border-right { position: absolute; top: 0; right: -50px; bottom: 0; left: auto; width: 50px; height: auto; background: #fff; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: skewX(-4.2deg); -moz-transform: skewX(-4.2deg); -ms-transform: skewX(-4.2deg); -o-transform: skewX(-4.2deg); transform: skewX(-4.2deg) } .no-csstransforms .homepage-hero-header-desktop .hero-header-inner .hero-mid-col .border-right { position: absolute; top: 0; right: -50px; bottom: auto; left: auto; width: 0; height: 0; background: transparent; border-style: solid; border-width: 670px 50px 0 0; border-color: #ffffff transparent transparent transparent } } @media screen and (min-width: 992px) { .homepage-hero-header-desktop { display: block; position: relative; overflow: hidden; height: 671px; border-bottom: 1px solid #e3e3e3 } .homepage-hero-header-desktop .hero-header-inner { position: absolute; left: 50%; margin: 0 0 0 -1200px; width: 2400px; height: 670px } .homepage-hero-header-desktop .hero-header-inner .top-nav { position: absolute; top: 31px; left: 50%; margin-left: -175px; width: 350px; height: 30px } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form { position: absolute; top: 0; right: 0; left: 0; height: 30px; margin: 0; padding: 0 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form .top-nav-search-btn { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 15px; line-height: 1.2; color: #afafaf; display: block; float: left; position: relative; top: -1px; left: 26px; cursor: pointer; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form .top-nav-search-btn:hover { color: var(--green-primary) } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form.active .top-nav-search-btn { color: var(--green-primary) } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form .search-input-wrap { z-index: -1; position: absolute; top: -7px; right: 58px; left: 58px; height: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input { display: block; width: 100%; height: 30px; border: none; margin: 0; padding: 0; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.57; color: #afafaf; box-shadow: none; background: transparent } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input::-webkit-input-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input::-moz-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input:-moz-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input:-ms-input-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input.placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .mid-screen .focus-img { max-width: 100% } .homepage-hero-header-desktop .hero-header-inner .mid-screen-intro { top: 104px; visibility: visible } .homepage-hero-header-desktop .hero-header-inner .mid-screen-intro .logo { max-width: 242px; height: auto; display: block; margin: 0 auto 44px auto } .homepage-hero-header-desktop .hero-header-inner .mid-screen-intro h2 { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 100; font-size: 28px; line-height: 1.21; color: #323232; letter-spacing: -1.3px } .homepage-hero-header-desktop .hero-header-inner .side-cta-box { min-width: 300px } .homepage-hero-header-desktop .hero-header-inner .side-cta-box.business { right: 40px; left: 20px } .homepage-hero-header-desktop .hero-header-inner .side-cta-box.home { right: 20px; left: 40px } .homepage-hero-header-desktop .hero-header-inner .side-cta-box a { padding: 16px 5px 18px 5px; max-width: 300px; font-size: 28px } .homepage-hero-header-desktop .hero-header-inner .side-screen { width: auto } .homepage-hero-header-desktop .hero-header-inner .side-screen.business { right: 35px; left: 0 } .homepage-hero-header-desktop .hero-header-inner .side-screen.home { left: 35px; right: 0 } } @media screen and (min-width: 1250px) { .homepage-hero-header-desktop { display: block; position: relative; overflow: hidden; height: 671px; border-bottom: 1px solid #e3e3e3 } .homepage-hero-header-desktop .hero-header-inner { position: absolute; left: 50%; margin: 0 0 0 -1200px; width: 2400px; height: 670px } .homepage-hero-header-desktop .hero-header-inner .top-nav { position: absolute; top: 31px; left: 50%; margin-left: -175px; width: 350px; height: 30px } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form { position: absolute; top: 0; right: 0; left: 0; height: 30px; margin: 0; padding: 0 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form .top-nav-search-btn { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 15px; line-height: 1.2; color: #afafaf; display: block; float: left; position: relative; top: -1px; left: 26px; cursor: pointer; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form .top-nav-search-btn:hover { color: var(--green-primary) } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form.active .top-nav-search-btn { color: var(--green-primary) } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form .search-input-wrap { z-index: -1; position: absolute; top: -7px; right: 58px; left: 58px; height: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input { display: block; width: 100%; height: 30px; border: none; margin: 0; padding: 0; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.57; color: #afafaf; box-shadow: none; background: transparent } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input::-webkit-input-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input::-moz-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input:-moz-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input:-ms-input-placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .top-nav .top-nav-search-form #homepage-header-search-input.placeholder { color: inherit; opacity: 1 } .homepage-hero-header-desktop .hero-header-inner .mid-screen-wrap { position: absolute; top: 167px; right: 0; bottom: 0; left: 0 } .homepage-hero-header-desktop .hero-header-inner .mid-screen { text-align: center; position: absolute; top: 0; right: 0; bottom: auto; left: 0; visibility: hidden } .homepage-hero-header-desktop .hero-header-inner .mid-screen .focus-img { display: block; max-width: 250px; height: auto; margin: 0 auto 30px auto } .homepage-hero-header-desktop .hero-header-inner .mid-screen h2 { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.22; color: #373737 } .homepage-hero-header-desktop .hero-header-inner .mid-screen h2.business { margin-bottom: 4px } .homepage-hero-header-desktop .hero-header-inner .mid-screen h2.home { margin-bottom: 11px } .homepage-hero-header-desktop .hero-header-inner .mid-screen .subtitle { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.57; color: var(--green-primary); margin-bottom: 9px; text-transform: uppercase } .homepage-hero-header-desktop .hero-header-inner .mid-screen .desc { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.57; color: #888; letter-spacing: -0.2px; max-width: 250px; margin: 0 auto 5px auto } .homepage-hero-header-desktop .hero-header-inner .mid-screen-intro { top: 104px; visibility: visible } .homepage-hero-header-desktop .hero-header-inner .mid-screen-intro .logo { max-width: 242px; height: auto; display: block; margin: 0 auto 44px auto } .homepage-hero-header-desktop .hero-header-inner .mid-screen-intro h2 { font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 100; font-size: 28px; line-height: 1.21; color: #323232; letter-spacing: -1.3px } .homepage-hero-header-desktop .hero-header-inner .mid-small-logo { position: absolute; right: 0; bottom: 0; left: 0; visibility: hidden } .homepage-hero-header-desktop .hero-header-inner .mid-small-logo span { display: block; width: 2px; margin: 0 auto 26px auto; height: 1px; background-color: #e6e6e6 } .homepage-hero-header-desktop .hero-header-inner .mid-small-logo img { max-width: 162px; display: block; margin: 0 auto; height: auto } .homepage-hero-header-desktop .hero-header-inner .select-product-type { position: absolute; right: 0; bottom: 66px; left: 0; color: #bbb; overflow: hidden } .homepage-hero-header-desktop .hero-header-inner .select-product-type p { text-transform: uppercase; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11px; line-height: 1; color: inherit; text-align: center; letter-spacing: -0.4px; margin: 0 } .homepage-hero-header-desktop .hero-header-inner .select-product-type .left, .homepage-hero-header-desktop .hero-header-inner .select-product-type .right { display: block; position: absolute; top: 4px; width: 40px; height: 1px; background-color: #e7e7e7 } .homepage-hero-header-desktop .hero-header-inner .select-product-type .left { left: 50px } .homepage-hero-header-desktop .hero-header-inner .select-product-type .right { right: 50px } .homepage-hero-header-desktop .hero-header-inner .side-cta-box { position: absolute; bottom: 0; min-width: 483px; text-align: center } .homepage-hero-header-desktop .hero-header-inner .side-cta-box.business { right: 0; left: auto } .homepage-hero-header-desktop .hero-header-inner .side-cta-box.home { right: auto; left: 0 } .homepage-hero-header-desktop .hero-header-inner .side-cta-box a { display: block; margin: 0 auto 25px auto; padding: 20px 5px 22px 5px; max-width: 363px; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 32px; line-height: 1.46; color: #fff; text-transform: uppercase; border: 1px solid #a09e9d; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 1px; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4); letter-spacing: -0.6px } .homepage-hero-header-desktop .hero-header-inner .side-cta-box p { margin-bottom: 40px; font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 100; font-style: italic; font-size: 18px; line-height: 1.4; color: #fff; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4); letter-spacing: -0.8px } .homepage-hero-header-desktop .hero-header-inner .side-screen { width: 483px; position: absolute; top: 152px; bottom: 0; text-align: center; visibility: hidden } .homepage-hero-header-desktop .hero-header-inner .side-screen.business { right: 0; left: auto } .homepage-hero-header-desktop .hero-header-inner .side-screen.home { right: auto; left: 0 } .homepage-hero-header-desktop .hero-header-inner .side-screen h2 { margin: 0 auto 0 auto; padding: 0; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 38px; line-height: 1.2; color: #fff; text-transform: uppercase; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); letter-spacing: -0.8px } .homepage-hero-header-desktop .hero-header-inner .side-screen h3 { font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 100; font-style: italic; font-size: 23px; line-height: 1.8; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); letter-spacing: -0.9px; margin-bottom: 39px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list { width: 310px; margin: 0 auto } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list li { display: block; width: 300px; height: 84px; margin: 0 auto } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta { position: relative; display: block; width: 300px; height: 56px; background: #fff; border-radius: 3px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7 } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i { position: absolute; display: block; color: #070707; top: 0; left: 0; width: 64px; line-height: 56px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.business-small { padding: 3px 0 0 3px; font-size: 18px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.business-medium { font-size: 22px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.business-enterprise { font-size: 28px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.home-pc { padding: 1px 0 0 5px; font-size: 25px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.home-mac { padding: 1px 0 0 4px; font-size: 22px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta i.home-mobile { padding-top: 1px; padding-left: 3px; font-size: 24px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-title { position: absolute; display: block; top: 0; left: 64px; width: 99px; height: 56px; text-align: left } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-title.business { padding: 15px 0 0 0 } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-title.home { padding: 23px 0 0 6px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-title b { display: block; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1; color: #373737; letter-spacing: -0.3px; margin-bottom: 4px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-title span { display: block; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 10px; line-height: 1; color: #9e9e9e; text-transform: uppercase; letter-spacing: -0.2px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-green-text { display: block; position: absolute; top: 11px; left: 163px; line-height: 34px; padding: 1px 0 0 12px; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 500; font-size: 11px; color: var(--green-primary); text-transform: uppercase; border-left: 1px solid #d9d9d9 } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-green-text.business { left: 163px; padding: 1px 0 0 12px } .homepage-hero-header-desktop .hero-header-inner .side-screen .cta-list .cta .cta-green-text.home { left: 158px; padding: 1px 0 0 14px } .homepage-hero-header-desktop .hero-header-inner .side-screen .bottom-copy { font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 100; font-style: italic; font-size: 12px; line-height: 1.66; color: #fff; letter-spacing: -0.2px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); margin: 0; padding: 1px 0 0 0 } .homepage-hero-header-desktop .hero-header-inner .green-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; visibility: hidden } .homepage-hero-header-desktop .hero-header-inner .green-overlay.business { background-image: url(../images/homepage/bg-green-overlay-left.png); background-position: right center } .homepage-hero-header-desktop .hero-header-inner .green-overlay.home { background-image: url(../images/homepage/bg-green-overlay-right.png); background-position: left center; opacity: 0 } .homepage-hero-header-desktop .hero-header-inner .gray-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #3c3c3c; visibility: hidden } .homepage-hero-header-desktop .hero-header-inner .hero-side-col { position: relative; float: left; height: 670px; width: 1025px; background-repeat: no-repeat; background-size: cover; z-index: 50 } .homepage-hero-header-desktop .hero-header-inner .hero-side-col.business { background-position: right center } .homepage-hero-header-desktop .hero-header-inner .hero-side-col.home { background-position: left center } .homepage-hero-header-desktop .hero-header-inner .hero-mid-col { position: relative; float: left; height: 670px; width: 350px; z-index: 55 } .homepage-hero-header-desktop .hero-header-inner .hero-mid-col .border-left { position: absolute; top: 0; right: auto; bottom: 0; left: -50px; width: 50px; height: auto; background: #fff; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: skewX(4.2deg); -moz-transform: skewX(4.2deg); -ms-transform: skewX(4.2deg); -o-transform: skewX(4.2deg); transform: skewX(4.2deg) } .no-csstransforms .homepage-hero-header-desktop .hero-header-inner .hero-mid-col .border-left { position: absolute; top: 0; right: auto; bottom: auto; left: -50px; width: 0; height: 0; background: transparent; border-style: solid; border-width: 0 50px 670px 0; border-color: transparent #ffffff transparent transparent } .homepage-hero-header-desktop .hero-header-inner .hero-mid-col .border-right { position: absolute; top: 0; right: -50px; bottom: 0; left: auto; width: 50px; height: auto; background: #fff; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: skewX(-4.2deg); -moz-transform: skewX(-4.2deg); -ms-transform: skewX(-4.2deg); -o-transform: skewX(-4.2deg); transform: skewX(-4.2deg) } .no-csstransforms .homepage-hero-header-desktop .hero-header-inner .hero-mid-col .border-right { position: absolute; top: 0; right: -50px; bottom: auto; left: auto; width: 0; height: 0; background: transparent; border-style: solid; border-width: 670px 50px 0 0; border-color: #ffffff transparent transparent transparent } } .homepage-hero-header-mobile { display: block; position: relative; overflow: hidden; height: 453px } .homepage-hero-header-mobile .screen { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; background-repeat: no-repeat; background-position: center; background-size: cover } .homepage-hero-header-mobile .screen.screen-intro { visibility: visible; padding-top: 119px } .homepage-hero-header-mobile .screen.screen-intro h2 { font-weight: 100; font-size: 28px; line-height: 1.21; letter-spacing: -1.2px; color: #fff; margin-bottom: 78px; text-align: center } .homepage-hero-header-mobile .screen.screen-intro .solutions-for { display: block; font-size: 11px; letter-spacing: -0.3px; color: #fff; text-transform: uppercase; margin-bottom: 29px; text-align: center } .homepage-hero-header-mobile .screen.screen-intro ul.cta-list li { display: block; margin-bottom: 14px } .homepage-hero-header-mobile .screen.screen-intro ul.cta-list li a { display: block; background-color: var(--green-primary); margin: 0 auto; padding: 16px 10px 13px 10px; font-weight: 700; font-size: 14px; line-height: 1.2; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: -0.2px; max-width: 280px } .homepage-hero-header-mobile .screen.screen-business, .homepage-hero-header-mobile .screen.screen-home { padding-top: 45px } .homepage-hero-header-mobile .screen.screen-business .back-btn, .homepage-hero-header-mobile .screen.screen-home .back-btn { position: absolute; width: 21px; height: 21px; background-image: url(../images/homepage/icon-arrow-back.png); background-repeat: no-repeat; background-position: center; background-size: 21px 21px; top: 18px; left: 20px; cursor: pointer } .homepage-hero-header-mobile .screen.screen-business h2, .homepage-hero-header-mobile .screen.screen-home h2 { font-weight: 800; font-size: 28px; letter-spacing: -0.3px; color: #fff; text-transform: uppercase; text-align: center; margin-bottom: 4px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) } .homepage-hero-header-mobile .screen.screen-business h3, .homepage-hero-header-mobile .screen.screen-home h3 { font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 100; font-style: italic; letter-spacing: -0.6px; font-size: 16px; color: #fff; margin-bottom: 19px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); text-align: center } .homepage-hero-header-mobile .screen.screen-business .cta-list, .homepage-hero-header-mobile .screen.screen-home .cta-list { width: 280px; margin: 0 auto 27px auto } .homepage-hero-header-mobile .screen.screen-business .cta-list li, .homepage-hero-header-mobile .screen.screen-home .cta-list li { display: block; width: 280px; height: 56px; margin: 0 auto } .homepage-hero-header-mobile .screen.screen-business .cta-list li:last-child, .homepage-hero-header-mobile .screen.screen-home .cta-list li:last-child { margin-bottom: 0 } .homepage-hero-header-mobile .screen.screen-business .cta-list li.business, .homepage-hero-header-mobile .screen.screen-home .cta-list li.business { margin-bottom: 28px } .homepage-hero-header-mobile .screen.screen-business .cta-list li.home, .homepage-hero-header-mobile .screen.screen-home .cta-list li.home { margin-bottom: 17px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta { position: relative; display: block; width: 280px; height: 56px; background: #fff; border-radius: 3px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta i, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta i { position: absolute; display: block; color: #070707; top: 0; left: 0; width: 46px; line-height: 56px; text-align: center } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta i.business-small, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta i.business-small { padding: 3px 0 0 3px; font-size: 18px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta i.business-medium, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta i.business-medium { font-size: 22px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta i.business-enterprise, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta i.business-enterprise { font-size: 28px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta i.home-pc, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta i.home-pc { padding: 1px 0 0 5px; font-size: 25px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta i.home-pc:before, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta i.home-pc:before { position: relative; top: 2px; left: 8px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta i.home-mac, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta i.home-mac { padding: 1px 0 0 4px; font-size: 22px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta i.home-mac:before, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta i.home-mac:before { position: relative; top: 2px; left: 7px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta i.home-mobile, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta i.home-mobile { padding-top: 1px; padding-left: 3px; font-size: 24px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta i.home-mobile:before, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta i.home-mobile:before { position: relative; left: 7px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta .cta-title, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta .cta-title { position: absolute; display: block; top: 0; left: 45px; width: 99px; height: 56px; text-align: left } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta .cta-title.business, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta .cta-title.business { padding: 15px 0 0 0 } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta .cta-title.home, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta .cta-title.home { padding: 23px 0 0 18px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta .cta-title b, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta .cta-title b { display: block; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1; color: #373737; letter-spacing: -0.3px; margin-bottom: 4px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta .cta-title span, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta .cta-title span { display: block; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 10px; line-height: 1; color: #9e9e9e; text-transform: uppercase; letter-spacing: -0.2px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta .cta-green-text, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta .cta-green-text { display: block; position: absolute; top: 11px; line-height: 34px; padding: 1px 0 0 12px; font-family: "MuseoSans", Arial, Helvetica, sans-serif; font-weight: 500; font-size: 11px; color: var(--green-primary); text-transform: uppercase; border-left: 1px solid #d9d9d9; letter-spacing: -0.3 } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta .cta-green-text.business, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta .cta-green-text.business { left: 143px; padding: 1px 0 0 12px } .homepage-hero-header-mobile .screen.screen-business .cta-list .cta .cta-green-text.home, .homepage-hero-header-mobile .screen.screen-home .cta-list .cta .cta-green-text.home { left: 138px; padding: 1px 0 0 14px } .homepage-hero-header-mobile .screen.screen-business .all-products, .homepage-hero-header-mobile .screen.screen-home .all-products { font-weight: 700; font-size: 11px; letter-spacing: -0.1px; color: #fff; text-transform: uppercase; border: 1px solid #c7c9cb; border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 1px; padding: 15px 5px 13px 5px; display: block; max-width: 179px; margin: -10px auto 11px auto; text-align: center } .homepage-hero-header-mobile .screen .bottom-copy { font-family: "MuseoSlab", "Georgia", Times, serif; font-weight: 100; font-style: italic; font-size: 12px; line-height: 1.5; color: #d0d0d0; letter-spacing: -0.4px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); margin: 0; padding: 1px 0 0 0; text-align: center } @media screen and (min-width: 769px) { .homepage-hero-header-mobile { display: none } } .homepage-main .container { padding-bottom: 0 } .homepage-main .hmc-section { padding-top: 3em } .homepage-main .renew-license { padding: 2.3em 0 } .homepage-main .renew-license.mobile { background-color: #f6f6f6; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3 } .homepage-main .renew-license h4 { font-weight: 300; font-size: 1.125em; color: #373737; text-transform: none; margin-bottom: 0.9em } .homepage-main .renew-license .photo { display: block; max-width: 100%; margin: 0 auto 1em auto; height: auto; border-bottom: 1px solid #e3e3e3 } .homepage-main .renew-license p { font-size: .875em; color: #9d9d9d; margin-bottom: 1.3em } .homepage-main .renew-license .button.transparent { color: var(--green-primary) } .homepage-main .renew-license .button.transparent:hover { color: #003a31 } .homepage-main .renew-license .cta { font-weight: 500; font-size: .75em; color: #fff; display: block; margin: 0 0 1.5em 0; padding: 1.1em 1em; text-align: center; background-color: var(--green-primary); text-transform: uppercase } .homepage-main .renew-and-about { display: none } @media screen and (min-width: 769px) { .homepage-main .hmc-section { padding-top: 5em } .homepage-main .renew-license { display: none } .homepage-main .renew-and-about { display: block } .homepage-main .renew-and-about.divider { margin-bottom: 0 } .homepage-main .renew-and-about .renew-col { float: left; display: block; margin-left: 0; width: 50%; padding: 5.5em 4em 5.5em 0 } .homepage-main .renew-and-about .renew-col h4 { font-weight: 300; font-size: 1.125em; color: #373737; text-transform: none; margin-bottom: 0.9em } .homepage-main .renew-and-about .renew-col .photo { display: block; max-width: 100%; margin: 0 auto 1em auto; height: auto; border-bottom: 1px solid #e3e3e3 } .homepage-main .renew-and-about .renew-col p { font-size: .875em; color: #9d9d9d; margin-bottom: 1.3em } .homepage-main .renew-and-about .renew-col .button { margin-right: 1em } .homepage-main .renew-and-about .renew-col .button.transparent { color: var(--green-primary) } .homepage-main .renew-and-about .renew-col .button.transparent:hover { color: #003a31 } .homepage-main .renew-and-about .renew-col .cta { font-weight: 500; font-size: .75em; color: #fff; display: block; margin: 0 0 1.5em 0; padding: 1.1em 1em; text-align: center; background-color: var(--green-primary); text-transform: uppercase } .homepage-main .renew-and-about .about-col { float: left; display: block; margin-left: 0; width: 50%; position: relative; padding: 2.5em 0 0 0; border-left: 1px solid #e3e3e3 } .homepage-main .renew-and-about .about-col .quote-section { position: static } } @media screen and (min-width: 769px) { .homepage-main .renew-and-about .container { display: flex; flex-wrap: wrap; align-items: stretch } } .homepage-malware-stats { background-color: #e2eeed; background-image: url(../images/homepage/bg-grayish.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 2em 0 1.15em 0 } .homepage-malware-stats .container { padding-bottom: 0 } .homepage-malware-stats .malware-awards p { font-size: .875em; color: #9d9d9d; margin-bottom: 1.4em } .homepage-malware-stats .malware-awards p span { color: #373737 } .homepage-malware-stats .malware-awards ul.awards-list { margin-bottom: 0; margin-bottom: 2.1em } .homepage-malware-stats .malware-awards ul.awards-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .homepage-malware-stats .malware-awards ul.awards-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .homepage-malware-stats .malware-awards ul.awards-list li { display: inline-block; vertical-align: middle; width: 20%; padding: 0 4px } .homepage-malware-stats .malware-awards ul.awards-list li img { max-width: 100%; height: auto; display: inline-block; margin: 0 } .homepage-malware-stats .malware-stats { text-align: center } .homepage-malware-stats .malware-stats h4 { font-weight: 700; font-size: 1.6875em; color: #1e1e1e; margin-bottom: 0.14em } .homepage-malware-stats .malware-stats h5 { font-size: 1em; margin-bottom: 0.3em } .homepage-malware-stats .malware-stats h5 strong { display: block; font-weight: 500; font-size: .875em; line-height: 1.28; color: var(--green-primary); text-transform: uppercase } .homepage-malware-stats .malware-stats h5 span { display: block; font-weight: 300; font-size: .75em; line-height: 1.5; color: #909090 } .homepage-malware-stats .malware-stats p { font-size: .875em; line-height: 1.35; color: #9d9d9d; margin-bottom: 1.8em } @media screen and (min-width: 769px) { .homepage-malware-stats { padding: 5em 0 0.8em 0 } } .ent-hero-grid { background-size: cover; background-position: center } .ent-hero-grid ul { margin-bottom: 0 } .ent-hero-grid ul > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .ent-hero-grid ul > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ent-hero-grid ul:after { clear: both; content: ""; display: table } .ent-hero-grid ul li { text-align: center } .ent-hero-grid h1 { color: #ffffff; font-size: 22px; text-align: center; font-weight: normal; padding: 30px 0 0 0 } .ent-hero-grid .solutions-features-row { margin-left: -30px; width: 990px } .ent-hero-grid .solution-feature { width: 100%; float: left; position: relative; margin-top: 14px; background-color: rgba(0, 0, 0, 0.6); *background: url("../images/ent-bg-pixel.png") top left transparent; background: url("../images/ent-bg-pixel.png") top left transparent\9 } .ent-hero-grid .solution-feature, .ent-hero-grid .solution-feature:hover, .ent-hero-grid .solution-feature:active, .ent-hero-grid .solution-feature:focus { text-decoration: none; outline: transparent } .ent-hero-grid .solution-feature-inner { padding: 6px } .ent-hero-grid .solution-feature-ico { width: 67px; height: auto; position: relative; margin-top: 7px } .ent-hero-grid .solution-feature-description { display: none } .ent-hero-grid .solution-feature-description p { color: #fff; font-size: 14px; line-height: 20px; padding-top: 5px } .ent-hero-grid .title-enterprise-solution { margin: 0; color: #fff; position: relative; top: 30px; font-size: 14px; line-height: 20px; font-weight: 300 } .ent-hero-grid .contact-us-cta { margin-top: 20px; text-align: center } @media (max-width: 768px) { .ent-hero-grid ul { margin: 0 } .ent-hero-grid ul li { width: 33.3333333%; float: left; padding: 0 7px; margin: 0 } .ent-hero-grid .title-enterprise-solution { top: auto !important } .ent-hero-grid .solution-feature-content { margin-left: 0 !important } .ent-hero-grid .solution-feature-ico { top: 0 !important; width: 67px !important } .ent-hero-grid .solution-feature-description { display: none !important } .ent-hero-grid .container { margin: 0; width: 100% } } @media screen and (min-width: 769px) { .ent-hero-grid h1 { font-size: 46px } .ent-hero-grid ul li { text-align: left } .ent-hero-grid .solution-feature-content { margin-left: 80px } .ent-hero-grid .title-enterprise-solution { font-size: 20px } .ent-hero-grid .solution-feature-inner { padding: 10px } .ent-hero-grid .solution-feature-ico { float: left } .ent-hero-grid .solution-feature { height: 110px; margin-top: 22px } } .ent-banner { text-align: center } .ent-banner h2 { font-size: 20px; margin: 35px 0 10px 0; font-weight: normal } .ent-banner p { color: #333333; font-size: 14px; font-weight: normal } .ent-banner.cta { background-color: #fff } .ent-banner.cta .container { padding: 1.875em 0 } @media screen and (min-width: 769px) { .ent-banner h2 { font-size: 36px; margin: 60px 0 10px 0 } .ent-banner p { font-size: 16px } .ent-banner.cta .container { padding: 3.75em 0 } } .ent-case-study-slider { padding: 20px 0 0 0; text-align: center; background-size: cover; background-position: center } .ent-case-study-slider.grey { background-color: #f3f3f3 } .ent-case-study-slider h2 { color: #333; font-weight: 500; font-size: 1.25em; margin-bottom: 0.6em } .ent-case-study-slider .container { padding-bottom: 1.25em } .ent-case-study-slider .ent-btn.view-all { text-transform: none; font-weight: normal; font-size: 16px } .ent-case-study-slider .enterprise-solutions-sections { text-align: center; margin-bottom: 0 } .ent-case-study-slider .enterprise-solutions-sections > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .ent-case-study-slider .enterprise-solutions-sections > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ent-case-study-slider .enterprise-solutions-sections li:last-child { margin-right: 0 } .ent-case-study-slider .enterprise-solutions-sections li.active a { color: var(--green-primary) } .ent-case-study-slider .enterprise-solutions-sections li a { display: block; color: #333333; font-size: 20px; font-weight: 500; padding: 0 10px 10px 10px } .ent-case-study-slider [class*="--slider"] { display: none; opacity: 0; min-height: 430px; *zoom: 1 } .ent-case-study-slider [class*="--slider"].slider-active { display: block; opacity: 1 } .ent-case-study-slider .solutions-slider, .ent-case-study-slider .solutions-slider-list { margin-bottom: 5px } .ent-case-study-slider .solutions-slider.related .item-inner, .ent-case-study-slider .solutions-slider-list.related .item-inner { border: 1px solid #dadada } .ent-case-study-slider .solutions-slider.related .item figure img, .ent-case-study-slider .solutions-slider-list.related .item figure img { width: auto; margin-top: 20px; display: inline-block } .ent-case-study-slider .solutions-slider.related .item .content, .ent-case-study-slider .solutions-slider-list.related .item .content { padding: 15px 35px 70px 35px; text-align: center } .ent-case-study-slider .solutions-slider.related .item h3, .ent-case-study-slider .solutions-slider-list.related .item h3 { color: var(--green-primary); font-size: 20px; margin-bottom: 10px } .ent-case-study-slider .solutions-slider.related .item p, .ent-case-study-slider .solutions-slider-list.related .item p { color: #333; font-size: 15px; font-weight: 500 } .ent-case-study-slider .solutions-slider .slick-track, .ent-case-study-slider .solutions-slider-list .slick-track { margin: 0 auto } .ent-case-study-slider .solutions-slider .item figure, .ent-case-study-slider .solutions-slider-list .item figure { position: relative } .ent-case-study-slider .solutions-slider .item figure img, .ent-case-study-slider .solutions-slider-list .item figure img { width: 100% } .ent-case-study-slider .solutions-slider .item figure .header-title, .ent-case-study-slider .solutions-slider-list .item figure .header-title { position: absolute; height: 100%; width: 100%; top: 0 } .ent-case-study-slider .solutions-slider .item figure span, .ent-case-study-slider .solutions-slider-list .item figure span { display: table; height: 100% } .ent-case-study-slider .solutions-slider .item figure p, .ent-case-study-slider .solutions-slider-list .item figure p { margin: 0; color: #fff; padding: 0 20px; line-height: 1; font-size: 16px; text-align: left; font-weight: 900; display: table-cell; vertical-align: middle; text-transform: uppercase } .ent-case-study-slider .solutions-slider .item .content, .ent-case-study-slider .solutions-slider-list .item .content { padding: 15px 15px 70px 15px; text-align: left; min-height: 120px } .ent-case-study-slider .solutions-slider .item h3, .ent-case-study-slider .solutions-slider-list .item h3 { font-size: 24px; font-weight: 500; margin-bottom: 0 } .ent-case-study-slider .solutions-slider .item p, .ent-case-study-slider .solutions-slider-list .item p { font-size: 14px } .ent-case-study-slider .solutions-slider .item p.bigger, .ent-case-study-slider .solutions-slider-list .item p.bigger { font-size: 16px; margin-bottom: 0 } .ent-case-study-slider .solutions-slider .item .ent-btn, .ent-case-study-slider .solutions-slider-list .item .ent-btn { width: 100%; color: #fff; padding-top: 0; font-size: 16px; font-weight: normal; background-color: var(--green-primary); position: absolute; bottom: 0; right: 0 } .ent-case-study-slider .solutions-slider .item .ent-btn:hover, .ent-case-study-slider .solutions-slider-list .item .ent-btn:hover { background-color: #00816d } .ent-case-study-slider .solutions-slider .item .ent-btn:before, .ent-case-study-slider .solutions-slider-list .item .ent-btn:before { content: ''; display: block; width: 42px; height: 42px; margin: -24px auto 5px auto; background-image: url("../images/enterprise/enterprise-icons.png") } .ent-case-study-slider .solutions-slider .item .ent-btn.book:before, .ent-case-study-slider .solutions-slider-list .item .ent-btn.book:before { background-position: -14px -1523px } .ent-case-study-slider .solutions-slider .item .ent-btn.pdf:before, .ent-case-study-slider .solutions-slider-list .item .ent-btn.pdf:before { background-position: -14px -1705px } .ent-case-study-slider .solutions-slider .item .ent-btn.play:before, .ent-case-study-slider .solutions-slider-list .item .ent-btn.play:before { background-position: -14px -1615px } .ent-case-study-slider .solutions-slider .item .ent-btn.request:before, .ent-case-study-slider .solutions-slider-list .item .ent-btn.request:before { background-position: -14px -1873px } .ent-case-study-slider .solutions-slider .item .ent-btn.subscribe:before, .ent-case-study-slider .solutions-slider-list .item .ent-btn.subscribe:before { background-position: -14px -1957px } .ent-case-study-slider .solutions-slider .item .ent-btn.contact:before, .ent-case-study-slider .solutions-slider-list .item .ent-btn.contact:before { background-position: -14px -2110px } .ent-case-study-slider .solutions-slider .item .two-buttons .ent-btn, .ent-case-study-slider .solutions-slider-list .item .two-buttons .ent-btn { width: 50% } .ent-case-study-slider .solutions-slider .item .two-buttons .ent-btn:first-child, .ent-case-study-slider .solutions-slider-list .item .two-buttons .ent-btn:first-child { left: 0 } .ent-case-study-slider .solutions-slider .item-inner, .ent-case-study-slider .solutions-slider-list .item-inner { position: relative; background-color: #ffffff } .ent-case-study-slider .solutions-slider .slick-arrow, .ent-case-study-slider .solutions-slider-list .slick-arrow { background-color: transparent; border: none; width: 20px; height: 40px; position: absolute; top: 50%; margin-top: -20px; cursor: pointer; background-size: contain; z-index: 1 } .ent-case-study-slider .solutions-slider .slick-arrow:focus, .ent-case-study-slider .solutions-slider-list .slick-arrow:focus { outline: none } .ent-case-study-slider .solutions-slider .slick-arrow.slick-next, .ent-case-study-slider .solutions-slider-list .slick-arrow.slick-next { right: -5px; background-image: url(../images/enterprise/ent-arrow-next.png) } .ent-case-study-slider .solutions-slider .slick-arrow.slick-next:hover, .ent-case-study-slider .solutions-slider-list .slick-arrow.slick-next:hover { background-image: url(../images/enterprise/ent-arrow-next-hover.png) } .ent-case-study-slider .solutions-slider .slick-arrow.slick-prev, .ent-case-study-slider .solutions-slider-list .slick-arrow.slick-prev { left: -5px; background-image: url(../images/enterprise/ent-arrow-prev.png) } .ent-case-study-slider .solutions-slider .slick-arrow.slick-prev:hover, .ent-case-study-slider .solutions-slider-list .slick-arrow.slick-prev:hover { background-image: url(../images/enterprise/ent-arrow-prev-hover.png) } .ent-case-study-slider .solutions-slider .slick-dots, .ent-case-study-slider .solutions-slider-list .slick-dots { border: none; margin-top: 15px; text-align: center; margin-bottom: 0 } .ent-case-study-slider .solutions-slider .slick-dots > li, .ent-case-study-slider .solutions-slider-list .slick-dots > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .ent-case-study-slider .solutions-slider .slick-dots > li:before, .ent-case-study-slider .solutions-slider-list .slick-dots > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ent-case-study-slider .solutions-slider .slick-dots li, .ent-case-study-slider .solutions-slider-list .slick-dots li { display: inline-block; margin-right: 17px } .ent-case-study-slider .solutions-slider .slick-dots li:last-child, .ent-case-study-slider .solutions-slider-list .slick-dots li:last-child { margin-right: 0 } .ent-case-study-slider .solutions-slider .slick-dots li button, .ent-case-study-slider .solutions-slider-list .slick-dots li button { background-color: transparent; border-radius: 0; border: 0; padding: 0; text-indent: -9999px; width: 12px; height: 12px; background-image: url(../images/enterprise/ent-slider-dots.png); background-position: right; cursor: pointer } .ent-case-study-slider .solutions-slider .slick-dots li button:focus, .ent-case-study-slider .solutions-slider-list .slick-dots li button:focus { outline: none } .ent-case-study-slider .solutions-slider .slick-dots li.slick-active button, .ent-case-study-slider .solutions-slider-list .slick-dots li.slick-active button { background-position: left } .ent-case-study-slider.resources { text-align: left; padding-top: 1.5625em; background-color: #f3f3f3 } .ent-case-study-slider.resources .container { padding-bottom: 1.875em } .ent-case-study-slider.resources h2 { color: var(--green-primary); margin-bottom: 5px } .ent-case-study-slider.resources .solutions-slider, .ent-case-study-slider.resources .solutions-slider-list { margin: 1.875em 0 } .ent-case-study-slider.resources .ent-btn.view-all { float: right; font-size: 16px; margin-right: 18px; text-transform: uppercase } .ent-case-study-slider.list { padding-top: 3.125em } .ent-case-study-slider.list .solutions-slider, .ent-case-study-slider.list .solutions-slider-list { margin-bottom: 0 } .ent-case-study-slider.list .solutions-slider .item, .ent-case-study-slider.list .solutions-slider-list .item { margin-bottom: 1.5625em } @media (max-width: 768px) { .ent-case-study-slider .solutions-slider .item .content, .ent-case-study-slider .solutions-slider-list .item .content { height: auto !important } } @media screen and (min-width: 769px) { .ent-case-study-slider { padding: 40px 0 0 0 } .ent-case-study-slider .container { padding-bottom: 2.1875em } .ent-case-study-slider h2 { font-size: 2.25em; margin-bottom: 1.1em } .ent-case-study-slider .enterprise-solutions-sections li { display: inline-block; margin: 0 40px 0 0 } .ent-case-study-slider .enterprise-solutions-sections li.active a { border-bottom: 2px solid var(--green-primary) } .ent-case-study-slider .enterprise-solutions-sections li a { font-size: 30px } .ent-case-study-slider .enterprise-solutions-sections li a:hover { color: var(--green-primary); border-bottom: 2px solid var(--green-primary) } .ent-case-study-slider .solutions-slider, .ent-case-study-slider .solutions-slider-list { margin-bottom: 40px } .ent-case-study-slider .solutions-slider .item, .ent-case-study-slider .solutions-slider-list .item { padding: 0 10px } .ent-case-study-slider .solutions-slider .slick-arrow.slick-next, .ent-case-study-slider .solutions-slider-list .slick-arrow.slick-next { right: -30px } .ent-case-study-slider .solutions-slider .slick-arrow.slick-prev, .ent-case-study-slider .solutions-slider-list .slick-arrow.slick-prev { left: -30px } .ent-case-study-slider .ent-btn.view-all { font-size: 20px } .ent-case-study-slider.resources { padding-top: 3.4375em } .ent-case-study-slider.resources + .ent-case-study-slider.resources { padding-top: 0 } .ent-case-study-slider.resources .container { padding-bottom: 3.75em } .ent-case-study-slider.resources .slick-track { margin: 0 -.625em } .ent-case-study-slider.list .solutions-slider .item, .ent-case-study-slider.list .solutions-slider-list .item { padding-left: 0; padding-right: 0 } } @media screen and (min-width: 1100px) { .ent-case-study-slider .solutions-slider .slick-arrow, .ent-case-study-slider .solutions-slider-list .slick-arrow { width: 33px; height: 67px; margin-top: -33px } .ent-case-study-slider .solutions-slider .slick-arrow.slick-next, .ent-case-study-slider .solutions-slider-list .slick-arrow.slick-next { right: -50px } .ent-case-study-slider .solutions-slider .slick-arrow.slick-prev, .ent-case-study-slider .solutions-slider-list .slick-arrow.slick-prev { left: -50px } } .ent-header { padding-top: 30px; text-align: center; background-size: cover; background-position: center } .ent-header h1 { color: #fff; font-size: 1.375em; line-height: 1.13; font-weight: 500; margin-bottom: 0.43em } .ent-header h1 img { height: 38px; margin-bottom: -0.43em } .ent-header p { color: #fff; font-weight: 500; font-size: .875em; line-height: 1.28; margin-bottom: 0.95em } .ent-header .enterprise-solutions-nav-wrapper { background-color: #000; background-color: rgba(0, 0, 0, 0.8); position: relative } .ent-header .enterprise-solutions-nav-wrapper.stuck { position: fixed; top: 51px; left: 0; right: 0; margin-top: 0; z-index: 10 } .ent-header .enterprise-solutions-nav-wrapper .container { padding-bottom: 0 } .ent-header .enterprise-solutions-nav { margin-bottom: 0; margin: 0 auto; padding: 0; list-style: none; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #6b6b6b; font-size: 0; display: table; width: 100% } .ent-header .enterprise-solutions-nav > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .ent-header .enterprise-solutions-nav > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ent-header .enterprise-solutions-nav > li { display: table-cell; *display: inline; *zoom: 1 } .ent-header .enterprise-solutions-nav > li > a { display: block; color: #fff; font-size: 18px; line-height: 24px; padding: 15px 26px; border-right: 1px solid #6b6b6b; -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) } .ent-header .enterprise-solutions-nav > li:first-child > a { border-left: 1px solid #6b6b6b } .ent-header .enterprise-solutions-nav > li > a, .ent-header .enterprise-solutions-nav > li > a:hover, .ent-header .enterprise-solutions-nav > li > a:active, .ent-header .enterprise-solutions-nav > li > a:focus { text-decoration: none } .ent-header .enterprise-solutions-nav > li.active > a, .ent-header .enterprise-solutions-nav > li > a:hover { background-color: #fff; color: #000 } .ent-header .enterprise-ico { background-image: url("../images/enterprise/enterprise-icons.png"); background-repeat: no-repeat; background-color: transparent; display: inline-block } .ent-header .view-all-solutions-ico { background-position: -22px -1446px; vertical-align: middle; margin-right: 6px; margin-top: -6px; width: 26px; height: 26px; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent } .ent-header .view-all-solutions-link { display: none; color: #fff; float: right; font-size: 20px; line-height: 22px; margin-top: 23px; font-weight: 300 } .ent-header .view-all-solutions-link:hover .view-all-solutions-ico { -webkit-transform: translateX(-4px); transform: translateX(-4px) } .ent-header .view-all-solutions-link:hover, .ent-header .view-all-solutions-link:active, .ent-header .view-all-solutions-link:focus { color: #ddd } .ent-header .sticky-wrapper { display: none } .ent-header .ent-btn { margin-bottom: 10px } @media screen and (min-width: 769px) { .ent-header { padding-top: 0 } .ent-header h1 { font-size: 2.875em } .ent-header h1 img { height: 77px } .ent-header p { font-size: 1.3125em } .ent-header .view-all-solutions-link { display: block } .ent-header .ent-btn { margin-bottom: 0 } } @media screen and (min-width: 993px) { .ent-header .sticky-wrapper { display: block; height: 96px } } .ent-product-single-content { color: #333; background-size: cover; background-color: #f3f3f3; background-position: center } .ent-product-single-content.white { background-color: #fff } .ent-product-single-content .container { padding: 1.875em 0 } .ent-product-single-content figure img { width: 100%; display: block } .ent-product-single-content h2 { font-weight: 500; font-size: 1.25em; margin-bottom: .625em } .ent-product-single-content h3 { font-weight: 500; font-size: 1.125em; line-height: 1.2; margin-bottom: .75em } .ent-product-single-content h4 { color: #333; margin-bottom: 0; font-weight: 500; text-transform: none } .ent-product-single-content h5 { font-weight: 500; font-size: 1.25em } .ent-product-single-content p { line-height: 1.25; font-size: .875em; margin-bottom: 1.25em } .ent-product-single-content p strong { color: #333; font-weight: 500 } .ent-product-single-content ul { margin-bottom: 0; padding-left: 0; margin-bottom: 1.09375em } .ent-product-single-content ul > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .ent-product-single-content ul > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ent-product-single-content ul li { color: #666; font-weight: 500; font-size: .875em; line-height: 1.68; list-style-type: disc; list-style-position: inside } .ent-product-single-content ul.grid { margin-bottom: 0 } .ent-product-single-content ul.grid li { text-align: center; margin-bottom: 25px; list-style-type: none } .ent-product-single-content ul.grid li img { width: auto; margin-bottom: 15px; display: inline-block } .ent-product-single-content ul.grid li p { font-weight: 500 } .ent-product-single-content .item { margin-bottom: .625em } .ent-product-single-content .item:after { clear: both; content: ""; display: table } .ent-product-single-content .item:last-child { margin-bottom: 0 } .ent-product-single-content .item .col-thumb figure { display: none } .ent-product-single-content .item-full-width { margin-bottom: 10px } .ent-product-single-content .item .content figure { display: block; margin-bottom: .75em } .ent-product-single-content .view-pdf { display: block; background-image: url("../images/enterprise/enterprise-icons.png"); background-position: -27px -2038px; background-repeat: no-repeat; padding: 8px 0 5px 25px; margin-bottom: 1.09375em; font-size: .875em } @media screen and (min-width: 769px) { .ent-product-single-content .container { padding: 3.125em 0 } .ent-product-single-content h2 { font-size: 2.25em; margin-bottom: 1em } .ent-product-single-content h3 { font-size: 1.875em; margin-bottom: 0.43em } .ent-product-single-content p { font-size: 1em } .ent-product-single-content ul { padding-left: 1.25em } .ent-product-single-content ul li { font-size: 1em } .ent-product-single-content .item { margin-bottom: 3.75em } .ent-product-single-content .item .col-thumb figure { display: block } .ent-product-single-content .item .col-center { text-align: center } .ent-product-single-content .item .col-half:first-child { padding-right: 5px } .ent-product-single-content .item .col-half:last-child { padding-left: 5px } .ent-product-single-content .item-full-width { margin-bottom: 40px } .ent-product-single-content .item .content figure { display: none } .ent-product-single-content .view-pdf { font-size: 1em; padding: 5px 0 5px 25px } } .ent-features-grid { padding: 40px 0 45px 0; background-size: cover; background-position: center } .ent-features-grid .container { padding-bottom: 0 } .ent-features-grid .container > img { margin-top: .625em; margin-bottom: .625em } .ent-features-grid h2 { color: #fff; font-weight: 500; font-size: 1.25em } .ent-features-grid h3 { color: #fff; margin-bottom: .625em } .ent-features-grid h4 { color: #fff; font-weight: 500; font-size: 1.125em; text-transform: none; margin-bottom: .5em } .ent-features-grid p { color: #fff; font-weight: 500; line-height: 1.25; font-size: .9375em } .ent-features-grid p.note { color: #fff; font-size: .84375em } .ent-features-grid figure img { margin-bottom: 1.25em } .ent-features-grid ul { margin-bottom: 0 } .ent-features-grid ul > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .ent-features-grid ul > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ent-features-grid ul li { margin-top: 1.375em; text-align: center } .ent-features-grid ul li p { display: none } .ent-features-grid ul + * { margin-top: 35px } .ent-features-grid ul + ul { margin-top: 0 } .ent-features-grid ul.diamond-list p { display: block } .ent-features-grid ul ul { padding-left: 1.25em } .ent-features-grid ul ul li { color: #fff; margin-top: 0; text-align: left; font-weight: 500; font-size: 1em; line-height: 1.16; margin-bottom: .25em; list-style-type: disc } .ent-features-grid table { margin-bottom: 1.875em } .ent-features-grid table td { cursor: default; font-size: .75em; padding: 7px; width: 33.3333333%; text-align: center; vertical-align: middle; background-color: #fff; border-top: 1px solid #b1d3c8; border-left: 1px solid #b1d3c8 } .ent-features-grid table td p { margin: 0; font-size: 12px } .ent-features-grid table thead td { color: #fff; font-weight: 300; font-size: .9375em; background-color: transparent; border-top: 0; border-left: 0 } .ent-features-grid table tbody tr td:first-child { text-align: left } .ent-features-grid table tbody tr:first-child td p { color: #333 } .ent-features-grid table tbody tr:first-child:hover td { background-color: #fff } .ent-features-grid table tbody tr:nth-child(2n) td { background-color: #fafafa } .ent-features-grid table tbody tr:hover td { background-color: #f5f5f5 } .ent-features-grid.white * { color: #333 } @media screen and (min-width: 769px) { .ent-features-grid { text-align: center } .ent-features-grid h2 { font-size: 2.25em } .ent-features-grid h3 { font-size: 1.25em } .ent-features-grid h4 { font-size: 1.625em } .ent-features-grid ul li p { display: block; font-size: 1em } .ent-features-grid ul ul li { font-size: 1.125em } .ent-features-grid table td { font-size: 1.3125em; padding: 12px 16px } .ent-features-grid table td p { font-size: 14px } .ent-features-grid table thead td { font-size: 1.5em } } .ent-support-date .wrapper { padding: 40px 0 } .ent-support-date .container { padding: 0 } .ent-support-date h2 { font-weight: 500; font-size: 1.25em } .ent-support-date .date { margin-bottom: 0; margin: 30px 0 10px 0 } .ent-support-date .date:after { clear: both; content: ""; display: table } .ent-support-date .date > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .ent-support-date .date > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ent-support-date .date li { margin-right: 20px; display: inline-block } .ent-support-date .date li:last-child { margin-right: 0 } .ent-support-date .date li span { color: #fff; padding: 5px; font-size: 32px; font-weight: bold; display: inline-block; background-color: var(--green-primary) } .ent-support-date .date li p { color: #333; font-size: 12px; margin-top: 10px; line-height: 1.25; font-weight: bold; text-align: center; text-transform: uppercase } .ent-support-date .ent-btn { font-size: 15px } @media screen and (min-width: 769px) { .ent-support-date { text-align: center } .ent-support-date .container { padding: 40px; border: 1px solid #dadada } .ent-support-date h2 { font-size: 2.25em } .ent-support-date .date { margin: 30px 0 } .ent-support-date .date li { margin-right: 25px } .ent-support-date .date li span { padding: 15px; font-size: 66px } .ent-support-date .date li p { font-size: 24px } } .ent-logo-slider { padding-top: 1.25em; text-align: center } .ent-logo-slider .container { padding-bottom: .625em } .ent-logo-slider h2 { color: #333; font-weight: 500; font-size: 1.25em; margin-bottom: .625em } .ent-logo-slider ul { display: none; margin-bottom: 0 } .ent-logo-slider ul > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .ent-logo-slider ul > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ent-logo-slider ul li { margin-bottom: 2.1875em; position: relative; display: table } .ent-logo-slider ul li:before { display: none } .ent-logo-slider ul li span { display: table-cell; vertical-align: middle } .ent-logo-slider .logo-slider { display: block } .ent-logo-slider .logo-slider li { margin: 0; padding: 0; display: table; width: 70% } .ent-logo-slider .logo-slider li img { display: inline-block } .ent-logo-slider .recognition-block:hover .recognition-block-tooltip { display: block } .ent-logo-slider .recognition-block-tooltip { text-align: left; z-index: 8; display: none; width: 240px; left: 50%; margin-left: -120px; position: absolute; background-color: #fff; padding: 10px; border: 1px solid #2c2c2c; color: #474949; margin-top: 20px } .ent-logo-slider .recognition-block-tooltip p { color: #666; margin: 0 0 10px; line-height: 20px; font-size: 14px } .ent-logo-slider .recognition-block-tooltip:after, .ent-logo-slider .recognition-block-tooltip:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .ent-logo-slider .recognition-block-tooltip:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 16px; margin-left: -16px } .ent-logo-slider .recognition-block-tooltip:before { border-color: rgba(44, 44, 44, 0); border-bottom-color: #2c2c2c; border-width: 17px; margin-left: -17px } @media screen and (min-width: 769px) { .ent-logo-slider { padding-top: 2.5em } .ent-logo-slider h2 { font-size: 2.25em } .ent-logo-slider ul { display: block } .ent-logo-slider ul.logo-slider { display: none } } .ent-features-grid-2 { padding-top: 2.5em; text-align: center } .ent-features-grid-2 h2 { color: #333; font-weight: 500; font-size: 1.25em } .ent-features-grid-2 h3 { color: #333; font-weight: 500; font-size: 1.125em; margin-bottom: 12px } .ent-features-grid-2 p { font-size: .875em } .ent-features-grid-2 ul { text-align: left; margin-top: 1.875em } .ent-features-grid-2 ul li { margin-bottom: .125em } .ent-features-grid-2 ul li:after { clear: both; content: ""; display: table } .ent-features-grid-2 ul li figure { width: 10%; float: left; margin-top: .3125em; text-align: center } .ent-features-grid-2 ul li .content { width: 90%; float: left; padding-left: 1.125em } .ent-features-grid-2 ul li .content p { line-height: 1.6; font-size: .875em } .ent-features-grid-2.small .container { padding-bottom: 1.875em } .ent-features-grid-2.small h3 { font-size: .9375em } .ent-features-grid-2.small ul { width: 100% } .ent-features-grid-2.small ul li { margin-bottom: 1.25em } .ent-features-grid-2.small ul li figure { width: 15% } .ent-features-grid-2.small ul li .content { width: 85%; padding-left: .9375em } @media screen and (min-width: 769px) { .ent-features-grid-2 { padding-top: 4.0625em } .ent-features-grid-2 h2 { font-size: 2.25em; text-align: center } .ent-features-grid-2 p { font-size: 1em } .ent-features-grid-2 ul li figure { width: 15% } .ent-features-grid-2 ul li .content { width: 85%; padding-left: 1.5625em } .ent-features-grid-2 .content p { font-size: .9375em } .ent-features-grid-2.small h3 { font-size: 1em } .ent-features-grid-2.small ul { width: 640px; margin-left: auto; margin-right: auto } .ent-features-grid-2.small ul li figure { width: 25% } .ent-features-grid-2.small ul li .content { width: 75% } } .ent-accordion { padding-top: 2.5em } .ent-accordion h2 { color: #333; font-weight: 500; font-size: 1.25em; text-align: center } .ent-accordion .accordion-section { border: none } .ent-accordion .accordion-wrapper { border: none; margin-bottom: .5em; background-color: #f3f3f3 } .ent-accordion .accordion-wrapper.open .accordion-title h4:after { background-position: left } .ent-accordion .accordion-title { cursor: pointer; text-align: center } .ent-accordion .accordion-title h4 { color: var(--green-primary); margin: 11px 0; font-size: 16px; font-weight: 500; text-transform: none; display: inline-block } .ent-accordion .accordion-title h4:after { display: inline-block; content: ''; width: 20px; height: 20px; margin-left: 7px; margin-bottom: -5px; background-position: right; background-image: url(../images/enterprise/ent-accordion-ico.png); background-size: cover } .ent-accordion .accordion-content { border-top: 0 !important; padding-top: 0 !important; margin-top: 0 !important } .ent-accordion .accordion-content ul { margin-bottom: 0; padding: .625em .3125em .625em 1.25em } .ent-accordion .accordion-content ul > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .ent-accordion .accordion-content ul > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ent-accordion .accordion-content ul li { color: #333; font-weight: 500; font-size: .875em !important; padding-bottom: .9375em; list-style-type: disc } .ent-accordion.alternative .accordion-wrapper { background-color: #FFF; border: 1px solid #ddd; margin-bottom: -1px } .ent-accordion.alternative .accordion-wrapper.open h4:before { content: "-" } .ent-accordion.alternative .accordion-section { box-shadow: none } .ent-accordion.alternative .accordion-title { text-align: left; background-color: #f5f5f5; border-bottom: 1px solid #f8f8f8; border-top: 1px solid #f8f8f8 } .ent-accordion.alternative .accordion-title:hover { background-color: #f9f9f9 } .ent-accordion.alternative .accordion-title h4 { font-size: 16px; color: #006055; cursor: pointer; font-size: 16px; font-weight: normal; line-height: 22px; margin: 0; padding: 4px 14px } .ent-accordion.alternative .accordion-title h4:after { display: none } .ent-accordion.alternative .accordion-title h4:before { content: "+"; font-size: 16px; position: absolute; right: 15px } .ent-accordion.alternative .accordion-content { overflow: hidden; padding-top: 20px; margin: 16px } .ent-accordion.alternative .accordion-content ul { font-size: 16px } .ent-accordion.alternative .accordion-content ul li { line-height: 1.4 } .ent-accordion.alternative .accordion-content > div { margin-top: 20px } @media screen and (min-width: 769px) { .ent-accordion { padding-top: 3.75em } .ent-accordion h2 { font-size: 2.25em } .ent-accordion .accordion-title h4 { font-size: 30px; margin: 15px 0 } .ent-accordion .accordion-title h4:after { width: 32px; height: 32px; margin-left: 10px; margin-bottom: -8px } .ent-accordion .accordion-wrapper { margin-bottom: .9375em } .ent-accordion .accordion-content ul { padding: 0 1.25em .625em 1.25em } .ent-accordion .accordion-content ul li { font-size: 1.125em !important; list-style-position: inside } .ent-accordion.alternative .accordion-content { margin: 0px } .ent-accordion.alternative .accordion-content ul { font-size: 12px } } .ent-resources-header { padding: 2.5em 0 !important; text-align: center; background-size: cover; background-position: center } .ent-resources-header .container { padding-bottom: 0 } .ent-resources-header h1 { color: #fff; font-size: 22px; font-weight: 500; margin-bottom: 10px } .ent-resources-header p { color: #fff; font-weight: 300; font-size: .875em } .ent-resources-header p.title { text-align: right; margin-bottom: 0 } .ent-resources-header .case-studies-filter { display: none; width: 100%; margin-bottom: 0; border: 1px solid #6b6b6b; background-color: rgba(0, 0, 0, 0.8) } .ent-resources-header .case-studies-filter > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .ent-resources-header .case-studies-filter > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ent-resources-header .case-studies-filter-mobile { height: auto; display: block; font-size: 16px; font-weight: 300; padding: 0px 10px; border: 1px solid var(--green-primary); background-position: right; background-repeat: no-repeat; background-image: url(../images/icon-ent-dropdown.png) } .ent-resources-header .case-studies-filter li { cursor: pointer; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #6b6b6b; -webkit-transition: 200ms background-color; -moz-transition: 200ms background-color; transition: 200ms background-color } .ent-resources-header .case-studies-filter li:hover { background-color: var(--green-primary) } .ent-resources-header .case-studies-filter li:last-child { border-right: 0 } .ent-resources-header .case-studies-filter li.active { background-color: var(--green-primary) } .ent-resources-header .case-studies-filter li a { color: #fff; font-size: 14px; font-weight: 500; padding: 7px 5px; display: block } .ent-resources-header .enterprise-ico { background-image: url("../images/enterprise/enterprise-icons.png"); background-repeat: no-repeat; background-color: transparent; display: inline-block } .ent-resources-header .view-all-solutions-ico { background-position: -22px -1446px; vertical-align: middle; margin-right: 6px; margin-top: -6px; width: 26px; height: 26px; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent } .ent-resources-header .view-all-solutions-link { display: none; color: #fff; float: right; font-size: 20px; line-height: 22px; margin-top: 17px; font-weight: 300 } .ent-resources-header .view-all-solutions-link:hover .view-all-solutions-ico { -webkit-transform: translateX(-4px); transform: translateX(-4px) } .ent-resources-header .view-all-solutions-link:hover, .ent-resources-header .view-all-solutions-link:active, .ent-resources-header .view-all-solutions-link:focus { color: #ddd } .ent-resources-header.single { text-align: left } @media screen and (min-width: 769px) { .ent-resources-header { text-align: left } .ent-resources-header h1 { font-size: 46px } .ent-resources-header p { font-size: 1em } .ent-resources-header .view-all-solutions-link { display: block } .ent-resources-header .case-studies-filter { display: table } .ent-resources-header .case-studies-filter-mobile { display: none } } @media screen and (min-width: 993px) { .ent-resources-header .case-studies-filter li a { padding: 17px 9px } } .ent-content { padding-bottom: 3.75em } .ent-content .container { padding: 20px; background-color: #fff } .ent-content .contact p { color: #333; font-size: 16px; font-weight: 300 } .ent-content .contact label { width: 100%; float: left; color: #333; font-size: 16px; font-weight: 300; margin-top: 5px; margin-bottom: 5px } .ent-content .contact input, .ent-content .contact select, .ent-content .contact textarea { width: 100%; float: left; color: #666; font-weight: 300; height: auto !important; box-shadow: none; border-radius: 3px; border-color: #c5c5c5 } .ent-content .contact input:focus, .ent-content .contact select:focus, .ent-content .contact textarea:focus { border-color: #00B4FF } .ent-content .contact input:focus:hover, .ent-content .contact select:focus:hover, .ent-content .contact textarea:focus:hover { border-color: #00B4FF !important } .ent-content .contact textarea { height: 130px !important } .ent-content .contact select { padding: 5px 10.5px; background-image: url(../images/enterprise/ent-select.png); background-repeat: no-repeat; background-position: right 10px top 13px } .ent-content .contact select::-ms-expand { display: none } .ent-content .contact .ent-btn { width: 100%; outline: none; cursor: pointer } .ent-content .contact .form-row { overflow: hidden } .ent-content .contact .form-row:hover input, .ent-content .contact .form-row:hover select, .ent-content .contact .form-row:hover textarea { border-color: rgba(50, 50, 50, 0.6) } .ent-content .contact .form-row-half { width: 100%; margin-bottom: 1.125em } .ent-content .contact .form-row-half input[type="checkbox"] { width: 6%; margin: 0 } .ent-content .contact .form-row-half label { margin: -4px 0 0 0; width: 94%; color: var(--green-primary); font-weight: 500; font-size: 1.125em } .ent-content .contact .form-row-half label p { font-weight: 500; font-size: 0.67em; letter-spacing: normal } .ent-content .sidebar ul { margin-bottom: 0 } .ent-content .sidebar ul > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .ent-content .sidebar ul > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ent-content .sidebar ul strong { color: var(--green-primary); font-size: 1.14em; font-weight: 500 } .ent-content .sidebar figure { margin-bottom: 1.25em } .ent-content .sidebar .ent-btn { width: 100%; margin-top: 1em } .ent-content .mobile-btn { display: block; width: 100%; margin-bottom: 20px } .ent-content .red { color: red } .ent-content h3 { color: var(--green-primary); font-weight: 500; font-size: 1.375em } .ent-content h4 { color: var(--green-primary); font-weight: 500; font-size: 1em; text-transform: none; margin-bottom: 1em } .ent-content p { font-size: .875em } .ent-content img { margin: 1em auto; display: block } .ent-content .enterprise-ico { background-image: url("../images/enterprise/view-all-links-green-arrow.png"); background-repeat: no-repeat; background-color: transparent; display: inline-block } .ent-content .view-all-solutions-ico { vertical-align: middle; margin-right: 6px; margin-top: -6px; width: 26px; height: 26px; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent } .ent-content .view-all-solutions-link { display: none; color: var(--green-primary); font-size: 20px; line-height: 22px; margin-bottom: 20px; font-weight: 300 } .ent-content .view-all-solutions-link:hover .view-all-solutions-ico { -webkit-transform: translateX(-4px); transform: translateX(-4px) } .ent-content .view-all-solutions-link:hover, .ent-content .view-all-solutions-link:active, .ent-content .view-all-solutions-link:focus { color: #005D4E } @media screen and (min-width: 769px) { .ent-content .container { padding: 30px 20px } .ent-content .contact .ent-btn { width: 265px } .ent-content .contact label { width: 30%; font-size: 20px; margin-bottom: 0 } .ent-content .contact input, .ent-content .contact select, .ent-content .contact textarea { width: 70% } .ent-content .contact p { font-size: 20px } .ent-content .contact .form-row-half { width: 55%; margin-left: 30% } .ent-content img { margin: 1.875em auto } .ent-content .view-all-solutions-link { display: block } .ent-content .mobile-btn { display: none } } .buy-blocks-list > li { margin-bottom: 2.5em } .range, .range2 { margin-bottom: 0.75em } .range label, .range2 label { margin-bottom: 0.35em; text-align: center } .buy-block .promobox { margin-bottom: 0.75em; padding: 1em 0.5em 0.75em 0.5em; background: #D50000 url(../images/bg-pattern-s-red.jpg) 50% 0 no-repeat } .buy-block .promobox p { margin-bottom: 0; color: #fff; font-size: 0.875em; font-weight: 700 } .buy-block .promobox p.large { font-size: 2em; line-height: 1.25 } .buy-block .promobox p.note { font-size: 0.75em; font-weight: 300; color: rgba(255, 255, 255, 0.6) } .buy-block .small-label { margin-bottom: 0.3em; font-size: 0.875em; color: #888; display: block } .buy-block .links { margin-top: 0.75em } .buy-block .links p { margin-bottom: 0.5em; font-size: 0.75em } .buy-block .links p a { color: #777 } .buy-block .links p a:hover { color: var(--green-active) } .buy-block .details-list { position: relative; margin-top: 0.25em; margin-bottom: 0.75em; padding: 0.25em; text-align: center; border: 1px solid #e5e5e5; border-top: none } .buy-block .details-list p, .buy-block .details-list li { font-size: .75em; color: #777; margin-bottom: 0.1em; line-height: 1.2 } .buy-block .details-list p.title, .buy-block .details-list li.title { margin-top: -0.75em; color: #aaa; font-weight: 700; text-transform: uppercase } .buy-block .details-list ul { margin-bottom: 0 } .buy-block .details-list ul > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .buy-block .details-list ul > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .buy-block .details-list ul li { font-size: .75em; line-height: 1.2; margin-bottom: 0.1em } .buy-block .details-list ul li.important { color: #ED2939; font-weight: 500 } .buy-block .details-list:before, .buy-block .details-list:after { content: ''; position: absolute; top: 0; width: 1em; height: 1px; background: #e5e5e5 } .buy-block .details-list:before { left: 0 } .buy-block .details-list:after { right: 0 } .buy-block .form-element input[type="text"], .buy-block .form-element input[type="password"], .buy-block .form-element input[type="email"], .buy-block .form-element input[type="date"], .buy-block .form-element input[type="search"], .buy-block .form-element input[type="time"], .buy-block .form-element input[type="tel"], .buy-block .form-element input[type="url"] { margin-bottom: 0.75em } .buy-block .form-element.radio { position: relative; margin-top: 0.75em; margin-bottom: 0.25em } .buy-block .form-element.radio input { position: absolute; top: 50%; margin-top: -0.55em } .buy-block .form-element.radio label { display: table; vertical-align: middle; margin-bottom: 0; font-size: .8125em; color: #444 } .buy-block .form-element.radio label .choose { display: table-cell; vertical-align: middle; padding-right: 0.5em; border-right: 1px solid #eee; border-color: rgba(0, 0, 0, 0.075) } .buy-block .form-element.radio label .choose span { white-space: nowrap; font-size: 0.846em; color: #888 } .buy-block .form-element.radio label .price { display: table-cell; vertical-align: middle } .buy-block .form-element.radio label .price-new { padding-left: 0.5em; font-weight: 700; color: #444 } .buy-block .form-element.radio label .price-cut { padding-left: 0.5em; text-decoration: line-through; color: #aaa } .buy-block .form-element.radio label span:last-child { border-right: none; width: auto !important } .buy-block .form-element.buttons .price { margin-bottom: 0.25em } .buy-block .form-element.text-center { text-align: center } .buy-block .form-element.text-center.checkbox label { padding-left: 0 } .buy-block .form-element.text-center.checkbox label:before { position: relative; display: inline-block; margin-right: 0.5em; vertical-align: top } .buy-block .form-element.divider > .select2-container { margin-bottom: 0 } .buy-block .detail { margin-top: 0.75em; margin-bottom: 0.25em; text-align: center } .buy-block .detail p { font-size: 0.8125em } .buy-block .store-link { display: inline-block; margin-bottom: 0.25em } .buy-block .store-link img { max-height: 40px } .buy-block .buy-group { display: table; width: 100% } .buy-block .buy-group .buttons { display: table-cell; width: 50%; vertical-align: middle } .buy-block .buy-group .buttons .button { min-width: inherit } .buy-block .buy-group .price-wrapper { display: table-cell; width: 50%; vertical-align: middle } .buy-block .buy-group .price-wrapper .price-saving { display: block } .buy-block.variant-2 .promobox { background-color: var(--green-primary); background-image: url(../images/bg-pattern-s-green.jpg) } .buy-block-footer { padding: 1.15em 1.5em 0.25em 1.5em } .buy-block-footer p { margin-bottom: 1em; font-size: 0.875em; color: #888 } .buy-block-footer p span { display: block; margin-bottom: 0.3em } .buy-block-footer p a { display: inline-block; padding: 0 0.75em; color: #888; font-weight: 500; text-transform: uppercase } .buy-block-footer p a:hover { color: #555 } .buy-block-footer p a.green { color: var(--green-primary) } .buy-block-footer p a.green:hover { color: #003a31 } .buy-block-footer p a.red { color: #ED2939 } .buy-block-footer p a.red:hover { color: #d11221 } .buy-block-footer p a.more { text-transform: none; color: var(--green-primary) } .buy-block-footer p.small { font-size: 0.75em } .buy-block-footer p.small a { text-transform: none } .buy-block-footer .button { margin: 0; font-size: 0.855em; color: var(--green-primary); font-weight: 700 } .buy-block-footer.alt-footer h4 { color: #888; margin-bottom: 1em } .buy-block-footer.alt-footer li { font-size: 0.75em; color: #888 } .buy-block-footer.alt-footer li:before { border-color: #aaa } .buy-box-wrapper { position: relative; margin-bottom: 1em } .buy-box-wrapper .red-hat { position: absolute; width: 100%; } .buy-box-wrapper .cards-section p { font-size: 0.8125em; text-align: center; color: #777; vertical-align: middle } .buy-box-wrapper .cards-section .card-icons { white-space: nowrap } .buy-box-wrapper .cards-section .font-icons { display: inline-block; margin: 0 0 0.05em 0.25em; font-size: 2em; vertical-align: middle } .buy-box-wrapper input[type="number"] { -moz-appearance: textfield; } .buy-box-wrapper input[type="number"]::-webkit-outer-spin-button, .buy-box-wrapper input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } .buy-box-wrapper .buy-block { padding: 2em 1.5em 1em 1.5em; /*background: #f8f8f8 url(../images/bg-pattern.jpg) 50% 50% no-repeat;*/ background-size: cover; border: 1px solid #eee; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .buy-box-wrapper .buy-block .promobox { margin: -2em -1.5em 1.5em -1.5em; text-align: center } .buy-box-wrapper .buy-block .price { margin-bottom: 1em } .buy-box-wrapper .buy-block .price p { font-size: 2em; color: #ED2939 } .buy-box-wrapper .buy-block .price .original-price p.price-old { /*color: #9b9b9b;*/ display: inline-block; font-size: 1.4em; margin: auto; } .buy-box-wrapper .buy-block .price p.price-old > span { position: relative; color: #9b9b9b; } .buy-box-wrapper .buy-block .price p.price-old > span:after { content: ''; display: block; width: calc(100% + 2px); height: 50%; position: absolute; top: 2px; left: -1px; border-bottom: 2px solid #9b9b9b; } .buy-box-wrapper .buy-block .price.price-small p { font-size: 1em } .buy-box-wrapper .buy-block .price.price-small .price-new { font-size: .9375em } .buy-box-wrapper .buy-block .price.price-small .price-cut { font-size: .9375em } .buy-box-wrapper .buy-block .price.price-small .price-saving { font-size: .8125em } .buy-box-wrapper .buy-block form .price p.price-old .price-saving { color: #ED2939 } .buy-box-wrapper .buy-block form .form-element.buttons { padding-bottom: 0.75em } .buy-box-wrapper .buy-block form .buy-group .price-wrapper p .price-new { color: #ED2939 } .buy-box-wrapper .buy-block form .buy-group .price-wrapper p .price-saving { color: #444 } .buy-box-wrapper .buy-block .buy-block-footer { position: relative; top: 0.25em; padding: 0; text-align: center } .buy-box-wrapper .buy-block.variant-2 .price p { color: var(--green-primary) } .buy-box-wrapper .buy-block.variant-2 .price p .price-saving { color: #ED2939 } .buy-box-wrapper.move-up { margin-top: 0 } .white-buy-wrapper { padding: 2em 1.5em 1.5em 1.5em; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .product-item.bg-wrapper { padding: 1.5em 1.5em 1em 1.5em; background: #f8f8f8 url(../images/bg-pattern.jpg) 50% 50% no-repeat; background-size: cover; border: 1px solid #eee; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .product-item.bg-wrapper .buy-block-footer { padding: 0.75em 1.5em 0 1.5em } .buy-block-popup .container { width: 90%; max-width: 330px; margin-left: auto; margin-right: auto; padding-top: 3em; padding-bottom: 2em } @media screen and (min-width: 769px) { .buy-block-footer { padding-left: 2.5em; padding-right: 2.5em } .buy-block-footer.alt-footer { padding: 1.5em 0 0.25em 0 } .buy-box-wrapper .buy-block { margin-top: 4px; padding-left: 2.5em; padding-right: 2.5em } .buy-box-wrapper .buy-block .promobox { margin-left: -2.5em; margin-right: -2.5em } .buy-box-wrapper.move-up { margin-top: -2em } .white-buy-wrapper { padding-left: 2.5em; padding-right: 2.5em } } .buy-block .radio-group-wrapper { text-align: center } .buy-block .radio-group-wrapper .radio-group { display: inline-block } .buy-block .radio-group-wrapper .radio-group .form-element.radio:first-child { margin-top: 0 } .buy-block .final-detail { margin-top: -0.75em; text-align: center } .buy-block .final-detail p { margin-bottom: 0.75em; font-size: 0.875em } .buy-block .final-detail.divider { padding-bottom: 0 } .buy-block .divider + form { padding-top: 0 } .buy-block form label { margin-bottom: 0.25em; color: #888 } .buy-box-wrapper .buy-block .buy-block-footer.wrapper { position: relative; top: 0.75em; margin-left: -1.5em; margin-right: -1.5em; padding-top: 1em; border-top: 1px solid #ddd; border-color: rgba(0, 0, 0, 0.07) } .buy-box-wrapper .buy-block .buy-block-footer.wrapper p a { font-size: 0.8571em; font-weight: 700 } @media screen and (min-width: 769px) { .buy-box-wrapper .buy-block .buy-block-footer.wrapper { margin-left: -2.5em; margin-right: -2.5em } } .small-filter-section .container { padding-top: 2em; padding-bottom: 1.5em } .filter-form:after { clear: both; content: ""; display: table } @media screen and (min-width: 769px) { .small-filter-section .container { padding-top: 1.85em; padding-bottom: 1em } .filter-form { position: relative } .filter-form:after { clear: both; content: ""; display: table } .filter-form .form-elements-group { padding-right: 3%; margin-right: 3em } .filter-form .form-element.buttons { position: absolute; top: 0; right: 0; width: 3em } } .top-steps-description { margin-bottom: 3.125em } .top-steps-description h2 { margin-bottom: 0.4em } .overflow-scroll { overflow-x: hidden; overflow-y: auto; padding: 2em; box-shadow: none; max-height: 250px } .step-content .side-ctas { margin-top: 2em } .step-content .side-ctas.align { margin-top: 0 } .step-content .side-ctas input { float: none; width: 100% } .form-element.captcha-side span.captcha { display: block; width: 30%; float: left } .form-element.captcha-side input { width: 60%; margin-left: 10% } @media screen and (min-width: 769px) { .step-content .side-ctas input { float: right; width: auto } } .business-headline h2 { margin-bottom: 1em } .business-headline h4.small { margin-bottom: 0em; color: #aaa } .business-headline p.large { margin-bottom: 0.5em; font-size: 1em; color: #444; font-weight: 500 } .business-headline .image-badge img { max-height: 2em } .business-headline.has-logo figure { margin-bottom: 0.75em } .business-headline.has-logo figure img { max-width: 50%; max-height: 3em } .businesses-list, ul.businesses-list { margin-bottom: 0 } .businesses-list > li, ul.businesses-list > li { margin-bottom: 2.5em } .businesses-list .business-info, ul.businesses-list .business-info { margin-bottom: 1em } .businesses-list .business-info figure, ul.businesses-list .business-info figure { float: left; width: 3em; margin: 0 0.75em 0.75em 0 } .businesses-list .business-info h3, ul.businesses-list .business-info h3 { margin-bottom: 0.35em; font-weight: 500 } .businesses-list .business-info h3 a, ul.businesses-list .business-info h3 a { color: #444 } .businesses-list .business-info h3 a:hover, ul.businesses-list .business-info h3 a:hover { color: var(--green-primary) } .businesses-list .business-info p, ul.businesses-list .business-info p { margin-bottom: 0.5em; font-size: 0.875em } @media screen and (min-width: 769px) { .business-headline h2 { font-size: 1.5em } .business-headline p.large { font-size: 1.125em } .business-headline .image-badge { text-align: right } .business-headline.has-logo { margin-bottom: 0; padding-left: 7em } .business-headline.has-logo figure { float: left; width: 5em; margin-left: -7em } .business-headline.has-logo figure img { max-width: 100%; max-height: none } .businesses-list > li { margin-bottom: 3.5em } } .businesses-list, ul.businesses-list { display: flex; flex-wrap: wrap; align-items: stretch } .businesses-list > li, ul.businesses-list > li { display: flex; flex-direction: column; justify-content: space-between } .modal-open i.font-icons { position: relative; top: -0.1em; margin-left: 0.25em; display: inline-block; vertical-align: middle; color: #bbb; font-size: 1.25em; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .modal-open:hover i.font-icons { color: #777 } .modal-wrapper.mfp-bg { background-color: #D2D2D2; opacity: 0.8 } .modal-wrapper .mfp-container { padding: 0 } .modal-wrapper .mfp-content { max-width: 1030px } .modal-wrapper .mfp-content .small-modal { max-width: 515px; margin: 0 auto } .modal-wrapper .mfp-content .narrow-modal { max-width: 686.66667px; margin: 0 auto } .white-popup { background: #fff } .modal-header { position: relative; min-height: 3.125em; background: #eee } .modal-header .modal-title { margin: 0; font-size: 0.75em; padding: 1.3em 1.5em; color: #999; font-weight: 700 } .modal-header .modal-button { position: absolute; top: 0; z-index: 10; display: block; font-size: 0.75em; padding: 1.5em; color: #999; background: #eee; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .modal-header .modal-button .font-icons { vertical-align: middle } .modal-header .modal-button .text { display: none; padding-left: 0.5em; font-weight: 700; text-transform: uppercase; vertical-align: middle } .modal-header .modal-button.modal-back { left: 0; border-right: 1px solid #ddd } .modal-header .modal-button.modal-close { right: 0; border-left: 1px solid #ddd } .modal-header .modal-button.modal-close .font-icons:before { font-size: 1.125em } .modal-header .modal-button:hover { background-color: #fff; color: var(--green-primary) } .modal-main { padding-top: 2em; background: #fff } #default-modal > .divider { margin-bottom: 2.5em } #default-modal .container { padding: 0; max-width: 53em; padding-bottom: 1.5em } #default-modal .container.divider { margin-bottom: 2em } .modal-grid-section > .row > [class*="col-"] { margin-bottom: 2.25em; border-bottom: 1px solid #e5e5e5 } @media screen and (min-width: 769px) { .modal-header .modal-button .text { display: inline } .modal-grid-section > .row > [class*="col-"] { margin-bottom: 0; border-bottom: none; border-left: 1px solid #e5e5e5 } .modal-grid-section > .row > [class*="col-"]:first-child { border-left-color: transparent } .modal-grid-section > .row > .col-l-4 .container, .modal-grid-section > .row > .col-l-5 .container, .modal-grid-section > .row > .col-l-6 .container, .modal-grid-section > .row > .col-l-7 .container, .modal-grid-section > .row > .col-l-8 .container, .modal-grid-section > .row > .col-xl-4 .container, .modal-grid-section > .row > .col-xl-5 .container, .modal-grid-section > .row > .col-xl-6 .container, .modal-grid-section > .row > .col-xl-7 .container, .modal-grid-section > .row > .col-xl-8 .container { width: 66% } .divider + .modal-grid-section { margin-top: -2.5em } .divider + .modal-grid-section > .row > [class*="col-"] { padding-top: 2.5em } } .modal-wrapper.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .modal-wrapper.mfp-bg.mfp-ready { opacity: 0.8 } .modal-wrapper.mfp-bg.mfp-removing { opacity: 0 } .modal-wrapper.mfp-wrap .mfp-content { opacity: 0; margin-top: 1.250em; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .modal-wrapper.mfp-wrap.mfp-ready .mfp-content { opacity: 1; margin-top: 0 } .modal-wrapper.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .header-outside { position: relative; margin-top: 3.5em } .header-outside .modal-close { position: absolute; top: -3.5em; right: 0; width: 3.5em; height: 3.5em; text-align: center; color: #eee; background: #888; background: rgba(0, 0, 0, 0.2) } .header-outside .modal-close .font-icons { position: absolute; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em } .header-outside .modal-close:hover { color: #fff } .modal-main .section-desc { margin-bottom: 1.5em } .modal-main .section-desc p { margin-top: -0.5em } .modal-main .footer-notes { margin-top: 2em } .modal-main .footer-notes p { font-size: 0.875em } #default-modal .alert-section .container { padding: 1em 0 } .icon-doc:before { margin-right: 0.5em; padding: 0.35em; color: #fff } .icon-doc.icon-pdf:before, .icon-doc[href$=".pdf"]:before { content: "\e90b"; z-index: 99; position: relative; background-color: #EC4B32 } .icon-doc.icon-doc-o:before, .icon-doc[href$=".doc"]:before, .icon-doc[href$=".docx"]:before { content: "\e949"; z-index: 99; position: relative; background-color: #295598; min-width: 1.5em } .icon-doc.icon-xls-o:before, .icon-doc[href$=".xls"]:before, .icon-doc[href$=".xlsx"]:before { content: "\e94b"; z-index: 99; position: relative; background-color: #187244; min-width: 1.5em } .icon-doc.icon-ppt-o:before, .icon-doc[href$=".ppt"]:before, .icon-doc[href$=".ppt"]:before { content: "\e94a"; z-index: 99; position: relative; background-color: #D2441B; min-width: 1.5em } .icon-doc.icon-zip-o:before, .icon-doc[href$=".zip"]:before, .icon-doc[href$=".rar"]:before { content: "\e94c"; z-index: 99; position: relative; background-color: #84969D; min-width: 1.5em } .icon-doc.dark { color: #333 } .icon-doc.dark span { color: #aaa; font-size: 0.875em } .icon-list { margin-bottom: 0 } .icon-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .icon-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .icon-list > li { margin-bottom: 0.5em; padding-left: 2em; line-height: 1.6; font-weight: 300 } .icon-list > li .font-icons { float: left; margin-top: 0.2em; margin-left: -2em; min-width: 1.5em; text-align: center; line-height: 1.25; color: #aaa } .icon-list.variant-2 > li { padding-left: 2.5em; font-size: 0.875em } .icon-list.variant-2 > li .font-icons { margin-top: 0; font-size: 1.25em } .icon-list { margin-bottom: 0 } .icon-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .icon-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .icon-list > li { margin-bottom: 0.5em; padding-left: 2em; line-height: 1.6; font-weight: 300 } .icon-list > li img { float: left; margin-top: 0.2em; margin-left: -2em; width: 1.5em } .icon-list.larger-icons > li { padding-left: 3em } .icon-list.larger-icons > li img { margin-left: -3em; width: 2em } .special-offers-list > li { margin-bottom: 1.5em } .offer-item .offer-header { padding: 1.25em 1.5em 0.5em 1.5em } .offer-item .offer-header h3 { margin-bottom: 0.5em } .offer-item .offer-header p { margin-bottom: 0.75em; font-size: 0.875em } .offer-item .offer-header p.meta { font-size: 0.75em; color: #777 } .special-offers-list { display: flex; flex-wrap: wrap; align-items: stretch } .special-offers-list > li { display: flex; flex-wrap: wrap; align-items: stretch } .page-nav { position: relative; z-index: 100 } .page-nav .container { padding-top: 1.5em; padding-bottom: 0 } .page-nav .page-menu-wrapper { position: relative; margin-bottom: 1.5em; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .page-nav .page-menu-wrapper p.label { display: none; margin: 0 0.75em 0 0; font-size: 0.625em; font-weight: 700; padding-top: 0.05em; text-transform: uppercase; color: #aaa } .page-nav .page-menu-wrapper p.label:after { content: '/'; padding-left: 2.75em; color: #bbb } .page-nav .page-menu-wrapper .page-menu-label { padding: 1em 2em 1em 1em; font-size: .75em; font-weight: 700; color: #aaa; text-transform: uppercase; cursor: pointer; white-space: nowrap; overflow: hidden } .page-nav .page-menu-wrapper .page-menu-label:before { content: '\f078'; position: absolute; right: 1.5em; top: 50%; z-index: 20; margin-top: -0.5em; font-size: .75em } .page-nav .page-menu-wrapper .page-menu-label:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; z-index: 10; width: 5em; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1) } .page-nav .page-menu-wrapper ul.page-menu { margin-bottom: 0; display: none; position: absolute; top: 2.25em; left: -1px; right: -1px; z-index: 10; max-height: 20em; overflow: scroll; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) } .page-nav .page-menu-wrapper ul.page-menu > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .page-nav .page-menu-wrapper ul.page-menu > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .page-nav .page-menu-wrapper ul.page-menu li { position: relative } .page-nav .page-menu-wrapper ul.page-menu li a { position: relative; display: block; padding: 1em; font-size: .75em; font-weight: 700; color: #aaa; text-transform: uppercase; white-space: nowrap; overflow: hidden } .page-nav .page-menu-wrapper ul.page-menu li a:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 5em; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1) } .page-nav .page-menu-wrapper ul.page-menu li.selected a { color: var(--green-primary) } .page-nav .page-menu-wrapper ul.page-menu li:hover a { color: #666; background: #f8f8f8 } .page-nav .page-menu-wrapper ul.page-menu li:hover a:after { background: -moz-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=1) } .page-nav .page-menu-wrapper ul.page-menu .font-icons { display: none } .page-nav .page-menu-wrapper.active .page-menu-label:before { content: '\f077' } .page-nav .page-menu-wrapper.active ul.page-menu { display: block } @media screen and (min-width: 769px) { .page-nav .container { padding-top: 1em } .page-nav .page-menu-wrapper { margin-bottom: 1em; background: none; border: none; box-shadow: inherit } .page-nav .page-menu-wrapper p.label { display: inline-block; vertical-align: middle } .page-nav .page-menu-wrapper .page-menu-label { display: none !important } .page-nav .page-menu-wrapper ul.page-menu { position: relative; top: auto; left: auto; right: auto; overflow: visible; display: inline-block; vertical-align: middle; max-height: none; border: none; background: none; box-shadow: inherit } .page-nav .page-menu-wrapper ul.page-menu:after { clear: both; content: ""; display: table } .page-nav .page-menu-wrapper ul.page-menu li { float: left } .page-nav .page-menu-wrapper ul.page-menu li a { padding: 1.25em 1em 1em 1em; text-transform: none; font-weight: 500; color: #444; border-right: 1px solid transparent; border-left: 1px solid transparent; border-bottom: 2px solid transparent; white-space: normal; overflow: visible } .page-nav .page-menu-wrapper ul.page-menu li a:after { display: none !important } .page-nav .page-menu-wrapper ul.page-menu li a:hover, .page-nav .page-menu-wrapper ul.page-menu li a.active { color: var(--green-primary) } .page-nav .page-menu-wrapper ul.page-menu li.selected a { color: var(--green-primary); background: none; border: none; } .page-nav .page-menu-wrapper.active ul.page-menu { display: inline-block } .sticky-pagenav-on .page-nav { position: fixed; left: 0; right: 0; margin-top: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in } .sticky-pagenav-on .page-nav .container { padding-top: 0 } .sticky-pagenav-on .page-nav .container .page-menu-wrapper { margin-bottom: 0 } } .page-nav.transparent-background { background-color: rgba(0, 0, 0, 0.6) } .page-nav.transparent-background .page-menu-wrapper p.label { color: #FFF; opacity: 0.3; font-weight: 300; cursor: default; font-size: 0.750em } .page-nav.transparent-background .page-menu-wrapper p.label:after { display: none } .page-nav.transparent-background .page-menu-wrapper ul.page-menu li { margin-top: 0.25em } .page-nav.transparent-background .page-menu-wrapper ul.page-menu li:hover a { background-color: transparent; color: #FFF } .page-nav.transparent-background .page-menu-wrapper ul.page-menu li a { padding: 0; opacity: 0.6; color: #FFF; margin-right: 1.625em; font-weight: 300 } .page-nav.transparent-background .page-menu-wrapper ul.page-menu li a:hover { background-color: transparent; color: #FFF; opacity: 1 } .page-header.solid + .page-nav.transparent-background { margin: -3.2em 0 4em 0 } body.sticky-pagenav-on .page-nav.transparent-background { background-color: rgba(50, 50, 50, 0.9); padding: 10px 0 } body.sticky-pagenav-on .page-nav.transparent-background ul.page-menu li a.active { background-color: transparent; color: #FFF; opacity: 1 } body.sticky-pagenav-on .page-header.solid + .page-nav.transparent-background { margin-top: 0 } @media only screen and (max-width: 767px) { .page-nav[class*="-background"].desktop-only + [class*="-background"] { margin-top: 0 } } .contact-list > li { margin-bottom: 1.5em } .contact-list figure a { display: block; margin-bottom: 1em; font-size: 0.75em; text-align: center } .contact-list ul li { margin-bottom: 0.25em; font-size: 0.875em } .contact-list ul li a { font-size: 1em } .contact-list h5 { margin-bottom: 0.5em } .contact-list h5 + .job-title { margin-top: -0.25em } .contact-list .job-title { font-size: 0.75em } .small-contact-list { margin-bottom: 0 } .small-contact-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .small-contact-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .small-contact-list > li { margin-bottom: 1em; padding-left: 4em } .small-contact-list ul li { font-size: 0.875em } .small-contact-list ul li a { font-size: 1em } .small-contact-list figure { float: left; margin-left: -4em; width: 3.25em } .small-contact-list h5 { margin-bottom: 0.5em } .small-contact-list h5 + .job-title { margin-top: -0.5em } .small-contact-list .job-title { font-size: 0.75em } .grid-list, ul.grid-list { margin-bottom: 2em; position: relative; background: #fff; border: 1px solid #eee } .grid-list:before, ul.grid-list:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #eee } .grid-list > li, ul.grid-list > li { position: relative; padding: 1.5em 1.5em 0.5em 1.5em; border-bottom: 1px solid #eee } .grid-list > li:after, ul.grid-list > li:after { clear: both; content: ""; display: table } .grid-list > li:before, ul.grid-list > li:before { content: ''; position: absolute; top: 0; bottom: 0; right: -1px; width: 1px; background: #eee } @media screen and (min-width: 769px) { .grid-list, ul.grid-list { margin-bottom: 2.5em } h4.section-title + .grid-list { margin-top: -0.75em } } .grid-list, ul.grid-list { display: flex; flex-wrap: wrap; align-items: stretch } .table-grid { display: table } .table-grid .row { display: table-row } .table-grid .cell { display: table-cell; vertical-align: middle } .table-grid.full-width { width: 100% } .table-grid.v-top .cell { vertical-align: top } .table-grid.v-bottom .cell { vertical-align: bottom } @media screen and (min-width: 769px) { .table-grid-l { display: table } .table-grid-l .row { display: table-row } .table-grid-l .cell { display: table-cell; vertical-align: middle } .table-grid-l.full-width { width: 100% } .table-grid-l.v-top .cell { vertical-align: top } .table-grid-l.v-bottom .cell { vertical-align: bottom } } .summary-section h2, .summary-section h3, .summary-section h4 { margin-bottom: 8px; margin-bottom: 0.5rem } .summary-section h2.small, .summary-section h3.small, .summary-section h4.small { color: #aaa } .summary-section p { margin-bottom: 0.5em; font-size: 0.875em } .summary-section p .large { font-size: 1.125em; color: #555; font-weight: 400 } @media screen and (min-width: 769px) { .summary-section.grey-background > .container { padding-top: 3em; padding-bottom: 2.5em } .summary-section.dashboard-section .content-wrapper [class*="col-"] { margin-bottom: 0 } } .values-section .value-icon { float: left } .values-section .value-icon img { width: 4em; margin-right: 1em } .values-section .value-number p { margin-bottom: 0; font-size: 2.5em; font-weight: 400 } .values-section .value-desc p { margin-bottom: 0; font-size: 0.875em } .values-section.divider { margin-bottom: 1.5em; padding-bottom: 1.5em } @media screen and (min-width: 769px) { .values-section.table-grid-l .cell { float: none } .values-section.table-grid-l .value-icon img { width: 100%; margin-right: 0 } .values-section.table-grid-l .value-number { padding: 0 0.5em 0 1em } } .sticker { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row; align-items: center; justify-content: center; flex: 1; height: auto; background: #eee; border-radius: 50% } .sticker:before { content: ''; float: left; padding-top: 100% } .sticker.red { background: #ED2939 } .sticker.red p { color: #fff } .sticker.green { background: var(--green-primary) } .sticker.green p { color: #fff } .sticker p { margin: 0.5em; font-weight: 900; text-align: center; line-height: 1.2 } .sticker p span { display: block; font-size: 0.75em; font-weight: 300 } .sticker.small-text p { font-size: 0.75em } .sticker.smaller-text p { font-size: 0.875em } .sticker.larger-text p { font-size: 1.5em } .sticker.large-text p { font-size: 2em } .sticker-top-left, .sticker-top-right, .sticker-bottom-left, .sticker-bottom-right { position: relative } .sticker-top-left .sticker, .sticker-top-right .sticker, .sticker-bottom-left .sticker, .sticker-bottom-right .sticker { position: absolute; z-index: 2 } .sticker-top-left .sticker { top: 0; left: 0 } .sticker-top-right .sticker { top: 0; right: 0 } .sticker-bottom-left .sticker { bottom: 0; left: 0 } .sticker-bottom-right .sticker { bottom: 0; right: 0 } @media screen and (min-width: 769px) { .sticker-top-left .sticker { top: -1em; left: -1em } .sticker-top-left .sticker.small-text, .sticker-top-left .sticker.smaller-text { top: -0.5em } .sticker-top-left .sticker.larger-text, .sticker-top-left .sticker.large-text { left: -1.5em } .sticker-top-right .sticker { top: -1em; right: -1em } .sticker-top-right .sticker.small-text, .sticker-top-right .sticker.smaller-text { top: -0.5em } .sticker-top-right .sticker.larger-text, .sticker-top-right .sticker.large-text { right: -1.5em } .sticker-bottom-left .sticker { bottom: -1em; left: -1em } .sticker-bottom-left .sticker.small-text, .sticker-bottom-left .sticker.smaller-text { bottom: -0.5em } .sticker-bottom-left .sticker.larger-text, .sticker-bottom-left .sticker.large-text { left: -1.5em } .sticker-bottom-right .sticker { bottom: -1em; right: -1em } .sticker-bottom-right .sticker.small-text, .sticker-bottom-right .sticker.smaller-text { bottom: -0.5em } .sticker-bottom-right .sticker.larger-text, .sticker-bottom-right .sticker.large-text { right: -1.5em } } .alert-section .small-text { font-size: 0.75em; font-weight: 300 } .alert-section .label { display: inline-block; padding: 0.1em 0.1em 0em 0.1em; color: #ED2939; font-weight: 700; background: #fff; border-radius: 3px } .alert-section p.big-title .small-text { font-size: 0.4em } .alert-section p.big-title .label { font-weight: 900 } .signin-section .grey-wrapper { margin-bottom: 1.5em; padding: 2.5em 5% 1em; background: #f8f8f8 } .signin-section .grey-wrapper [class*="col-"] { padding-top: 2em; padding-bottom: 1em; border-top: 1px solid #e5e5e5 } .signin-section .grey-wrapper [class*="col-"]:first-child { padding-top: 0.5em; border-top: none } .signin-section .grey-wrapper h2 { font-weight: 500 } .signin-section .grey-wrapper p { font-size: 0.875em } .signin-section .grey-wrapper .form-title { margin-bottom: 1em } .signin-section .grey-wrapper .form-title h2 { margin-bottom: 0 } .signin-section .grey-wrapper .form-title p { margin-bottom: 0 } .signin-section .grey-wrapper figure { text-align: center } .signin-section .grey-wrapper figure img { max-width: 16em; margin-bottom: 1em } .signin-section .grey-wrapper figure p { font-size: 1em; color: #444 } .signin-section .grey-wrapper button { width: 100% } @media screen and (min-width: 661px) { .signin-section .grey-wrapper .form-title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center } .signin-section .grey-wrapper .form-element.buttons { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center } .signin-section .grey-wrapper .form-element.buttons p { margin-bottom: 0.5em } .signin-section .grey-wrapper .form-element.buttons .button { width: auto } .signin-section .grey-wrapper .form-element.buttons:after { display: none } } @media screen and (min-width: 769px) { .signin-section .grey-wrapper { padding: 5em 0 } .signin-section .grey-wrapper [class*="col-"] { padding: 0 7%; border: none; border-left: 1px solid #e5e5e5 } .signin-section .grey-wrapper [class*="col-"]:first-child { padding-top: 0; border-left: none } .signin-section .grey-wrapper figure { padding-top: 1.5em } .signin-section .grey-wrapper figure p { font-size: 1.125em } } .finished-section { text-align: center } .finished-section .page-icon { margin-bottom: 2.5em } .finished-section .page-icon img { max-width: 8.75em } .finished-section .grey-wrapper { padding: 2.5em 5% 1.5em; background: #f8f8f8 } .finished-section .grey-wrapper .page-icon img { max-width: 6.5em } @media screen and (min-width: 769px) { .finished-section { display: flex; align-items: center; min-height: 30em } .finished-section:first-child { padding-bottom: 5em } .finished-section p { font-size: 1.125em } } .filter-list-section input[type="text"], .filter-list-section input[type="password"], .filter-list-section input[type="email"], .filter-list-section input[type="date"], .filter-list-section input[type="search"], .filter-list-section input[type="time"], .filter-list-section input[type="tel"], .filter-list-section input[type="url"], .filter-list-section input[type="number"], .filter-list-section textarea, .filter-list-section select, .filter-list-section .checkbox label { font-size: 0.8125em } .filter-list-section .checkbox { margin-top: 0.75em; margin-bottom: 0 } .filter-list-section .search-input { margin-bottom: 1.25em } .filter-list-section .search-input input { margin-bottom: 0 } .filter-list-section .search-input:before { font-family: 'font-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e90a"; position: absolute; top: 50%; right: 0.75em; margin-top: -0.45em; color: #ccc } .filter-list-section .search-input.icon-left input { padding-right: 1em; padding-left: 2.5em } .filter-list-section .search-input.icon-left:before { right: inherit; left: 0.75em } .filter-list-section .search-input input:focus { border-color: #aaa } .filter-list-section .filter-results { padding: 0.75em 1em; background: #f8f8f8 } .filter-list-section .filter-results p { margin: 0; font-size: 0.8125em; color: #777 } @media screen and (min-width: 769px) { .filter-list-section .float-right { float: right } .filter-list-section .float-left { float: left } .filter-list-section select { border-color: transparent; background: none; box-shadow: none } .filter-list-section select:hover { border-color: transparent; background: none; box-shadow: none } } .company-list, ul.company-list { margin-bottom: 0; margin-bottom: 2.5em; } .company-list > li, ul.company-list > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .company-list > li:before, ul.company-list > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .company-list > li, ul.company-list > li { border-bottom: 1px solid #e5e5e5 } .company-list .company-header, ul.company-list .company-header { padding: 0.65em 0; } .company-list .company-header h4, ul.company-list .company-header h4 { margin: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1 } .company-list .company-header .company-features, ul.company-list .company-header .company-features { margin-top: 0.75em } .company-list .company-header .company-features p, ul.company-list .company-header .company-features p { font-size: 0.75em; margin-bottom: 0.5em } /*.company-list .company-header:hover h4, ul.company-list .company-header:hover h4 { color: var(--green-primary) }*/ .licenses_list .company-body .company-services li div.item { margin-bottom: 0; border-top: 1px solid #e5e5e5; } .licenses_list .company-body .company-info.edit-info { margin-bottom: 0; } .company-list .company-body, ul.company-list .company-body { padding-top: 1.5em; /*padding-bottom: 1.5em;*/ } .company-list .company-body p, ul.company-list .company-body p { color: #777 } .company-list .company-body p.text-red, ul.company-list .company-body p.text-red { color: #ED2939 } .company-list .company-body p.text-green, ul.company-list .company-body p.text-green { color: var(--green-primary) } .company-list .company-body .company-info, ul.company-list .company-body .company-info { margin-bottom: 5px } .company-list .company-body .company-info .text-right, ul.company-list .company-body .company-info .text-right { text-align: left } .company-list .company-body .company-info .company-info-footer p, ul.company-list .company-body .company-info .company-info-footer p { font-size: 0.875em } .company-list .company-body .company-info .company-info-footer > div { display: inline-flex; justify-content: space-between; } .company-list .company-body .company-info.edit-info, ul.company-list .company-body .company-info.edit-info { padding: 2em 1.5em 1.5em 1.5em; background: #f8f8f8 } .company-list .company-body .company-info.edit-info form p, ul.company-list .company-body .company-info.edit-info form p { font-size: 0.875em } .company-list .company-body .company-info.edit-info form textarea, ul.company-list .company-body .company-info.edit-info form textarea { height: 8em } .company-list .company-services, .company-list ul.company-services, ul.company-list .company-services, ul.company-list ul.company-services { border-top: none; margin-bottom: 1em } .company-list .company-services > li .item, .company-list ul.company-services > li .item, ul.company-list .company-services > li .item, ul.company-list ul.company-services > li .item { margin-bottom: 5px; padding: 1.25em 1.5em 0.5em 1.5em; background: #f8f8f8; border: 1px solid #f8f8f8 } ul.company-services > li:nth-child(odd) .item .inner-item-container { border-bottom: 1px solid #e7e7e7; } ul.company-services > li.company-service-expired .item .inner-item-container { border-bottom: none; } ul.company-services > li:last-child .item .inner-item-container { border-bottom: unset !important; } .company-list .company-services > li p, .company-list ul.company-services > li p, ul.company-list .company-services > li p, ul.company-list ul.company-services > li p { font-size: 0.875em } .company-list .company-services > li .product-item p, .company-list ul.company-services > li .product-item p, ul.company-list .company-services > li .product-item p, ul.company-list ul.company-services > li .product-item p, ul.company-list ul.company-services > li .license-info p.company-license-orderid { font-size: 0.875em } .company-list .company-services > li.company-service-expired .item, .company-list ul.company-services > li.company-service-expired .item, ul.company-list .company-services > li.company-service-expired .item, ul.company-list ul.company-services > li.company-service-expired .item { border: 1px solid #ED2939 } .company-list.company-list-accordion .company-header, ul.company-list.company-list-accordion .company-header, .widget-filters .widget-filter-header { position: relative; padding-left: 2em } .company-list.company-list-accordion .company-header:before, ul.company-list.company-list-accordion .company-header:before, .widget-filters .widget-filter-header:before { font-family: 'font-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f107"; position: absolute; top: 50%; left: 0; margin-top: -0.55em } .company-list.company-list-accordion .company-header:hover, ul.company-list.company-list-accordion .company-header:hover, .widget-filters header { cursor: pointer } .company-list.company-list-accordion .company-body, ul.company-list.company-list-accordion .company-body { display: none } .company-list.company-list-accordion .open .company-header:before, ul.company-list.company-list-accordion .open .company-header:before, .widget-filters .open header:before{ content: "\f106" } .company-services, ul.company-services { margin-bottom: 0; margin-bottom: 2.5em; border-top: 1px solid #e5e5e5 } .company-services > li, ul.company-services > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .company-services > li:before, ul.company-services > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .company-services > li .item, ul.company-services > li .item { padding-top: 1em; border-bottom: 1px solid #e5e5e5 } .company-services > li .item .text-right, ul.company-services > li .item .text-right { text-align: left } .company-services > li p, ul.company-services > li p { font-size: 0.875em; margin-bottom: 0.75em } .company-services > li a.text-grey, ul.company-services > li a.text-grey { color: #777 } .company-services > li a.text-grey:hover, ul.company-services > li a.text-grey:hover { color: var(--green-primary) } .company-services > li .product-item, ul.company-services > li .product-item { text-align: left } .company-services > li .product-item p, ul.company-services > li .product-item p { font-size: 0.875em; margin-top: 0.5em } .company-services > li .product-item header, ul.company-services > li .product-item header { padding-left: 3.25em } .company-services > li .product-item header figure, ul.company-services > li .product-item header figure { margin-left: -3.25em; width: 2.5em; max-height: 3em } .company-services > li .product-item .product-title, ul.company-services > li .product-item .product-title { padding-top: 0.35em } .company-services > li .loader-wrapper, ul.company-services > li .loader-wrapper { display: inline-block } .company-services > li .loader:after, ul.company-services > li .loader:after { background: #f8f8f8 } .company-services > li.company-service-expired .item, ul.company-services > li.company-service-expired .item { border: 1px solid #ED2939 } .company-services-icons, ul.company-services-icons { margin-bottom: 0 } .company-services-icons > li, ul.company-services-icons > li { padding-left: 0; margin-bottom: 0; line-height: 1; font-size: 1em; position: inherit } .company-services-icons > li:before, ul.company-services-icons > li:before { content: none; list-style: none; float: none; width: auto; height: auto; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .company-services-icons > li, ul.company-services-icons > li { display: inline-block } .company-services-icons > li img, ul.company-services-icons > li img { max-width: 2em; height: 2em; } .company-services-icons > li.disabled img, ul.company-services-icons > li.disabled img { opacity: .3 } .loader { display: inline-block; vertical-align: middle; text-indent: -9999em; width: 4em; height: 4em; border-radius: 50%; background: #009982; background: -moz-linear-gradient(left, #009982 10%, rgba(0, 153, 130, 0) 42%); background: -webkit-linear-gradient(left, #009982 10%, rgba(0, 153, 130, 0) 42%); background: -o-linear-gradient(left, #009982 10%, rgba(0, 153, 130, 0) 42%); background: -ms-linear-gradient(left, #009982 10%, rgba(0, 153, 130, 0) 42%); background: linear-gradient(to right, #009982 10%, rgba(0, 153, 130, 0) 42%); position: relative; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0) } .loader:before { width: 50%; height: 50%; background: #009982; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: '' } .loader:after { background: #fff; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .loader.small-loader { width: 1em; height: 1em } .loader.small-loader:after { width: 50%; height: 50% } .loader.smaller-loader { width: 1.75em; height: 1.75em } .loader.smaller-loader:after { width: 60%; height: 60% } .loader-wrapper { padding-left: 5em; min-height: 4em } .loader-wrapper .loader { float: left; margin-left: -5em; margin-right: 0 } .loader-wrapper.small-loader-wrapper { padding-left: 1.5em; min-height: 1em } .loader-wrapper.small-loader-wrapper .small-loader { margin-left: -1.5em; margin-right: 0 } .loader-wrapper.smaller-loader-wrapper { padding-left: 2.5em; min-height: 1.75em } .loader-wrapper.smaller-loader-wrapper .smaller-loader { margin-left: -2.5em; margin-right: 0 } .grey-background .loader:after { background: #f8f8f8 } @-webkit-keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .company-list .company-header .company-features, ul.company-list .company-header .company-features { display: flex; } .company-services-icons, ul.company-services-icons { display: flex; align-items: center; padding: 0 15px; border-right: 1px solid #e5e5e5; } .company-services-icons span, ul.company-services-icons span { padding-right: 15px; font-size: 0.8125em; } .company-services-icons:last-child, ul.company-services-icons:last-child { border: none; padding-left: 15px; padding-right: 0; } ::-ms-clear { display: none; } .no-margin-bottom { margin-bottom: 0 !important; } .recaptcha-div { margin-bottom: 20px; } .float-right { float: right; } .company-info-recaptcha div:first-child { width: 100% !important; } .company-info-recaptcha iframe { float: right; } .company-info-recaptcha.left iframe { float: left; } .endpoints-count { margin-left: 0; } .modal { position: relative; display: inline-block; width: 500px; padding: 20px; text-align: left; vertical-align: middle; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); background: #fff; font-size: 14px; white-space: normal; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; overflow: hidden; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; } .modal-layout { z-index: 999; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, 0.75); overflow: hidden; } .modal-layout.state-show { display: block; } .modal-wrap { height: 100%; text-align: center; overflow: auto; white-space: nowrap; } .modal-wrap:after { content: ''; position: relative; display: inline-block; width: 0; height: 100%; margin-left: -3px; border: none; vertical-align: middle; overflow: hidden; } body.modal-open { overflow: hidden; } button.iconed { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'dashboard-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -moz-appearance: none; padding: 0; cursor: pointer; border: 0; color: #777; opacity: 0.5; } button.iconed.icn-remove, button.iconed.icn-edit, button.iconed.icn-user { font-size: 1em; position: absolute; right: 1em; background: transparent; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } button.close:active, button.close:focus { outline: none; } [ref=session-expired-popup] button.close { display: none; } .close { font-family: Arial, sans-serif; font-size: 40px; font-weight: 500; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; position: absolute; top: 15px; right: 15px; width: 24px; height: 24px; line-height: 24px; } .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; } .modal { width: 600px; max-height: 400px; overflow: auto; } .modal-caption { font-size: 21px; margin: 0.2em 0 0.8em 0; text-align: center; } .modal-caption.align-left { text-align: left; width: 100%; max-width: 100%; } .modal .company-list, .modal ul.company-list, .modal .company-list > li, .modal ul.company-list > li { border: none; margin: 0; } .modal .company-list .company-header, .modal ul.company-list .company-header { padding-top: 0; padding-bottom: 0; padding-left: 1em; } .modal .company-body { color: #999999; } .modal .company-header span { color: rgb(60, 141, 204); border-bottom: 1px dashed rgb(60, 141, 204); margin-bottom: 15px; } .modal .company-list.company-list-accordion .company-header:before, .modal ul.company-list.company-list-accordion .company-header:before { margin-top: -1em; } .company-service-expired .item { margin-bottom: 5px; padding: 1.25em 1.5em 0.5em 1.5em; background: #f8f8f8; } .company-header p { margin-bottom: 0; } .licenses_list header { padding-left: 1.5em; } .licenseInfo { padding-top: 6px; padding-right: 15px; margin-top: 12px; } .licenseInfo > p { margin-bottom: 5px !important; } .licenseInfo > p > span { font-size: 14px; color: #333333; } .force-deletion { color: #e22e3f; font-weight: bold; } .force-deletion:hover { color: #c60707; } .pending-deletion-actions { line-height: 2em; display: flex; margin: 10px 0; } .inner-spinner { margin: 0 10px; } a.disabled { cursor: not-allowed; opacity: 0.5; pointer-events: none; text-decoration: none; } .modal-spinner { margin: 5px 0; float: left; } .modal-error { color: red; font-size: 1.15em; } .unclickable { cursor: not-allowed; pointer-events: none; text-decoration: none; } .page-header.solid + * { margin-top: 0; margin-bottom: 0; /* margin-bottom: 3em; */ } .site-header .main-menu li.float-right { float: right; margin: 0 0 0 2em; } .site-header .main-menu li.float-right:last-child { margin-left: 1em; } .main-background > .pad-top3, .main > .pad-top3 { padding-top: 3em; } .feedback .menu-utility { float: right; padding: 0; } .feedback .menu-utility > li { float: left; } .feedback .menu-utility > li > a { font-weight: 300; font-size: 1em; /* font-size: 0.875em; */ /* color: #333; */ margin-left: 1.5em; } .feedback .menu-utility > li.regular li { float: none; width: 100%; padding: 0 10px; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .feedback .menu-utility > li.regular li:hover { background-color: #fafafa; } .feedback .menu-utility > li.regular li.active { border-color: #009982 } .feedback .menu-utility > li.regular li a { display: block; float: none; text-align: left; height: inherit; width: inherit; padding: 0.4em 10%; font-weight: 300; } .fg-green { color: var(--green-primary); } .feedback .menu-utility > li.regular li:hover a { color: var(--green-primary); } .feedback .menu-utility > li > ul { top: 24px; right: -1em; left: inherit; z-index: 100; width: 200px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); /* box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); */ } ul.float-list { width: 100%; } ul.float-list > li { float: left; margin: 0 2em 0 0; } .feedback .para { font-size: 1.000em; font-weight: 300; color: #535353; line-height: 1.5; } .feedback .feedback-buttons { margin-top: 2em; } .feedback .feedback-type-menu { min-width: 10em; } .feedback .feedback-type-menu > .menu-utility > li.dropdown > a::after { padding: 10px; top: 12px; } .feedback-modal { width: 720px; min-height: 200px; border: solid 1px #eee; background-color: #fff; font-weight: 300; } .feedback-modal p { font-size: 14px; } .feedback-modal .modal-caption { font-size: 21px; } .feedback-modal .modal-caption-subject { font-size: 18px; font-weight: 500; } .feedback-modal .grid-row > .grid-col { margin-left: 3em; } .feedback-modal .grid-row > .modal-avatar { width: 140px; height: 140px; } .feedback-modal .grid-row > .grid-col.modal-avatar + .grid-col { margin-left: 188px; } .feedback-modal.feedback-modal-success .modal-avatar { background: no-repeat center url("../images/feedback-mail-success.svg"); } .feedback-modal.feedback-modal-error .modal-avatar { background: no-repeat center url("../images/feedback-mail-error.svg"); } /* loading horizontal scroll FIX */ .fx-loader .shift-l-4 { margin-left: 0; padding-left: 33.33333%; } .feedback-modal .top-row, .feedback-modal .bottom-row { margin-top: 1em; } .feedback-modal .modal-buttons > input.button { margin: 0 auto; } span.used-at-count { white-space: nowrap; } span.company-subscriptionLicense-status, span.ks365-subscriptionLicense-status { white-space: nowrap; } .license-title { margin-top: 0.5em; } .license-title .license-type-name { padding-left: 4px; padding-top: 0.2em; } .company-description > span { padding-right: 0.5em; } .license-usage { margin-top: 0.5em; } .license-usage > .licensed-objects-container { font-size: 0.75em; justify-content: flex-start; } .license-usage > .licensed-objects-container > .licensed-objects { padding: 5px 0.8em 0 0; } .service-usage > .licensed-objects-container { justify-content: flex-start; padding-top: 1em; padding-left: 20px; } .licensed-objects-container { display: flex; justify-content: flex-start; margin: 0 0 2px 0; } .licensed-objects-container .licensed-objects { padding: 0.3em 1em 0.3em 0; display: inline-flex; margin-bottom: 0; } .licensed-objects-container .licensed-objects.promote, .licensed-objects-container .licensed-objects.promote:before { color: var(--green-primary); } .licensed-objects-container .licensed-objects.promote > a { padding-left: 1em; text-decoration: underline; text-transform: uppercase; } .licensed-objects-container .licensed-objects:before { display: inline-block; font-size: 1.5em; margin-right: 0.5em; color: #999999 } .licensed-objects-container .licensed-objects.alert, .licensed-objects-container .licensed-objects.alert:before { color: #e22e3f; } li.promotion .product-item header > div { display: inline-flex; flex-direction: column; } li.promotion .product-item header > div > p { margin-top: 0; margin-bottom: 0; } li.promotion .product-item header > figure { opacity: 0.3; } .grid-row::after { display: table; content: ""; clear: both; } .grid-row > .grid-col { margin-left: 16px; display: block; } .grid-row > .grid-col:first-child { margin-left: 0; } .grid-row > .grid-col.fill { width: auto; } .grid-row > .grid-col.left { float: left; } .grid-row > .grid-col.right { float: right; } @media screen and (min-width: 769px) { .company-services > li .item .text-right, ul.company-services > li .item .text-right { text-align: right } .company-list .company-header, ul.company-list .company-header { margin: 0; display: flex; align-items: center; justify-content: space-between; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .modal .company-list .company-header { justify-content: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; } .company-list .company-header .company-features, ul.company-list .company-header .company-features { margin-top: 0 } .company-list .company-body .company-info .text-right, ul.company-list .company-body .company-info .text-right { text-align: right } .company-list .company-body .company-info.edit-info form .buttons, ul.company-list .company-body .company-info.edit-info form .buttons { text-align: right } .company-services-icons > li, ul.company-services-icons > li { margin-left: 0.25em } } .modal .modal-buttons { display: flex; align-items: flex-end; flex-direction: column; } @media screen and (max-width: 768px) { .modal { width: auto; } .modal .side-ctas { width: 100%; } .modal .modal-buttons, .modal .modal-buttons input { width: 100%; } .side-ctas input.button, .side-ctas input.assets-button { width: 100%; } } @media screen and (max-width: 480px) { .modal { width: auto; } } /*This styles extends and overrides styles from dashboard.css*/ @import url('assets.css'); .hosted .company-info { padding: 1rem 1rem 1px 1rem } .hosted .edit-info { margin-top: -5px; } .hosted header.service-group { margin-top: 2em; } .hosted ul.service-group.hosted{ margin-left: 40px; } .hosted header.service-name { padding-left: 0 !important; } .hosted .service-group .item { padding-top: 16px !important; } .hosted .service-info.edit-info { margin-bottom: 0; } .hosted header.service-name h2.product-title, .hosted header.service-name h2.product-title a { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; } .hosted header.service-name h2.product-title span { color: var(--green-primary); text-decoration: underline; } .hosted header.service-name h2.product-title span.trialMarker { color: var(--gray-00); text-decoration: none; font-weight: normal; margin-left: 1em; font-weight: 300; } section.step-content { } section.step-content input, section.step-content .select-wrapper { max-width: 350px; } section.step-content label { color: #999999; vertical-align: top; } section.step-content .checkbox label { color: #1d1d1b } section.step-content textarea { font-size: 1em; max-width: 505px; } .assets-button { min-width: 115px; } input[id=activationCode] { text-transform: uppercase; } input[id=activationCode].Success { box-shadow: 0 0 4px 0 #009982; border-color: transparent; } input[id=activationCode].Failed { box-shadow: 0 0 4px 0 #ed2939; border-color: transparent; } input[id="validate"] { width: 144px; height: 40px; margin-left: 1em; } a[id=trial] { text-decoration: underline; } #activationFormWrapper { display: inline-flex; width: calc(100% - 50px); position: relative; margin-bottom: 1.25em; } #activationFormWrapper input { margin-bottom: 0; } #indicator { margin-left: 1em; } #indicator.inProgress { content: url("../images/spinner.svg"); animation: spin 2s linear infinite; } #indicator.Success { content: url("../images/check.svg"); } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #commercialLicenseForm .form-element { width: 100%; } .form-element .assets-blocks { margin-bottom: 1em; } /* Chrome, Safari, Edge, Opera */ .input-number-remove-arrows::-webkit-outer-spin-button, .input-number-remove-arrows::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .input-number-remove-arrows[type=number] { -moz-appearance: textfield; } #documentContainer { color: #535353; font-weight: 300; line-height: 1.5; } #documentContainer ul, #documentContainer ul>li { list-style: disc outside; padding-left: 1em; margin-left: 1em; font-weight: 300; } #documentContainer ol, #documentContainer ol>li { list-style: decimal outside; } #documentContainer ol[type = "a"], #documentContainer ol[type = "a"]>li { list-style: lower-alpha outside; } #documentContainer ol[type = "i"], #documentContainer ol[type = "i"]>li { list-style: lower-roman outside; } @import url('assets.css'); /*Plates*/ .widget-container { display: inline-flex; width: 100%; justify-content: space-between; margin-bottom: 1.5em; padding-left: 2em; padding-right: 2em; } .widget-container > .widget-plate { display: inline-flex; width: 300px; height: auto; border: 1px solid; padding: 20px; } .widget-container > .widget-plate > .widget-content { margin-left: 1em; color: var(--black-01); font-family: 'MuseoSans'; height: max-content; } .widget-container > .widget-plate > .widget-content > p { margin: 0; } .widget-container > .widget-plate > .widget-content > .widget-value { font-size: 23px; font-weight: 700; } .widget-container > .widget-plate > .widget-content > .widget-comment { font-size: 16px; font-weight: 700; padding-bottom: 1px; line-height: 1.3; } .widget-plate.widget-red { border-color: var(--strawberry); } .widget-plate.widget-green { border-color: var(--green-widget); } .widget-plate.widget-blue { border-color: var(--blue-widget); } .widget-logo.widget-icon-warning { content: url("../images/vector-icons/widget_warning.svg"); height: 100%; } .widget-logo.widget-icon-ok { content: url("../images/vector-icons/widget_ok.svg"); height: 100%; } .widget-logo.widget-icon-shield { content: url("../images/vector-icons/widget_shield.svg"); height: 100%; } .widget-container .widget-logo { width: 48px; height: 48px; } /*filters*/ .widget-filters { margin-bottom: 1em; } .widget-filters .widget-filter-header > h4 { margin-bottom: 0; } .widget-filter-body > p { font-size: 12px; margin-left: 32px; margin-bottom: 15px; } .widget-filter-container { display: inline-flex; flex-direction: row; width: 100%; justify-content: space-between; font-size: 14px; font-weight: 500; font-family: 'MuseoSans'; padding-left: 2em; padding-right: 2em; } .widget-filter-container widget { display: inline-flex; flex-direction: column; justify-content: space-between; flex-grow: 1; flex-basis: min-content; max-width: 30%; } .widget-filter-container widget > p.widget-title { padding-left: 7px; font-weight: 500; margin-bottom: 9px; padding-right: 2em; margin-top: auto; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ } .widget-filter-container .widget-filters { display: inline-flex; flex-direction: column; margin-right: auto; width: 100%; } .widget-filter-container .widget-filters > row { display: inline-flex; align-items: flex-start; flex-direction: row; height: 42px; min-width: 245px; cursor: pointer; border-radius: 2px; /*margin-top: 2px; margin-bottom: 2px;*/ } .widget-filter-container .widget-filters > row.selected, .widget-filter-container .widget-filters > row.selected:hover { background-color: var(--dark-sky-blue); color: var(--white); } .widget-filter-container .widget-filters > row:hover { background-color: var(--light-blue-02); } .widget-filter-container .widget-filters > row > * { margin-left: 0.5em; margin-right: 0.5em; height: 100%; display: flex; flex-direction: column; justify-content: center; } .widget-filter-container .widget-filters > row > status { width: fit-content; margin-right: auto; align-self: start; text-decoration-line: underline; color: var(--blue-widget); } .widget-filter-container .widget-filters > row.selected > status { color: var(--white); } .widget-filter-container .widget-filters > row > bar { width: 60px; min-width: 60px; align-self: end; } .widget-filter-container .widget-filters > row > value { width: 35px; min-width: 35px; align-self: end; } .widget-filter-container .widget-filters > row > cancel { width: 20px; min-width: 20px; align-self: end; text-align: center; } .widget-filter-container .widget-filters > row > cancel > a { display: none; } .widget-filter-container .widget-filters > row.selected > cancel > a { display: block; color: var(--white); font-weight: 700; } .widget-filter-container .widget-filters > row > bar > .bar { height: 7px; } .widget-filter-container .widget-filters > row > bar > .bar.gray { background-color: var(--gray-01) !important; width: 1px !important; } .widget-filter-container .widget-filters > row.status-critical > bar > .bar { background-color: var(--red-widget); } .widget-filter-container .widget-filters > row.status-warning > bar > .bar { background-color: var(--orange-widget); } .widget-filter-container .widget-filters > row.status-ok > bar > .bar { background-color: var(--green-widget); } @media screen and (max-width: 1100px) { .widget-container > .widget-plate { width: 100%; height: auto; border-width: 1px; margin: 1px; } .widget-container > .widget-plate > .widget-content > .widget-value { font-size: 18px; font-weight: 700; } .widget-container > .widget-plate > .widget-content > .widget-comment { font-size: 12px; font-weight: 700; } .widget-filter-container .widget-filters > row { height: auto; min-height: 30px; } } @media screen and (max-width: 768px) { .widget-container { padding-left: 0; padding-right: 0; display: none; } .widget-container > .widget-plate { width: 100px; height: 36px; padding: 5px; transform: none; } .widget-container .widget-logo { width: 24px; height: 24px; } .widget-container > .widget-plate > .widget-content > .widget-value { font-size: 16px; font-weight: 700; } .widget-container > .widget-plate > .widget-content > .widget-comment { display: none; } .widget-filter-container { flex-direction: column; padding-left: 0; padding-right: 0; } .widget-filter-container widget { max-width: 350px; } .widget-filter-container .widget-filters{ width: 100%; } .widget-filter-container .widget-filters > row > status { max-width: 170px; } .widget-filter-container .widget-filters > row > * { height: 29px; } } div[page="cito"] { padding-top: 0; } div[page="cito"] div.header { margin-top: 40px; position: relative; } div[page="cito"] div.header > p > span { display: block; } div[page="cito"] div.training-block course { text-transform: uppercase; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: var(--black-01); display: block; width: 100%; margin-top: 2em; margin-bottom: 1em; } div[page="cito"] div.body { display: inline-flex; } div[page="cito"] div.body figure { display: block; width: 386px; height: 237px; } div[page="cito"] div.demo-panel buttons { position: relative; bottom: 0; } div[page="cito"] div.demo-panel buttons a { height: 36px; } div[page="cito"] div.demo-panel buttons a:last-of-type { margin-left: 1em; } div[page="cito"] buttons a { margin-bottom: 0; } div[page="cito"] .information-block { margin-bottom: 24px; } div[page="cito"] div.demo-panel { position: relative; padding: 24px; padding-bottom: 20px; border-radius: 8px; width: 100%; min-height: 236px; background: linear-gradient(0deg, #F3F2FF, #F3F2FF), linear-gradient(91.83deg, #EEEEFF 0.22%, rgba(238, 238, 255, 0) 131.95%); } div[page="cito"] div.demo-panel figure { position: absolute; bottom: -2px; right: 20px; } div[page="cito"] div.demo-panel p { white-space: pre-line; font-style: normal; font-weight: 300; font-size: 14px; line-height: 20px; color: #1D1D1B; flex: none; order: 1; flex-grow: 0; margin: 8px 0px; width: 70%; } div[page="cito"] div.demo-panel p:last-of-type { margin-top: 16px; margin-bottom: 16px; } div[page="cito"] .card-box { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 24px; grid-auto-rows: 1fr; } div[page="cito"] .card-box .card { position: relative; border: 1px solid rgba(29, 54, 83, 0.17); box-sizing: border-box; border-radius: 8px; background: #FFFFFF; padding: 24px; width: 327px; min-height: 204px; align-self: stretch; justify-content: space-between; display: inline-flex; flex-direction: column; } div[page="cito"] .card-box .card buttons { margin-top: auto; } div[page="cito"] .card-box .card h2 { margin-bottom: 4px; width: 80%; font-size: 18px; line-height: 24px; } div[page="cito"] .card-box .card p { font-size: 12px; margin-bottom: 22px; line-height: 16px; } div[page="cito"] .card-box .card .bar-box { margin-top: 42px; margin-bottom: 30px; position: relative; } div[page="cito"] .card-box .card .bar-box figure { position: absolute; top: 12px; right: 0px; } div[page="cito"] .card-box .card bar, div[page="cito"] .card-box .card bar div { border-radius: 4px; height: 4px; margin-bottom: 8px; } div[page="cito"] .card-box .card bar { width: 100%; background: #D2ECE7; display: block; } div[page="cito"] .card-box .card bar div { background: #1DA189; max-width: 100%; } div[page="cito"] .card-box .card p:last-of-type { margin-bottom: 10px; } div[page="cito"] .card-box .card figure { position: absolute; top: 24px; right: 24px; } div[page="cito"] .card-box[disabled="disabled"] .card[data-completed="false"] { opacity: 0.5; } div[page="cito"] .card-box[disabled="disabled"] .card[data-completed="false"] buttons a { display: none; } div[page="cito"] .card-box[disabled="disabled"] .card[data-completed="true"] buttons a { display: inline-block; } div[page="cito"] .card-box .card buttons { display: inline-flex; } div[page="cito"] .card-box .card buttons a { height: 32px; min-width: 68px; font-size: 14px; line-height: 32px; padding: 0 17px !important; } /* Modal */ .modal-trainings { background: #FDFDFD; box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.16); border-radius: 8px; width: 500px; padding: 0px; } .modal-trainings .content { padding: 32px; position: relative; height: 280px; } .modal-trainings .modal-buttons { position: absolute; bottom: 24px; } .modal-trainings h1 { font-size: 24px; } .modal-trainings .input-name { width: 314px; } .modal-trainings .input-name input { height: 32px; font-size: 14px; line-height: 20px; } .modal-trainings .footer { padding: 24px 32px; border-radius: 0px 0px 8px 8px; font-size: 12px; line-height: 16px; color: #999999; font-weight: 300; border: 1px solid #CBCFD1; } .certificate-recipient-name, .certificate-recipient-name figure { line-height: 20px; } .certificate-recipient-name { font-style: normal; font-weight: 300; font-size: 14px; position: absolute; top: 0; right: 0; } .certificate-recipient-name figure { display: inline-block; vertical-align: middle; margin-left: 9px; } .certificate-recipient-name figure img:hover { cursor: pointer; } @media screen and (max-width: 769px) { div[page="cito"] div.demo-panel { height: auto !important; } div[page="cito"] div.demo-panel buttons a:last-of-type { margin-left: 0; margin-top: 1em; } div[page="cito"] .card-box .card { width: 100%; } } @media screen and (max-width: 1000px) { div[page="cito"] div.demo-panel figure { display: none; } div[page="cito"] div.demo-panel p { width: 100%; } } .migrating .error-description { padding: 0px 0 16px 0; font-size: 14px; font-style: normal; font-weight: 300; line-height: 20px; } .migrating .error-notification-panel { display: flex; width: 440px; padding: 16px 20px; align-items: center; gap: 16px; border-radius: 8px; background: var(--light-auxiliary-10, #E0F4FE); margin: 16px 0px 0px 0px; font-size: 14px; font-style: normal; font-weight: 300; line-height: 20px; } .migrating a { display: inline; font-size: 14px; font-style: normal; font-weight: 300; line-height: 20px; text-decoration-line: underline; } .migrating .error-link-button { display: inline-block; text-decoration-line: none; text-transform: none; font-weight: 400; margin-bottom: 16px; } .migrating .link-open-icon::before { content: ''; background-image: url('data:image/svg+xml;utf8,'); width: 17px; height: 16px; background-size: cover; display: inline-block; transform: translateY(4px) } .migrating .information-icon::before { content: ''; background-image: url('data:image/svg+xml;utf8,'); width: 24px; height: 24px; background-size: cover; display: inline-block; }