/* Minification failed. Returning unminified contents. (8802,30): run-time error CSS1030: Expected identifier, found 'p' (8802,31): run-time error CSS1031: Expected selector, found ')' (8802,31): run-time error CSS1025: Expected comma or open brace, found ')' (9026,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (15814,30): run-time error CSS1030: Expected identifier, found '.' (15816,5): run-time error CSS1031: Expected selector, found ')' (15816,5): run-time error CSS1025: Expected comma or open brace, found ')' (16750,17): run-time error CSS1039: Token not allowed after unary operator: '-large-unit' (16780,21): run-time error CSS1039: Token not allowed after unary operator: '-large-unit' (20263,1): run-time error CSS1019: Unexpected token, found '}' (20905,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20922,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20947,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20957,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20974,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20991,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21016,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21043,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21044,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21080,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21097,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21098,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21122,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (21149,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (21189,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21216,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21255,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21256,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21292,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21341,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21342,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21366,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21367,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21400,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21424,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21457,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21458,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21481,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21514,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21538,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21539,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21571,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21572,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21595,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21596,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21628,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21629,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21652,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21653,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21685,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21686,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21704,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21705,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21731,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21750,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21777,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21796,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21797,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21823,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21842,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21869,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21879,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21880,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21894,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21895,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21908,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21929,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21943,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21964,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21978,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21999,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22013,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22034,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22035,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22048,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22069,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22083,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22104,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22118,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22139,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22153,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22174,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22184,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22185,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22199,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22213,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22234,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22248,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22269,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22283,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22304,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22305,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22318,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22319,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22339,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22353,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22354,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22374,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22388,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22389,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22409,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22423,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22444,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22458,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22459,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22479,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22516,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22566,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22567,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22591,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22628,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22629,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22652,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22653,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22688,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22689,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22706,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22707,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22730,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22744,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22768,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22794,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22795,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22831,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22845,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22868,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22886,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22913,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22931,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22958,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22976,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23003,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23021,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23048,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23066,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23093,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23111,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23138,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23139,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23156,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23183,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23184,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23201,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23202,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23228,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23229,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23246,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23273,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23291,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23318,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23319,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23331,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23351,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23352,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23364,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23365,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23384,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23397,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23417,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23418,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23430,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23450,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23463,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23483,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23496,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23516,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23529,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23549,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23550,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23562,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23563,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23582,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23583,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23627,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23628,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23688,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23689,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23702,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23725,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23739,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25684,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25685,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25690,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25691,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25692,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25694,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25695,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25700,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25704,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25705,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25706,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25709,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25710,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25713,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25714,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25715,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25738,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25753,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-grey-dark' (25772,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-grey-dark' (25784,15): run-time error CSS1039: Token not allowed after unary operator: '-color-states-active' (25796,13): run-time error CSS1039: Token not allowed after unary operator: '-spacing-small' (26077,13): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2-x-small' (26142,14): run-time error CSS1039: Token not allowed after unary operator: '-red' (26143,23): run-time error CSS1039: Token not allowed after unary operator: '-large-unit' (26221,33): run-time error CSS1030: Expected identifier, found '.' (26221,44): run-time error CSS1031: Expected selector, found ')' (26221,44): run-time error CSS1025: Expected comma or open brace, found ')' (26396,34): run-time error CSS1030: Expected identifier, found '.' (26396,35): run-time error CSS1030: Expected identifier, found 'topImageBgArea' (26396,49): run-time error CSS1031: Expected selector, found ')' (26396,49): run-time error CSS1025: Expected comma or open brace, found ')' (26443,13): run-time error CSS1039: Token not allowed after unary operator: '-large-unit' (26502,26): run-time error CSS1039: Token not allowed after unary operator: '-brown-lightest' (26512,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (26516,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (26527,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (26561,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26565,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (26569,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (26574,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26576,21): run-time error CSS1039: Token not allowed after unary operator: '-medium-unit' (26584,19): run-time error CSS1039: Token not allowed after unary operator: '-medium-unit' (26586,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (26609,25): run-time error CSS1039: Token not allowed after unary operator: '-medium-unit' (26644,22): run-time error CSS1039: Token not allowed after unary operator: '-small-unit' (26656,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (26665,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (26666,14): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (26711,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26712,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow-mid' (26716,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26717,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow-special' (26721,15): run-time error CSS1039: Token not allowed after unary operator: '-orange-special' (26722,26): run-time error CSS1039: Token not allowed after unary operator: '-orange-dark' (26726,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (26727,26): run-time error CSS1039: Token not allowed after unary operator: '-orange-mid' (26731,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26732,26): run-time error CSS1039: Token not allowed after unary operator: '-orange-special' (26736,15): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (26737,26): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (26741,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (26742,26): run-time error CSS1039: Token not allowed after unary operator: '-red-mid' (26746,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26747,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (26751,15): run-time error CSS1039: Token not allowed after unary operator: '-pink-special' (26752,26): run-time error CSS1039: Token not allowed after unary operator: '-pink-dark' (26756,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26757,26): run-time error CSS1039: Token not allowed after unary operator: '-pink-special' (26761,15): run-time error CSS1039: Token not allowed after unary operator: '-purple-special' (26762,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (26766,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26767,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-special' (26771,15): run-time error CSS1039: Token not allowed after unary operator: '-blue-special' (26772,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-dark' (26776,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26777,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-special' (26781,15): run-time error CSS1039: Token not allowed after unary operator: '-green-special' (26782,26): run-time error CSS1039: Token not allowed after unary operator: '-green-dark' (26786,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (26787,26): run-time error CSS1039: Token not allowed after unary operator: '-green-mid' (26791,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26792,26): run-time error CSS1039: Token not allowed after unary operator: '-green-special' (26796,15): run-time error CSS1039: Token not allowed after unary operator: '-turquoise-special' (26797,26): run-time error CSS1039: Token not allowed after unary operator: '-turquoise-dark' (26801,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26802,26): run-time error CSS1039: Token not allowed after unary operator: '-turquoise-special' (26806,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-special' (26807,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26811,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (26812,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-mid' (26816,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (26817,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-special' (26821,26): run-time error CSS1039: Token not allowed after unary operator: '-brown-lightest' (27102,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (27106,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27116,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (27121,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27122,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (27131,26): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (27132,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (27138,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (27139,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27174,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27218,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-special' (27219,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-mid' (27233,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27234,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (27243,14): run-time error CSS1039: Token not allowed after unary operator: '-white' (27262,26): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (27266,26): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (27270,14): run-time error CSS1039: Token not allowed after unary operator: '-white' (27275,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27276,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (27304,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27309,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27315,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (27322,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (27688,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (27701,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27712,15): run-time error CSS1039: Token not allowed after unary operator: '-pink-light' (27723,30): run-time error CSS1039: Token not allowed after unary operator: '-grey-light' (27736,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (27740,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-light' (27758,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-cta' (27763,14): run-time error CSS1039: Token not allowed after unary operator: '-pink-light' (27767,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-cta' (27768,14): run-time error CSS1039: Token not allowed after unary operator: '-white' (27774,26): run-time error CSS1039: Token not allowed after unary operator: '-pink-light' (27778,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-special' (27779,14): run-time error CSS1039: Token not allowed after unary operator: '-grey-mid' (27791,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (27816,33): run-time error CSS1039: Token not allowed after unary operator: '-grey-special' (27821,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (27836,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (27840,15): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (27844,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27855,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27861,15): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (27896,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27902,15): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (27907,15): run-time error CSS1039: Token not allowed after unary operator: '-brown-dark' (27915,14): run-time error CSS1039: Token not allowed after unary operator: '-brown-dark' (27923,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27930,21): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (27938,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (27953,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (27993,14): run-time error CSS1039: Token not allowed after unary operator: '-red' (28024,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (28028,33): run-time error CSS1039: Token not allowed after unary operator: '-white' (28036,33): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (28090,20): run-time error CSS1039: Token not allowed after unary operator: '-white' (28149,20): run-time error CSS1039: Token not allowed after unary operator: '-white' (28155,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (28161,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (28168,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (28169,15): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (28192,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (28200,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (28206,26): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (28212,14): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (28217,14): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (28239,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (28246,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (28247,14): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (28253,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (28255,14): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (28259,22): run-time error CSS1030: Expected identifier, found '.' (28259,44): run-time error CSS1031: Expected selector, found ')' (28259,44): run-time error CSS1025: Expected comma or open brace, found ')' (28275,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (28286,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (28291,26): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (28306,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (28337,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (28358,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (28363,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-cta' (28437,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-special' (28452,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-special' (28458,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-mid' (28467,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (28493,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (28497,26): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (28501,14): run-time error CSS1039: Token not allowed after unary operator: '-white' (28511,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28511,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28512,10): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28541,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-special-dark' (28607,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-special-dark' (28651,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28652,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28693,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28694,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28699,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-small' (28702,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-small' (28723,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28723,46): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28724,12): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28811,8): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-header-active' (28812,12): run-time error CSS1039: Token not allowed after unary operator: '-color-states-active' (28819,22): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-background' (28846,22): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-background' (28849,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-small' (28873,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28874,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28911,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-small' (28915,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-small' (28924,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-small' (28928,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-small' (28950,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28950,46): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28951,12): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (28951,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large' (29023,8): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-header-active' (29024,12): run-time error CSS1039: Token not allowed after unary operator: '-color-states-active' (29032,30): run-time error CSS1039: Token not allowed after unary operator: '-grey-light' (29033,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (29046,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-special-dark' (29064,30): run-time error CSS1039: Token not allowed after unary operator: '-grey-special' (29065,33): run-time error CSS1039: Token not allowed after unary operator: '-grey-special' (29069,14): run-time error CSS1039: Token not allowed after unary operator: '-red' (29097,33): run-time error CSS1039: Token not allowed after unary operator: '-grey-special' (29109,14): run-time error CSS1039: Token not allowed after unary operator: '-grey-light' (29113,14): run-time error CSS1039: Token not allowed after unary operator: '-grey-mid' (29161,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-special-dark' (29169,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-special-dark' (29182,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-special-dark' (29198,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (29212,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (29244,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (29246,26): run-time error CSS1039: Token not allowed after unary operator: '-red-special' (29254,14): run-time error CSS1039: Token not allowed after unary operator: '-white' (29255,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (29259,14): run-time error CSS1039: Token not allowed after unary operator: '-white' (29260,26): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (29266,15): run-time error CSS1039: Token not allowed after unary operator: '-red-dark' (29318,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-special-dark' (29342,14): run-time error CSS1039: Token not allowed after unary operator: '-grey-light' (29346,14): run-time error CSS1039: Token not allowed after unary operator: '-grey-mid' (29628,17): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark' (29633,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (29755,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (30256,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (30332,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-cta' (30478,15): run-time error CSS1039: Token not allowed after unary operator: '-white' */ @font-face { font-family: 'icomoon'; src: url('/Static/fonts/icomoon/fonts/icomoon.eot?'); src: url('/Static/fonts/icomoon/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/icomoon/fonts/icomoon.ttf?') format('truetype'), url('/Static/fonts/icomoon/fonts/icomoon.woff?') format('woff'), url('/Static/fonts/icomoon/fonts/icomoon.svg?#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { position: relative; } [class^="icon-"]:before, [class*=" icon-"]:before { color: #E13205; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-size: 36px; 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; } /* Special size */ .icon-in-english:before, .icon-language:before, .icon-media:before, .icon-investerare, .icon-innovation { font-size: 24px; } .icon-innovation:before { content: "\e95b"; } .icon-investerare:before { content: "\e95c"; } .icon-media:before { content: "\e95d"; } .icon-in-english:before { content: "\e95e"; } .icon-user:before { content: "\e903"; } .icon-users:before { content: "\e904"; } .icon-time:before { content: "\e905"; } .icon-timer:before { content: "\e906"; } .icon-weekly-plan:before { content: "\e907"; } .icon-account-balance:before { content: "\e908"; } .icon-add-item:before { content: "\e909"; } .icon-bar-code:before { content: "\e90a"; } .icon-bonus:before { content: "\e90b"; } .icon-coupon:before { content: "\e90c"; } .icon-credit-card:before { content: "\e90d"; } .icon-e-store:before { content: "\e90e"; } .icon-offer:before { content: "\e90f"; } .icon-price-info:before { content: "\e910"; } .icon-shop:before { content: "\e911"; } .icon-shopping-bag:before { content: "\e912"; } .icon-shopping-cart:before { content: "\e913"; } .icon-shopping-list:before { content: "\e914"; } .icon-find-item:before { content: "\e915"; } .icon-location:before { content: "\e916"; } .icon-my-position:before { content: "\e917"; } .icon-angle-down:before { content: "\e918"; } .icon-angle-left:before { content: "\e919"; } .icon-angle-right:before { content: "\e91a"; } .icon-angle-up:before { content: "\e91b"; } .icon-arrow-down:before { content: "\e91c"; } .icon-arrow-left:before { content: "\e91d"; } .icon-arrow-right:before { content: "\e91e"; } .icon-arrow-up:before { content: "\e91f"; } .icon-filter:before { content: "\e920"; } .icon-home:before { content: "\e921"; } .icon-menu:before { content: "\e922"; } .icon-search:before { content: "\e923"; } .icon-sort:before { content: "\e924"; } .icon-effective:before { content: "\e925"; } .icon-gift:before { content: "\e926"; } .icon-loading:before { content: "\e927"; } .icon-local-digital:before { content: "\e928"; } .icon-placeholder:before { content: "\e929"; } .icon-tag:before { content: "\e92a"; } .icon-vision:before { content: "\e92b"; } .icon-cellphone:before { content: "\e92c"; } .icon-website:before { content: "\e92d"; } .icon-collect-in-store:before { content: "\e92e"; } .icon-home-delivery:before { content: "\e92f"; } .icon-catering:before { content: "\e930"; } .icon-cooking:before { content: "\e931"; } .icon-grillpan:before { content: "\e932"; } .icon-oven:before { content: "\e933"; } .icon-recipe:before { content: "\e934"; } .icon-saucepan:before { content: "\e935"; } .icon-check:before { content: "\e936"; } .icon-close:before { content: "\e937"; font-weight: bold; } .icon-download:before { content: "\e938"; } .icon-edit:before { content: "\e939"; } .icon-lock:before { content: "\e93a"; } .icon-locked:before { content: "\e93b"; } .icon-minus:before { content: "\e93c"; font-weight: bold; } .icon-more-horizontal:before { content: "\e93d"; } .icon-more-vertical:before { content: "\e93e"; } .icon-new-window:before { content: "\e93f"; } .icon-paus:before { content: "\e940"; } .icon-pin:before { content: "\e941"; } .icon-play:before { content: "\e942"; } .icon-plus:before { content: "\e943"; font-weight: bold; } .icon-print:before { content: "\e944"; } .icon-random:before { content: "\e945"; } .icon-rate:before { content: "\e946"; } .icon-rated-half:before { content: "\e947"; } .icon-rated:before { content: "\e948"; } .icon-reset:before { content: "\e949"; } .icon-save:before { content: "\e94a"; } .icon-saved:before { content: "\e94b"; } .icon-scale-down:before { content: "\e94c"; } .icon-scale-up:before { content: "\e94d"; } .icon-settings:before { content: "\e94e"; } .icon-share:before { content: "\e94f"; } .icon-simplification:before { content: "\e950"; } .icon-trash:before { content: "\e951"; } .icon-comment:before { content: "\e952"; } .icon-contact { margin-right: 20px; } .icon-contact:before { content: "\e953"; position: absolute; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .icon-email:before { content: "\e954"; } .icon-climate-goals:before { content: "\e955"; } .icon-climate-guide:before { content: "\e956"; } .icon-info:before { content: "\e957"; } .icon-question:before { content: "\e958"; } .icon-warning:before { content: "\e959"; } .icon-cycling:before { content: "\e95a"; } .icon-running:before { content: "\e95b"; } .icon-skiing:before { content: "\e95c"; } .icon-swimming:before { content: "\e95d"; } .icon-innovation:before { content: "\e95e"; } .icon-investerare:before { content: "\e95f"; } .icon-media:before { content: "\e960"; } .icon-in-english:before { content: "\e961"; } .icon-language:before { content: "\e900"; color: #e13205; } .icon-linkedin:before { content: "\e901"; color: #cf2e05; } .icon-facebook:before { content: "\e902"; color: #cf2e05; } .icon-twitter:before { content: "\e962"; color: #cf2e05; } .icon-instagram:before { content: "\e963"; color: #cf2e05; } /* Fonts for legacy part of site */ /* Rubrik */ /* 400 */ @font-face { font-family: 'ICA Rubrik Web Regular'; src: url('/static/fonts/ica_rubrik/ICARubrikWebRegular.eot'); src: url('/static/fonts/ica_rubrik/ICARubrikWebRegular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_rubrik/ICARubrikWebRegular.woff') format('woff'), url('/static/fonts/ica_rubrik/ICARubrikWebRegular.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* 500 */ @font-face { font-family: 'ICA Rubrik Web Medium'; src: url('/static/fonts/ica_rubrik/ICARubrikWebMedium.eot'); src: url('/static/fonts/ica_rubrik/ICARubrikWebMedium.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_rubrik/ICARubrikWebMedium.woff') format('woff'), url('/static/fonts/ica_rubrik/ICARubrikWebMedium.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* 600 */ @font-face { font-family: 'ICA Rubrik Web Light'; src: url('/static/fonts/ica_rubrik/ICARubrikWebLight.eot'); src: url('/static/fonts/ica_rubrik/ICARubrikWebLight.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_rubrik/ICARubrikWebLight.woff') format('woff'), url('/static/fonts/ica_rubrik/ICARubrikWebLight.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* 700 */ @font-face { font-family: 'ICA Rubrik Web Bold'; src: url('/static/fonts/ica_rubrik/ICARubrikWebBold.eot'); src: url('/static/fonts/ica_rubrik/ICARubrikWebBold.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_rubrik/ICARubrikWebBold.woff') format('woff'), url('/static/fonts/ica_rubrik/ICARubrikWebBold.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* 800 */ @font-face { font-family: 'ICA Rubrik Web Black'; src: url('/static/fonts/ica_rubrik/ICARubrikWebBlack.eot'); src: url('/static/fonts/ica_rubrik/ICARubrikWebBlack.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_rubrik/ICARubrikWebBlack.woff') format('woff'), url('/static/fonts/ica_rubrik/ICARubrikWebBlack.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* Text */ /* 300 */ @font-face { font-family: 'ICA Text Web Light'; src: url('/static/fonts/ica_text_2018/ICATextNyLight.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyLight.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyLight.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyLight.woff2') format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: 'ICA Text Web Light Italic'; src: url('/static/fonts/ica_text_2018/ICATextNyLightItalic.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyLightItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyLightItalic.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyLightItalic.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* 400 */ @font-face { font-family: 'ICA Text Web Regular'; src: url('/static/fonts/ica_text_2018/ICATextNyRegular.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyRegular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyRegular.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyRegular.woff2') format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: 'ICA Text Web Italic'; src: url('/static/fonts/ica_text_2018/ICATextNyItalic.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyItalic.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyItalic.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* 700? */ @font-face { font-family: 'ICA Text Web Bold'; src: url('/static/fonts/ica_text_2018/ICATextNyBold.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyBold.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyBold.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyBold.woff2') format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: 'ICA Text Web Bold Italic'; src: url('/static/fonts/ica_text_2018/ICATextNyBoldItalic.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyBoldItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyBoldItalic.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyBoldItalic.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* 800? */ @font-face { font-family: 'ICA Text Web Black'; src: url('/static/fonts/ica_text_2018/ICATextNyBlack.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyBlack.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyBlack.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyBlack.woff2') format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: 'ICA Text Web Black Italic'; src: url('/static/fonts/ica_text_2018/ICATextNyBlackItalic.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyBlackItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyBlackItalic.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyBlackItalic.woff2') format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: 'ICA Text Web Siffror'; src: url('/static/fonts/ica_text_2018/ICATextNySiffror.eot'); src: url('/static/fonts/ica_text_2018/ICATextNySiffror.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNySiffror.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNySiffror.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* Pensel */ @font-face { font-family: 'ICA Pensel Regular'; src: url('/static/fonts/ica_pensel/ICAPenselRegular.eot'); src: url('/static/fonts/ica_pensel/ICAPenselRegular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_pensel/ICAPenselRegular.woff') format('woff'), url('/static/fonts/ica_pensel/ICAPenselRegular.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* Hand */ @font-face { font-family: 'ICA Hand Regular'; src: url('/static/fonts/ica_hand/ICAHand-regular.eot'); src: url('/static/fonts/ica_hand/ICAHand-regular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_hand/ICAHand-regular.woff') format('woff'), url('/static/fonts/ica_hand/ICAHand-regular.woff2') format('woff2'); font-style: normal; font-weight: normal; } /*! * Bootstrap v3.1.1 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } @media print { * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration: none; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #999; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-muted { color: #999; } .text-primary { color: #428bca; } a.text-primary:hover { color: #3071a9; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #428bca; } a.bg-primary:hover { background-color: #3071a9; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #999; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 776px) { .container { /* width:768px; custom bredd */ /* width:750px; /* original */ } } @media (min-width: 981px) { .container { /* width: 980px; custom bredd */ /* width: 970px; /* original */ } } @media (min-width: 1200px) { .container { width: 1196px; } } .container-fluid { padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } .row { margin-right: -20px; margin-left: -20px; } .row > .row { margin-right:0; margin-left:0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4,.col-xs-46, .col-sm-4,.col-sm-46, .col-md-4,.col-md-46, .col-lg-4,.col-lg-46, .col-xs-5,.col-xs-54, .col-sm-5,.col-sm-54, .col-md-5,.col-md-54, .col-lg-5,.col-lg-54, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position:relative; min-height:1px; padding-right:10px; padding-left:10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4,.col-xs-46, .col-xs-5, .col-xs-54,.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-54 { width:54%; } .col-xs-5 { width: 41.66666667%; } .col-xs-46 { width:46%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: 0; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: 0; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-46,.col-sm-5,.col-sm-54, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-54 { width:54%; } .col-sm-5 { width: 41.66666667%; } .col-sm-46 { /*width:46%;*/ width: 40%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: 0; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: 0; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-46,.col-md-5,.col-md-54, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-54 { width:54%; } .col-md-5 { width: 41.66666667%; } .col-md-46 { /*width:46%;*/ width:40%; } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: 0; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: 0; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,.col-lg-46, .col-lg-5,.col-lg-54, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-54{ width:54%; } .col-lg-5 { width: 41.66666667%; } .col-lg-46 { /*width:46%;*/ width: 40%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: 0; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: 0; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"] { line-height: 34px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { display: inline; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .has-feedback .form-control-feedback { position: absolute; top: 25px; right: 0; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .form-control-static { margin-bottom: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -10px; margin-left: -10px; } .form-horizontal .form-control-static { padding-top: 7px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 10px; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #3276b1; border-color: #285e8e; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #fff; background-color: #47a447; border-color: #398439; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #fff; background-color: #39b3d7; border-color: #269abc; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #fff; background-color: #ed9c28; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #fff; background-color: #d2322d; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #428bca; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #999; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; transition: height .35s ease; } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #428bca; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #999; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; padding-right: 10px; padding-left: 10px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -10px; margin-left: -10px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; /* var tidigare 15px 15px */ padding: 15px 10px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -10px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 10px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: none; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -10px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .navbar-nav.navbar-right:last-child { margin-right: -10px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { padding: 10px; margin-top: 8px; margin-right: -10px; margin-bottom: 8px; margin-left: -10px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-form.navbar-right:last-child { margin-right: -10px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 10px; margin-left: 10px; } .navbar-text.navbar-right:last-child { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #999; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #999; } .navbar-inverse .navbar-nav > li > a { color: #999; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #999; } .navbar-inverse .navbar-link:hover { color: #fff; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #999; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #2a6496; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label[href]:hover, .label[href]:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #999; } .label-default[href]:hover, .label-default[href]:focus { background-color: #808080; } .label-primary { background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #999; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .container .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #428bca; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; } a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: #e1edf7; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; overflow: hidden; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #ddd; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { color: #fff; background-color: #428bca; border-color: #428bca; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #428bca; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ebccd1; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 20px; } .modal-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 1.2s ease-in-out left; transition: 1.2s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: none; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } @media print { .hidden-print { display: none !important; } } @charset "UTF-8"; /* * Symbolset * www.symbolset.com * Copyright © 2012 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSPika"; src: url('/static/fonts/ss-pika.eot'); src: url('/static/fonts/ss-pika.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ss-pika.woff') format('woff'), url('/static/fonts/ss-pika.ttf') format('truetype'), url('/static/fonts/ss-pika.svg#SSPika') format('svg'); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"] { -ms-zoom: 1; } .ss-icon, .ss-icon.ss-pika, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-pika:before, [class*=" ss-"].ss-pika:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-pika.right:after, [class*=" ss-"].ss-pika.right:after { font-family: "SSPika"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } .ss-cursor:before, .ss-cursor.right:after { content: ''; } .ss-crosshair:before, .ss-crosshair.right:after { content: '⌖'; } .ss-search:before, .ss-search.right:after { content: '🔎'; } .ss-zoomin:before, .ss-zoomin.right:after { content: ''; } .ss-zoomout:before, .ss-zoomout.right:after { content: ''; } .ss-screenshot:before, .ss-screenshot.right:after { content: ''; } .ss-binoculars:before, .ss-binoculars.right:after { content: ''; } .ss-view:before, .ss-view.right:after { content: '👀'; } .ss-attach:before, .ss-attach.right:after { content: '📎'; } .ss-link:before, .ss-link.right:after { content: '🔗'; } .ss-move:before, .ss-move.right:after { content: ''; } .ss-write:before, .ss-write.right:after { content: '✎'; } .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: ''; } .ss-erase:before, .ss-erase.right:after { content: '✐'; } .ss-compose:before, .ss-compose.right:after { content: '📝'; } .ss-draw:before, .ss-draw.right:after { content: '✏'; } .ss-lock:before, .ss-lock.right:after { content: '🔒'; } .ss-unlock:before, .ss-unlock.right:after { content: '🔓'; } .ss-key:before, .ss-key.right:after { content: '🔑'; } .ss-backspace:before, .ss-backspace.right:after { content: '⌫'; } .ss-ban:before, .ss-ban.right:after { content: '🚫'; } .ss-nosmoking:before, .ss-nosmoking.right:after { content: '🚭'; } .ss-trash:before, .ss-trash.right:after { content: ''; } .ss-target:before, .ss-target.right:after { content: '◎'; } .ss-new:before, .ss-new.right:after { content: '🆕'; } .ss-tag:before, .ss-tag.right:after { content: ''; } .ss-pricetag:before, .ss-pricetag.right:after { content: ''; } .ss-flowertag:before, .ss-flowertag.right:after { content: ''; } .ss-bookmark:before, .ss-bookmark.right:after { content: '🔖'; } .ss-flag:before, .ss-flag.right:after { content: '⚑'; } .ss-like:before, .ss-like.right:after { content: '👍'; } .ss-dislike:before, .ss-dislike.right:after { content: '👎'; } .ss-heart:before, .ss-heart.right:after { content: '♥'; } .ss-halfheart:before, .ss-halfheart.right:after { content: ''; } .ss-emptyheart:before, .ss-emptyheart.right:after { content: '♡'; } .ss-star:before, .ss-star.right:after { content: '⋆'; } .ss-halfstar:before, .ss-halfstar.right:after { content: ''; } .ss-medal:before, .ss-medal.right:after { content: ''; } .ss-ribbon:before, .ss-ribbon.right:after { content: '🎀'; } .ss-bullseye:before, .ss-bullseye.right:after { content: '🎯'; } .ss-sample:before, .ss-sample.right:after { content: ''; } .ss-crop:before, .ss-crop.right:after { content: ''; } .ss-layers:before, .ss-layers.right:after { content: ''; } .ss-gridlines:before, .ss-gridlines.right:after { content: ''; } .ss-pen:before, .ss-pen.right:after { content: '✒'; } .ss-feather:before, .ss-feather.right:after { content: ''; } .ss-rubbereraser:before, .ss-rubbereraser.right:after { content: ''; } .ss-paintroller:before, .ss-paintroller.right:after { content: ''; } .ss-rubberstamp:before, .ss-rubberstamp.right:after { content: ''; } .ss-checkclipboard:before, .ss-checkclipboard.right:after { content: ''; } .ss-linechartclipboard:before, .ss-linechartclipboard.right:after { content: ''; } .ss-clockwise:before, .ss-clockwise.right:after { content: '⥁'; } .ss-phone:before, .ss-phone.right:after { content: '📞'; } .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: ''; } .ss-headset:before, .ss-headset.right:after { content: ''; } .ss-megaphone:before, .ss-megaphone.right:after { content: '📢'; } .ss-rss:before, .ss-rss.right:after { content: ''; } .ss-facetime:before, .ss-facetime.right:after { content: ''; } .ss-reply:before, .ss-reply.right:after { content: '↩'; } .ss-send:before, .ss-send.right:after { content: ''; } .ss-mail:before, .ss-mail.right:after { content: '✉'; } .ss-inbox:before, .ss-inbox.right:after { content: '📥'; } .ss-outbox:before, .ss-outbox.right:after { content: '📤'; } .ss-wifimail:before, .ss-wifimail.right:after { content: ''; } .ss-chat:before, .ss-chat.right:after { content: '💬'; } .ss-user:before, .ss-user.right:after { content: '👤'; } .ss-femaleuser:before, .ss-femaleuser.right:after { content: '👧'; } .ss-users:before, .ss-users.right:after { content: '👥'; } .ss-usergroup:before, .ss-usergroup.right:after { content: ''; } .ss-adduser:before, .ss-adduser.right:after { content: ''; } .ss-removeuser:before, .ss-removeuser.right:after { content: ''; } .ss-deleteuser:before, .ss-deleteuser.right:after { content: ''; } .ss-userprofile:before, .ss-userprofile.right:after { content: ''; } .ss-businessuser:before, .ss-businessuser.right:after { content: ''; } .ss-cart:before, .ss-cart.right:after { content: ''; } .ss-addcart:before, .ss-addcart.right:after { content: ''; } .ss-removecart:before, .ss-removecart.right:after { content: ''; } .ss-deletecart:before, .ss-deletecart.right:after { content: ''; } .ss-downloadcart:before, .ss-downloadcart.right:after { content: ''; } .ss-emptycart:before, .ss-emptycart.right:after { content: ''; } .ss-basket:before, .ss-basket.right:after { content: ''; } .ss-gift:before, .ss-gift.right:after { content: '🎁'; } .ss-apple:before, .ss-apple.right:after { content: '🍏'; } .ss-cashregister:before, .ss-cashregister.right:after { content: ''; } .ss-store:before, .ss-store.right:after { content: '🏬'; } .ss-searchbarcode:before, .ss-searchbarcode.right:after { content: ''; } .ss-notepad:before, .ss-notepad.right:after { content: ''; } .ss-creditcard:before, .ss-creditcard.right:after { content: '💳'; } .ss-safe:before, .ss-safe.right:after { content: ''; } .ss-digitalsafe:before, .ss-digitalsafe.right:after { content: ''; } .ss-atm:before, .ss-atm.right:after { content: '🏧'; } .ss-dispensecash:before, .ss-dispensecash.right:after { content: ''; } .ss-banknote:before, .ss-banknote.right:after { content: '💵'; } .ss-coins:before, .ss-coins.right:after { content: ''; } .ss-bankcheck:before, .ss-bankcheck.right:after { content: ''; } .ss-piggybank:before, .ss-piggybank.right:after { content: ''; } .ss-moneybag:before, .ss-moneybag.right:after { content: '💰'; } .ss-tip:before, .ss-tip.right:after { content: ''; } .ss-calculator:before, .ss-calculator.right:after { content: ''; } .ss-percent:before, .ss-percent.right:after { content: '%'; } .ss-bank:before, .ss-bank.right:after { content: '🏦'; } .ss-scales:before, .ss-scales.right:after { content: '⚖'; } .ss-piechart:before, .ss-piechart.right:after { content: ''; } .ss-piechartthirds:before, .ss-piechartthirds.right:after { content: ''; } .ss-barchart:before, .ss-barchart.right:after { content: '📊'; } .ss-upwardsbarchart:before, .ss-upwardsbarchart.right:after { content: ''; } .ss-downwardsbarchart:before, .ss-downwardsbarchart.right:after { content: ''; } .ss-horizontalbarchart:before, .ss-horizontalbarchart.right:after { content: ''; } .ss-analytics:before, .ss-analytics.right:after { content: ''; } .ss-upwardslinechart:before, .ss-upwardslinechart.right:after { content: '📈'; } .ss-downwardslinechart:before, .ss-downwardslinechart.right:after { content: '📉'; } .ss-linecharts:before, .ss-linecharts.right:after { content: ''; } .ss-scatterchart:before, .ss-scatterchart.right:after { content: ''; } .ss-stock:before, .ss-stock.right:after { content: ''; } .ss-form:before, .ss-form.right:after { content: ''; } .ss-box:before, .ss-box.right:after { content: '📦'; } .ss-crate:before, .ss-crate.right:after { content: ''; } .ss-deliveryvan:before, .ss-deliveryvan.right:after { content: ''; } .ss-deliverytruck:before, .ss-deliverytruck.right:after { content: ''; } .ss-forklift:before, .ss-forklift.right:after { content: ''; } .ss-cargoship:before, .ss-cargoship.right:after { content: ''; } .ss-hook:before, .ss-hook.right:after { content: ''; } .ss-weight:before, .ss-weight.right:after { content: ''; } .ss-containers:before, .ss-containers.right:after { content: ''; } .ss-fragile:before, .ss-fragile.right:after { content: ''; } .ss-thissideup:before, .ss-thissideup.right:after { content: ''; } .ss-home:before, .ss-home.right:after { content: '⌂'; } .ss-building:before, .ss-building.right:after { content: '🏢'; } .ss-lodging:before, .ss-lodging.right:after { content: '🏨'; } .ss-earth:before, .ss-earth.right:after { content: '🌎'; } .ss-globe:before, .ss-globe.right:after { content: '🌐'; } .ss-garage:before, .ss-garage.right:after { content: ''; } .ss-warehouse:before, .ss-warehouse.right:after { content: ''; } .ss-floorplan:before, .ss-floorplan.right:after { content: ''; } .ss-address:before, .ss-address.right:after { content: ''; } .ss-searchhouse:before, .ss-searchhouse.right:after { content: ''; } .ss-housesale:before, .ss-housesale.right:after { content: ''; } .ss-navigate:before, .ss-navigate.right:after { content: ''; } .ss-compass:before, .ss-compass.right:after { content: ''; } .ss-signpost:before, .ss-signpost.right:after { content: ''; } .ss-map:before, .ss-map.right:after { content: ''; } .ss-gps:before, .ss-gps.right:after { content: ''; } .ss-compassnavigate:before, .ss-compassnavigate.right:after { content: ''; } .ss-compassarrow:before, .ss-compassarrow.right:after { content: ''; } .ss-location:before, .ss-location.right:after { content: ''; } .ss-pin:before, .ss-pin.right:after { content: '📍'; } .ss-pushpin:before, .ss-pushpin.right:after { content: '📌'; } .ss-maplocation:before, .ss-maplocation.right:after { content: ''; } .ss-globelocation:before, .ss-globelocation.right:after { content: ''; } .ss-puzzle:before, .ss-puzzle.right:after { content: ''; } .ss-floppydisk:before, .ss-floppydisk.right:after { content: '💾'; } .ss-firewall:before, .ss-firewall.right:after { content: ''; } .ss-database:before, .ss-database.right:after { content: ''; } .ss-hdd:before, .ss-hdd.right:after { content: ''; } .ss-music:before, .ss-music.right:after { content: '♫'; } .ss-eighthnote:before, .ss-eighthnote.right:after { content: '♪'; } .ss-mic:before, .ss-mic.right:after { content: '🎤'; } .ss-volume:before, .ss-volume.right:after { content: '🔈'; } .ss-lowvolume:before, .ss-lowvolume.right:after { content: '🔉'; } .ss-highvolume:before, .ss-highvolume.right:after { content: '🔊'; } .ss-radio:before, .ss-radio.right:after { content: '📻'; } .ss-stereo:before, .ss-stereo.right:after { content: ''; } .ss-airplay:before, .ss-airplay.right:after { content: ''; } .ss-vinylrecord:before, .ss-vinylrecord.right:after { content: ''; } .ss-disc:before, .ss-disc.right:after { content: '💿'; } .ss-camera:before, .ss-camera.right:after { content: '📷'; } .ss-picture:before, .ss-picture.right:after { content: '🌄'; } .ss-video:before, .ss-video.right:after { content: '📹'; } .ss-playvideo:before, .ss-playvideo.right:after { content: ''; } .ss-play:before, .ss-play.right:after { content: '▶'; } .ss-pause:before, .ss-pause.right:after { content: ''; } .ss-stop:before, .ss-stop.right:after { content: '■'; } .ss-record:before, .ss-record.right:after { content: '●'; } .ss-rewind:before, .ss-rewind.right:after { content: '⏪'; } .ss-fastforward:before, .ss-fastforward.right:after { content: '⏩'; } .ss-skipback:before, .ss-skipback.right:after { content: '⏮'; } .ss-skipforward:before, .ss-skipforward.right:after { content: '⏭'; } .ss-eject:before, .ss-eject.right:after { content: '⏏'; } .ss-repeat:before, .ss-repeat.right:after { content: '🔁'; } .ss-replay:before, .ss-replay.right:after { content: '↺'; } .ss-shuffle:before, .ss-shuffle.right:after { content: '🔀'; } .ss-index:before, .ss-index.right:after { content: ''; } .ss-page:before, .ss-page.right:after { content: ''; } .ss-book:before, .ss-book.right:after { content: '📕'; } .ss-books:before, .ss-books.right:after { content: '📚'; } .ss-openbook:before, .ss-openbook.right:after { content: '📖'; } .ss-heartbook:before, .ss-heartbook.right:after { content: ''; } .ss-downloadbook:before, .ss-downloadbook.right:after { content: ''; } .ss-musicopenbook:before, .ss-musicopenbook.right:after { content: ''; } .ss-searchbook:before, .ss-searchbook.right:after { content: ''; } .ss-notebook:before, .ss-notebook.right:after { content: '📓'; } .ss-newspaper:before, .ss-newspaper.right:after { content: '📰'; } .ss-notice:before, .ss-notice.right:after { content: ''; } .ss-rows:before, .ss-rows.right:after { content: ''; } .ss-columns:before, .ss-columns.right:after { content: ''; } .ss-thumbnails:before, .ss-thumbnails.right:after { content: ''; } .ss-pagecurl:before, .ss-pagecurl.right:after { content: ''; } .ss-desktop:before, .ss-desktop.right:after { content: '💻'; } .ss-laptop:before, .ss-laptop.right:after { content: ''; } .ss-tablet:before, .ss-tablet.right:after { content: ''; } .ss-smartphone:before, .ss-smartphone.right:after { content: ''; } .ss-cell:before, .ss-cell.right:after { content: '📱'; } .ss-walkytalky:before, .ss-walkytalky.right:after { content: ''; } .ss-ereader:before, .ss-ereader.right:after { content: ''; } .ss-ebook:before, .ss-ebook.right:after { content: ''; } .ss-wifibook:before, .ss-wifibook.right:after { content: ''; } .ss-wifiopenbook:before, .ss-wifiopenbook.right:after { content: ''; } .ss-battery:before, .ss-battery.right:after { content: '🔋'; } .ss-highbattery:before, .ss-highbattery.right:after { content: ''; } .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: ''; } .ss-lowbattery:before, .ss-lowbattery.right:after { content: ''; } .ss-emptybattery:before, .ss-emptybattery.right:after { content: ''; } .ss-chargingbattery:before, .ss-chargingbattery.right:after { content: ''; } .ss-heartmobile:before, .ss-heartmobile.right:after { content: ''; } .ss-phonemobile:before, .ss-phonemobile.right:after { content: ''; } .ss-lockmobile:before, .ss-lockmobile.right:after { content: ''; } .ss-textmobile:before, .ss-textmobile.right:after { content: ''; } .ss-dollarmobile:before, .ss-dollarmobile.right:after { content: ''; } .ss-euromobile:before, .ss-euromobile.right:after { content: ''; } .ss-rssmobile:before, .ss-rssmobile.right:after { content: ''; } .ss-navigationmobile:before, .ss-navigationmobile.right:after { content: ''; } .ss-batterymobile:before, .ss-batterymobile.right:after { content: ''; } .ss-powermobile:before, .ss-powermobile.right:after { content: ''; } .ss-browseonline:before, .ss-browseonline.right:after { content: ''; } .ss-shoponline:before, .ss-shoponline.right:after { content: ''; } .ss-bankonline:before, .ss-bankonline.right:after { content: ''; } .ss-realtyonline:before, .ss-realtyonline.right:after { content: ''; } .ss-readonline:before, .ss-readonline.right:after { content: ''; } .ss-weatheronline:before, .ss-weatheronline.right:after { content: ''; } .ss-lightbulb:before, .ss-lightbulb.right:after { content: '💡'; } .ss-lightbulbon:before, .ss-lightbulbon.right:after { content: ''; } .ss-cfl:before, .ss-cfl.right:after { content: ''; } .ss-hairdryer:before, .ss-hairdryer.right:after { content: ''; } .ss-picnictable:before, .ss-picnictable.right:after { content: ''; } .ss-flame:before, .ss-flame.right:after { content: ''; } .ss-campfire:before, .ss-campfire.right:after { content: '🔥'; } .ss-bonfire:before, .ss-bonfire.right:after { content: ''; } .ss-balloon:before, .ss-balloon.right:after { content: '🎈'; } .ss-christmastree:before, .ss-christmastree.right:after { content: '🎄'; } .ss-sweep:before, .ss-sweep.right:after { content: ''; } .ss-chess:before, .ss-chess.right:after { content: '♞'; } .ss-onedie:before, .ss-onedie.right:after { content: '⚀'; } .ss-twodie:before, .ss-twodie.right:after { content: '⚁'; } .ss-threedie:before, .ss-threedie.right:after { content: '⚂'; } .ss-fourdie:before, .ss-fourdie.right:after { content: '⚃'; } .ss-fivedie:before, .ss-fivedie.right:after { content: '⚄'; } .ss-sixdie:before, .ss-sixdie.right:after { content: '⚅'; } .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: ''; } .ss-download:before, .ss-download.right:after { content: ''; } .ss-downloadbox:before, .ss-downloadbox.right:after { content: ''; } .ss-downloadcrate:before, .ss-downloadcrate.right:after { content: ''; } .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: ''; } .ss-upload:before, .ss-upload.right:after { content: ''; } .ss-uploadbox:before, .ss-uploadbox.right:after { content: ''; } .ss-uploadcrate:before, .ss-uploadcrate.right:after { content: ''; } .ss-fork:before, .ss-fork.right:after { content: ''; } .ss-merge:before, .ss-merge.right:after { content: ''; } .ss-refresh:before, .ss-refresh.right:after { content: '↻'; } .ss-sync:before, .ss-sync.right:after { content: ''; } .ss-loading:before, .ss-loading.right:after { content: ''; } .ss-wifi:before, .ss-wifi.right:after { content: ''; } .ss-connection:before, .ss-connection.right:after { content: ''; } .ss-reload:before, .ss-reload.right:after { content: ''; } .ss-file:before, .ss-file.right:after { content: '📄'; } .ss-addfile:before, .ss-addfile.right:after { content: ''; } .ss-removefile:before, .ss-removefile.right:after { content: ''; } .ss-deletefile:before, .ss-deletefile.right:after { content: ''; } .ss-downloadfile:before, .ss-downloadfile.right:after { content: ''; } .ss-uploadfile:before, .ss-uploadfile.right:after { content: ''; } .ss-importfile:before, .ss-importfile.right:after { content: ''; } .ss-exportfile:before, .ss-exportfile.right:after { content: ''; } .ss-settingsfile:before, .ss-settingsfile.right:after { content: ''; } .ss-lockfile:before, .ss-lockfile.right:after { content: ''; } .ss-userfile:before, .ss-userfile.right:after { content: ''; } .ss-picturefile:before, .ss-picturefile.right:after { content: ''; } .ss-textfile:before, .ss-textfile.right:after { content: ''; } .ss-exe:before, .ss-exe.right:after { content: ''; } .ss-zip:before, .ss-zip.right:after { content: ''; } .ss-doc:before, .ss-doc.right:after { content: ''; } .ss-ppt:before, .ss-ppt.right:after { content: ''; } .ss-pdf:before, .ss-pdf.right:after { content: ''; } .ss-jpg:before, .ss-jpg.right:after { content: ''; } .ss-png:before, .ss-png.right:after { content: ''; } .ss-folder:before, .ss-folder.right:after { content: '📁'; } .ss-openfolder:before, .ss-openfolder.right:after { content: '📂'; } .ss-downloadfolder:before, .ss-downloadfolder.right:after { content: ''; } .ss-uploadfolder:before, .ss-uploadfolder.right:after { content: ''; } .ss-cloudfolder:before, .ss-cloudfolder.right:after { content: ''; } .ss-lockfolder:before, .ss-lockfolder.right:after { content: ''; } .ss-securefolder:before, .ss-securefolder.right:after { content: ''; } .ss-picturefolder:before, .ss-picturefolder.right:after { content: ''; } .ss-moviefolder:before, .ss-moviefolder.right:after { content: ''; } .ss-quote:before, .ss-quote.right:after { content: '“'; } .ss-text:before, .ss-text.right:after { content: ''; } .ss-font:before, .ss-font.right:after { content: ''; } .ss-highlight:before, .ss-highlight.right:after { content: ''; } .ss-print:before, .ss-print.right:after { content: '⎙'; } .ss-fax:before, .ss-fax.right:after { content: '📠'; } .ss-list:before, .ss-list.right:after { content: ''; } .ss-layout:before, .ss-layout.right:after { content: ''; } .ss-action:before, .ss-action.right:after { content: ''; } .ss-redirect:before, .ss-redirect.right:after { content: '↪'; } .ss-expand:before, .ss-expand.right:after { content: '⤢'; } .ss-contract:before, .ss-contract.right:after { content: ''; } .ss-help:before, .ss-help.right:after { content: '❓'; } .ss-info:before, .ss-info.right:after { content: 'ℹ'; } .ss-alert:before, .ss-alert.right:after { content: '⚠'; } .ss-caution:before, .ss-caution.right:after { content: '⛔'; } .ss-logout:before, .ss-logout.right:after { content: ''; } .ss-login:before, .ss-login.right:after { content: ''; } .ss-scaleup:before, .ss-scaleup.right:after { content: ''; } .ss-scaledown:before, .ss-scaledown.right:after { content: ''; } .ss-plus:before, .ss-plus.right:after { content: '+'; } .ss-hyphen:before, .ss-hyphen.right:after { content: '-'; } .ss-check:before, .ss-check.right:after { content: '✓'; } .ss-delete:before, .ss-delete.right:after { content: '␡'; } .ss-bearface:before, .ss-bearface.right:after { content: '🐻'; } .ss-bird:before, .ss-bird.right:after { content: '🐦'; } .ss-fishes:before, .ss-fishes.right:after { content: ''; } .ss-tropicalfish:before, .ss-tropicalfish.right:after { content: ''; } .ss-tree:before, .ss-tree.right:after { content: '🌳'; } .ss-evergreen:before, .ss-evergreen.right:after { content: '🌲'; } .ss-palmtree:before, .ss-palmtree.right:after { content: '🌴'; } .ss-leaf:before, .ss-leaf.right:after { content: '🍂'; } .ss-seedling:before, .ss-seedling.right:after { content: '🌱'; } .ss-grass:before, .ss-grass.right:after { content: ''; } .ss-settings:before, .ss-settings.right:after { content: '⚙'; } .ss-dashboard:before, .ss-dashboard.right:after { content: ''; } .ss-dial:before, .ss-dial.right:after { content: ''; } .ss-notifications:before, .ss-notifications.right:after { content: '🔔'; } .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: '🔕'; } .ss-flash:before, .ss-flash.right:after { content: '⌁'; } .ss-wrench:before, .ss-wrench.right:after { content: '🔧'; } .ss-tapemeasure:before, .ss-tapemeasure.right:after { content: ''; } .ss-clock:before, .ss-clock.right:after { content: '⏲'; } .ss-watch:before, .ss-watch.right:after { content: '⌚'; } .ss-stopwatch:before, .ss-stopwatch.right:after { content: '⏱'; } .ss-alarmclock:before, .ss-alarmclock.right:after { content: '⏰'; } .ss-calendar:before, .ss-calendar.right:after { content: '📅'; } .ss-addcalendar:before, .ss-addcalendar.right:after { content: ''; } .ss-removecalendar:before, .ss-removecalendar.right:after { content: ''; } .ss-checkcalendar:before, .ss-checkcalendar.right:after { content: ''; } .ss-deletecalendar:before, .ss-deletecalendar.right:after { content: ''; } .ss-sausage:before, .ss-sausage.right:after { content: ''; } .ss-burger:before, .ss-burger.right:after { content: '🍔'; } .ss-pizza:before, .ss-pizza.right:after { content: '🍕'; } .ss-fish:before, .ss-fish.right:after { content: '🐟'; } .ss-shrimp:before, .ss-shrimp.right:after { content: '🍤'; } .ss-turkey:before, .ss-turkey.right:after { content: ''; } .ss-steak:before, .ss-steak.right:after { content: ''; } .ss-sidedish:before, .ss-sidedish.right:after { content: '🍚'; } .ss-noodles:before, .ss-noodles.right:after { content: '🍜'; } .ss-spaghetti:before, .ss-spaghetti.right:after { content: '🍝'; } .ss-corn:before, .ss-corn.right:after { content: ''; } .ss-carrot:before, .ss-carrot.right:after { content: ''; } .ss-icecream:before, .ss-icecream.right:after { content: '🍨'; } .ss-mug:before, .ss-mug.right:after { content: '☕'; } .ss-beer:before, .ss-beer.right:after { content: '🍺'; } .ss-bottle:before, .ss-bottle.right:after { content: ''; } .ss-wineglass:before, .ss-wineglass.right:after { content: '🍷'; } .ss-cocktail:before, .ss-cocktail.right:after { content: '🍸'; } .ss-tea:before, .ss-tea.right:after { content: '🍵'; } .ss-teapot:before, .ss-teapot.right:after { content: ''; } .ss-waterbottle:before, .ss-waterbottle.right:after { content: ''; } .ss-wineglasssparkle:before, .ss-wineglasssparkle.right:after { content: ''; } .ss-salt:before, .ss-salt.right:after { content: ''; } .ss-pepper:before, .ss-pepper.right:after { content: ''; } .ss-oliveoil:before, .ss-oliveoil.right:after { content: ''; } .ss-hotsauce:before, .ss-hotsauce.right:after { content: ''; } .ss-coal:before, .ss-coal.right:after { content: ''; } .ss-oven:before, .ss-oven.right:after { content: ''; } .ss-stove:before, .ss-stove.right:after { content: ''; } .ss-cook:before, .ss-cook.right:after { content: '🍳'; } .ss-bbq:before, .ss-bbq.right:after { content: ''; } .ss-utensils:before, .ss-utensils.right:after { content: '🍴'; } .ss-spoonfork:before, .ss-spoonfork.right:after { content: ''; } .ss-knife:before, .ss-knife.right:after { content: '🔪'; } .ss-cookingutensils:before, .ss-cookingutensils.right:after { content: ''; } .ss-measuringcup:before, .ss-measuringcup.right:after { content: ''; } .ss-colander:before, .ss-colander.right:after { content: ''; } .ss-scale:before, .ss-scale.right:after { content: ''; } .ss-eggtimer:before, .ss-eggtimer.right:after { content: ''; } .ss-platter:before, .ss-platter.right:after { content: ''; } .ss-apron:before, .ss-apron.right:after { content: ''; } .ss-bbqapron:before, .ss-bbqapron.right:after { content: ''; } .ss-chef:before, .ss-chef.right:after { content: ''; } .ss-handbag:before, .ss-handbag.right:after { content: '👜'; } .ss-briefcase:before, .ss-briefcase.right:after { content: '💼'; } .ss-hanger:before, .ss-hanger.right:after { content: ''; } .ss-weathervane:before, .ss-weathervane.right:after { content: ''; } .ss-thermometer:before, .ss-thermometer.right:after { content: ''; } .ss-weather:before, .ss-weather.right:after { content: ''; } .ss-cloud:before, .ss-cloud.right:after { content: '☁'; } .ss-droplet:before, .ss-droplet.right:after { content: '💧'; } .ss-sun:before, .ss-sun.right:after { content: '☀'; } .ss-partlycloudy:before, .ss-partlycloudy.right:after { content: '⛅'; } .ss-rain:before, .ss-rain.right:after { content: '☔'; } .ss-thunderstorm:before, .ss-thunderstorm.right:after { content: '⛈'; } .ss-umbrella:before, .ss-umbrella.right:after { content: '☂'; } .ss-rainbow:before, .ss-rainbow.right:after { content: '🌈'; } .ss-fog:before, .ss-fog.right:after { content: ''; } .ss-wind:before, .ss-wind.right:after { content: ''; } .ss-tornado:before, .ss-tornado.right:after { content: ''; } .ss-snowflake:before, .ss-snowflake.right:after { content: '❄'; } .ss-fan:before, .ss-fan.right:after { content: ''; } .ss-solarpanel:before, .ss-solarpanel.right:after { content: ''; } .ss-plug:before, .ss-plug.right:after { content: '🔌'; } .ss-outlet:before, .ss-outlet.right:after { content: ''; } .ss-car:before, .ss-car.right:after { content: '🚘'; } .ss-taxi:before, .ss-taxi.right:after { content: '🚖'; } .ss-locomotive:before, .ss-locomotive.right:after { content: '🚂'; } .ss-train:before, .ss-train.right:after { content: '🚆'; } .ss-traintunnel:before, .ss-traintunnel.right:after { content: '🚇'; } .ss-bus:before, .ss-bus.right:after { content: '🚍'; } .ss-truck:before, .ss-truck.right:after { content: '🚚'; } .ss-caravan:before, .ss-caravan.right:after { content: '🚐'; } .ss-tractor:before, .ss-tractor.right:after { content: '🚜'; } .ss-tunnel:before, .ss-tunnel.right:after { content: ''; } .ss-plane:before, .ss-plane.right:after { content: '✈'; } .ss-arrival:before, .ss-arrival.right:after { content: ''; } .ss-departure:before, .ss-departure.right:after { content: ''; } .ss-helicopter:before, .ss-helicopter.right:after { content: '🚁'; } .ss-bike:before, .ss-bike.right:after { content: '🚲'; } .ss-motorcycle:before, .ss-motorcycle.right:after { content: ''; } .ss-boat:before, .ss-boat.right:after { content: '🚢'; } .ss-sailboat:before, .ss-sailboat.right:after { content: '⛵'; } .ss-schooner:before, .ss-schooner.right:after { content: ''; } .ss-skylift:before, .ss-skylift.right:after { content: '🚡'; } .ss-rocket:before, .ss-rocket.right:after { content: '🚀'; } .ss-steeringwheel:before, .ss-steeringwheel.right:after { content: ''; } .ss-trafficcamera:before, .ss-trafficcamera.right:after { content: ''; } .ss-fuel:before, .ss-fuel.right:after { content: '⛽'; } .ss-jerrycan:before, .ss-jerrycan.right:after { content: ''; } .ss-passport:before, .ss-passport.right:after { content: ''; } .ss-trafficlight:before, .ss-trafficlight.right:after { content: '🚦'; } .ss-highway:before, .ss-highway.right:after { content: ''; } .ss-road:before, .ss-road.right:after { content: ''; } .ss-intersection:before, .ss-intersection.right:after { content: ''; } .ss-wheelchair:before, .ss-wheelchair.right:after { content: '♿'; } .ss-elevator:before, .ss-elevator.right:after { content: ''; } .ss-golf:before, .ss-golf.right:after { content: ''; } .ss-hockey:before, .ss-hockey.right:after { content: ''; } .ss-iceskate:before, .ss-iceskate.right:after { content: '⛸'; } .ss-billiards:before, .ss-billiards.right:after { content: '🎱'; } .ss-baseballglove:before, .ss-baseballglove.right:after { content: ''; } .ss-tennis:before, .ss-tennis.right:after { content: '🎾'; } .ss-tabletennis:before, .ss-tabletennis.right:after { content: ''; } .ss-badminton:before, .ss-badminton.right:after { content: ''; } .ss-boxing:before, .ss-boxing.right:after { content: ''; } .ss-bowling:before, .ss-bowling.right:after { content: ''; } .ss-football:before, .ss-football.right:after { content: '🏈'; } .ss-soccer:before, .ss-soccer.right:after { content: '⚽'; } .ss-hiker:before, .ss-hiker.right:after { content: ''; } .ss-pool:before, .ss-pool.right:after { content: ''; } .ss-shower:before, .ss-shower.right:after { content: '🚿'; } .ss-exercise:before, .ss-exercise.right:after { content: ''; } .ss-exercisebike:before, .ss-exercisebike.right:after { content: ''; } .ss-dumbbell:before, .ss-dumbbell.right:after { content: ''; } .ss-jumprope:before, .ss-jumprope.right:after { content: ''; } .ss-yoga:before, .ss-yoga.right:after { content: ''; } .ss-suitcase:before, .ss-suitcase.right:after { content: ''; } .ss-luggage:before, .ss-luggage.right:after { content: ''; } .ss-donotdisturb:before, .ss-donotdisturb.right:after { content: ''; } .ss-sunscreen:before, .ss-sunscreen.right:after { content: ''; } .ss-callbell:before, .ss-callbell.right:after { content: ''; } .ss-hospital:before, .ss-hospital.right:after { content: '⛨'; } .ss-medicalcross:before, .ss-medicalcross.right:after { content: ''; } .ss-ambulance:before, .ss-ambulance.right:after { content: '🚑'; } .ss-bandage:before, .ss-bandage.right:after { content: ''; } .ss-medicalthermometer:before, .ss-medicalthermometer.right:after { content: ''; } .ss-stethoscope:before, .ss-stethoscope.right:after { content: ''; } .ss-syringe:before, .ss-syringe.right:after { content: '💉'; } .ss-pill:before, .ss-pill.right:after { content: '💊'; } .ss-pillbottle:before, .ss-pillbottle.right:after { content: ''; } .ss-supplements:before, .ss-supplements.right:after { content: ''; } .ss-bathroomscale:before, .ss-bathroomscale.right:after { content: ''; } .ss-dna:before, .ss-dna.right:after { content: ''; } .ss-anatomicalheart:before, .ss-anatomicalheart.right:after { content: ''; } .ss-checkheart:before, .ss-checkheart.right:after { content: ''; } .ss-eyesurgery:before, .ss-eyesurgery.right:after { content: ''; } .ss-brokenbone:before, .ss-brokenbone.right:after { content: ''; } .ss-up:before, .ss-up.right:after { content: '⬆'; } .ss-upright:before, .ss-upright.right:after { content: '⬈'; } .ss-right:before, .ss-right.right:after { content: '➡'; } .ss-downright:before, .ss-downright.right:after { content: '⬊'; } .ss-down:before, .ss-down.right:after { content: '⬇'; } .ss-downleft:before, .ss-downleft.right:after { content: '⬋'; } .ss-left:before, .ss-left.right:after { content: '⬅'; } .ss-upleft:before, .ss-upleft.right:after { content: '⬉'; } .ss-navigateup:before, .ss-navigateup.right:after { content: ''; } .ss-navigateright:before, .ss-navigateright.right:after { content: '▻'; } .ss-navigatedown:before, .ss-navigatedown.right:after { content: ''; } .ss-navigateleft:before, .ss-navigateleft.right:after { content: '◅'; } .ss-directup:before, .ss-directup.right:after { content: '▴'; } .ss-directright:before, .ss-directright.right:after { content: '▹'; } .ss-dropdown:before, .ss-dropdown.right:after { content: '▾'; } .ss-directleft:before, .ss-directleft.right:after { content: '◃'; } .ss-leftright:before, .ss-leftright.right:after { content: '⬌'; } .ss-rightward:before, .ss-rightward.right:after { content: ''; } .ss-leftward:before, .ss-leftward.right:after { content: ''; } .ss-previouspage:before, .ss-previouspage.right:after { content: '⎗'; } .ss-nextpage:before, .ss-nextpage.right:after { content: '⎘'; } .ss-retweet:before, .ss-retweet.right:after { content: ''; } .ss-share:before, .ss-share.right:after { content: ''; } /* Extra needed on Gruppen for new search bar 2024 */ .subsite-header__collapsable { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.2s ease-in-out; } .subsite-header__collapsable > .container { position: relative; width: calc(100% - 2rem); max-width: 77rem; margin: 0 auto; padding-left: 0; padding-right: 0; } @media screen and (min-width: 768px) { .subsite-header__collapsable > .new-container { width: calc(100% - 3rem); } } /* New search bar 2024 end */ /* ICA COLORS Primary CTA BG: #E13205 Secondary CTA Text & Link: #CF2E05 Primary background color - ICA Brown - Lightest: #F9F5F5 Secondary action background color - ICA Red - Special: #FCECE7 */ /*Regler för fullbreddsblock*/ .article-listing-item-onehundred-percent .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border .post-thumb, .article-listing-item-onehundred-percent .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border .post-thumb img.img-test { width: 350px; flex-shrink: 0; align-self: stretch; } div.flex-item-true-false { height: 234px; } div.same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border { display: flex; } .text-part { display: flex; flex-direction: column; flex-grow: 1; } .article-listing-item-onehundred-percent .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border p#readMoreLink.read-more-plain-text-link { margin-top: 20px; } .article-listing-item-thirtythree-percent { height: 515px; display: flex; flex-direction: column; overflow: hidden; } .article-listing__link .post-container:hover { border: 8px solid #f8ece9; } .post-container.post-title-red:hover, .post-container.article-listing-item--light-pink:hover { border: 8px solid #f8ece9; } .thirty-three p#readMoreLink.read-more-arrow-link { justify-content: space-between; } p#readMoreLink.read-more-arrow-link { color: #e13205; font-size: 1.5em; align-items: center; gap: 20px; flex-shrink: 0; display: flex; align-items: center; font-weight: 700; font-size: 22px; line-height: 26.4px; margin-top: 16px; margin-bottom: 0; } .teaser-and-link { display: flex; flex-direction: column; justify-content: space-between; flex: 1; } p#readMoreLink.read-more-arrow-link::after { content: url(/Static/img/right-arrow-in-circle-light.svg); } p#readMoreLink.read-more-arrow-link.article-listing-item--light-pink::after { content: url(/Static/img/right-arrow-in-circle-white.svg); } p#readMoreLink.read-more-arrow-link:hover::after, a.read-more-arrow-link:focus::after { content: url(/Static/img/right-arrow-in-circle-dark.svg); } p#readMoreLink.read-more-plain-text-link { font-family: ICA Rubrik Web Regular, sans-serif; color: #e13205; font-size: 1.5em; display: flex; align-items: center; gap: 20px; flex-shrink: 0; font-weight: 400; font-size: 22px; line-height: 26.4px; margin-bottom: 0; margin-top: 16px; } p#readMoreLink.read-more-plain-text-link:hover, #readMoreLink.p.read-more-plain-text-link:focus { font-weight: 700; } #readMoreLink { margin-top: 16px; } /*Double column block*/ @media (max-width: 769px) { .article-listing-item-onehundred-percent .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border p#readMoreLink.read-more-plain-text-link { margin-top: 0; } div.article-listing-item-thirtythree-percent, div.block.article-listing-item-onehundred-percent.article-listing-item-onehundred-percent-flex.ng-scope, .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border { width: 329px !important; height: 426px !important; } } /*Single column block*/ @media (max-width: 376px) { .flex-container { row-gap: 20px !important; } .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-borde { height: unset; } .flex-item-true-false, .flex-item-false-false, .flex-item-false-true { display: flex; justify-content: center; } block article-listing-item-onehundred-percent article-listing-item-onehundred-percent-flex ng-scope, .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border { width: 100%; } .article-listing-item-onehundred-percent .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border p#readMoreLink.read-more-plain-text-link, .read-more-plain-text-link hide-link-on-mobile-false { margin-top: 0 !important; } .block.article-listing-item-onehundred-percent.article-listing-item-onehundred-percent-flex.ng-scope, div.block.article-listing-item-onehundred-percent.article-listing-item-onehundred-percent-flex.ng-scope, div.article-listing-item-thirtythree-percent, div.block.article-listing-item-onehundred-percent.article-listing-item-onehundred-percent-flex.ng-scope div.article-listing-item-thirtythree-percent, .same-height-blocks-js.post-container.col-lg-12.col-sm-12.col-md-12 .post-thumb img.img-test, .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border, .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border { width: 335px !important; height: 426px !important; } h3.article-listing-item__title { font-family: ICA Rubrik Web Regular; font-size: 25px; font-weight: 500; line-height: 30px; letter-spacing: 0em; text-align: left; } .article-listing-item-onehundred-percent .post-content, .post-content { flex-grow: 1; } .post-content.thirty-three p, .ng-scope p:not(.textblock p), .result-teaser p.ng-scope span { font-family: ICA Text Web Regular !important; font-size: 16px !important; font-weight: 400 !important; line-height: 20px !important; letter-spacing: 0em !important; text-align: left !important; } .article-listing-item-onehundred-percent .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border .post-thumb img.img-test, .article-listing-item-onehundred-percent .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border .post-thumb, .article-listing-item-thirtythree-percent.same-height-blocks .post-thumb.thirty-three img, div.post-thumb thirty-three img, .post-thumb.thirty-three, .post-thumb.thirty-three img, .same-height-blocks-js.post-container.col-lg-12.col-sm-12.col-md-12 .post-thumb img.img-test, img-responsive hidden-lg { height: 190px !important; min-height: unset !important; width: 335px !important; margin-bottom: 0; } .post-content { padding: 20px !important; } } @media (max-width: 1200px) { div.block { margin-top: 0; } .flex-container { row-gap: 40px; } .same-height-blocks-js.post-container.col-lg-12.col-sm-12.col-md-12 .post-thumb img.img-test { width: 100%; height: 223px; } div.article-listing-item-thirtythree-percent, div.block.article-listing-item-onehundred-percent.article-listing-item-onehundred-percent-flex.ng-scope { align-items: center; width: 430px; margin-top: 0; overflow: hidden; } .article-listing-item-onehundred-percent .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border .post-thumb, .article-listing-item-onehundred-percent .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border .post-thumb img.img-test, .article-listing-item-thirtythree-percent.same-height-blocks .post-thumb.thirty-three img, div.post-thumb thirty-three img { width: 100%; height: 223px; } .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border { height: 504px; display: flex; flex-direction: column; } .post-content.thirty-three.article-listing-item--red, .post-content.thirty-three.article-listing-item--light-pink, .post-content.thirty-three.article-listing-item--gray, .post-content.thirty-three.article-listing-item--white { width: 100%; } p #readMoreLink.read-more-arrow-link { justify-content: space-between; } .hide-link-on-mobile-true { display: none !important; } #readMoreLink { margin-top: 0; } p#readMoreLink.read-more-arrow-link { width: 100%; justify-content: space-between; } } @media (min-width: 1200px) { .row.flex-container::before, .row.flex-container::after { display: none; } div.post-thumb.thirty-three, div.post-thumb.thirty-three img { width: 100%; } .article-listing-item { padding: 0px; } div.flex-item-false-false, .flex-item-false-false .article-listing-item-thirtythree-percent { width: 367px; height: 452px; padding: 0; margin-top: 0; } .row.flex-container { gap: 24px; } .flex-item-false-false .article-listing-item-thirtythree-percent .result-teaser, .post-content.thirty-three p { font-family: ICA Text Web Regular; font-size: 18px; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; } .flex-item-false-false .article-listing-item-thirtythree-percent p#readMoreLink.read-more-plain-text-link { font-family: ICA Rubrik Web Regular; font-size: 22px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: left; } .flex-item-false-false .article-listing-item-thirtythree-percent p#readMoreLink.read-more-arrow-link { font-family: ICA Rubrik Web Regular; font-size: 22px; font-weight: 700; line-height: 26px; letter-spacing: 0em; text-align: left; } .article-listing-item__title { font-family: ICA Rubrik Web Regular; font-size: 30px; font-weight: 500; line-height: 36px; letter-spacing: 0em; text-align: left; margin-bottom: 10px; } } @media (max-width: 768px) { p#readMoreLink.read-more-arrow-link { display: flex; height: 52px; justify-content: space-between; align-items: center; flex-shrink: 0; align-self: stretch; } p#readMoreLink.read-more-plain-text-link { display: flex; height: 52px; align-items: center; gap: 16px; flex-shrink: 0; align-self: stretch; } p#readMoreLink.read-more-plain-text-link { font-weight: 700; } } .container { padding-left: 20px; padding-right: 20px; } .row { margin-right: -10px; margin-left: -10px; } [ng\:cloak], [ng-cloak], .ng-cloak { display: none !important; } html, body { margin: 0; font-family: ICA Text Web Regular; color: var(--grey-dark); } a, span.show-more { font-family: ICA Rubrik Web Regular, sans-serif; color: #e13205; font-size: 1.5em; text-decoration: none; } a:hover, a:focus { color: #cf2e05; outline: 0 none; text-decoration: underline; } .redBtn { background: #e13205; display: inline-block; color: #ffffff; padding: 1px 10px; cursor: pointer; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } .redBtn:hover, .redBtn:focus { background: #cf2e05; color: #ffffff; text-decoration: none; } a.show-more:after { content: ' \203A'; display: inline; } span.show-more:after { content: ' \203A'; display: inline; } /* Tiny editor styling */ .icon-email:before, .icon-cellphone:before, .icon-new-window:before { position: relative; top: 7px; left: -3px; } .icon-saved:before { font-size: 14px; bottom: 2px; left: 0px; position: absolute; } .mobileContentAreaSmall .icon-saved:before { font-size: 14px; bottom: 4px; left: 0px; position: absolute; } .icon-new-window:before { top: 5px; } .icon-contact { padding-left: 30px; } .icon-contact:before { left: -4px; top: -5px; } p.icon-contact:before { /*top: 4px;*/ } h3.icon-contact:before { top: 0; } h4.icon-contact:before { top: -3px; } .ss-exe:before, .ss-zip:before, .ss-doc:before, .ss-ppt:before, .ss-pdf:before, .ss-jpg:before, .ss-png:before, .ss-action:before, .ss-calendar:before, .ss-phonemobile:before, .ss-phone:before, .ss-picture:before, .ss-mail:before, .ss-link:before, .ss-action:before { display: inline-block; padding-right: 5px; text-decoration: none; position: relative; top: 3px; color: #e13205; } /* .sprite */ a.document { padding: 0 0 0 20px; background-position: 0 -798px; } a.calendar { padding: 0 0 0 20px; font-size: 1.1421em; background-position: 0 -856px; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } h1 { font-family: 'ICA Rubrik Web Light', sans-serif; font-size: 47px; /* 47px */ margin: 0 0 35px 0; } h2 { font-family: 'ICA Rubrik Web Bold', sans-serif; font-size: 32px; /* 33px */ line-height: 40px; margin: 0 0 15px 0; } .content-area h2 { margin-bottom: 16px; } h3 { font-family: 'ICA Rubrik Web Bold', sans-serif; font-size: 26px; /* 26px */ margin: 0 0 15px 0; } h4 { font-family: 'ICA Rubrik Web Bold', sans-serif; font-size: 23px; /* 23px */ margin: 0 0 15px 0; } p { font-family: 'ICA Text Web Regular'; font-size: 1.5em; line-height: 1.5em; margin-top: 0; margin-bottom: 15px; } /*.content-area p.preamble { margin-bottom: 64px; }*/ ol, ul { margin: 20px 0; padding: 0; list-style-position: inside; } ul { list-style: none; } ol li, ul li { margin-bottom: 10px; font-size: 1.5em; line-height: 1.5em; } table tr { border-bottom: solid 1px #393939; } table tr:nth-child(even) { background: #f9f5f5; } table td { padding: 0 10px; } header + div li:before, .main-body li:before { color: #e13205; content: '\2022'; padding-right: 10px; } input[type='text'], input[type='tel'], input[type='datetime'], input[type='date'], input[type='datetime-local'], input[type='month'], input[type='search'], input[type='email'], input[type='password'], input[type='file'], textarea { display: block; width: 100%; -webkit-appearance: none; font-family: 'ICA Text Web Regular'; font-size: 1.5em; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type='radio'], input[type='checkbox'] { margin-left: 5px; margin-top: 3px; vertical-align: top; } input[placeholder] { -moz-text-overflow: ellipsis; text-overflow: ellipsis; } ::-moz-placeholder { -moz-text-overflow: ellipsis; text-overflow: ellipsis; } /* firefox 19+ */ input:-moz-placeholder { -moz-text-overflow: ellipsis; text-overflow: ellipsis; } /* Custumstyle checkbox */ input[type='checkbox'] { display: none; } input[type='checkbox'] + label { cursor: pointer; } input[type='checkbox'] + label .ss-check { border: 2px solid #e13205; display: inline-block; width: 18px; height: 18px; position: relative; margin: 0 10px 0 5px; top: 4px; } input[type='checkbox'] + label .ss-check:before { display: none; } input[type='checkbox']:checked + label .ss-check:before { display: inline-block; color: #e13205; position: absolute; font-size: 14px; top: -1px; } figure { margin-bottom: 40px; } figcaption { font-size: 0.875em; float: right; } figcaption p { margin-bottom: 0; } .preamble { font-family: 'ICA Text Web Light'; font-size: 1.8em; margin-bottom: 40px; } .right { float: right; } .empty { visibility: hidden; } .textWrap h2 { margin-bottom: 18px; } .textWrap h2:last-child { margin-bottom: -50px; } .hoverOverlay { visibility: hidden; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #000000; background: rgba(0, 0, 0, 0.3); -moz-transition: background-color 0.25s ease-in-out; -webkit-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; z-index: 2; } .blockHeader-edit { clear: both; margin: 35px 0 10px; text-decoration: underline; } /* transition effekt */ .transitionLink { display: block; -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; -ms-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .transitionLink:hover { background-color: #f9f5f5; padding-left: 15px; text-decoration: none; } /* ICA custom */ .sprite { background: url(/static/img/sprites.svg) no-repeat 100% 0; } .mobileIcons { display: none; } .site-header { background: #fff; background: rgba(255, 255, 255, 1); border-bottom: 5px solid rgba(255, 255, 255, 1); left: 0; position: absolute; right: 0; top: 0; z-index: 1001; } .site-header .navbar-default { background: none; border: 0 none; -ms-border-radius: 0; border-radius: 0; height: 68px; margin-bottom: 2px; padding-left: 10px; padding-right: 10px; } .site-header .container-fluid { padding: 0; } .site-header h1 { margin: 0; } .site-header .navbar > .container .navbar-brand, .site-header .navbar > .container-fluid .navbar-brand { height: 62px; margin: 0; padding: 0 10px 0 0; } .site-header .navbar > .container .navbar-brand img, .site-header .navbar > .container-fluid .navbar-brand img { padding: 10px 0 10px 0; } .navbar-default .navbar-toggle { border: 0 none; margin-right: 0; margin-top: 14px; padding: 9px 0; } .navbar-default .navbar-toggle .icon-bar { background: #e13205; height: 5px; width: 40px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; } .navbar-nav > li > a { padding-top: 40px; padding-bottom: 4px; } .site-header .navbar-nav { margin-left: 10px; margin-top: 4px; } .site-header .container-fluid { max-width: 1196px; } .site-header .navbar-nav li { margin-bottom: 0; } .site-header .navbar-nav:not(.navbar-right) li a:before { font-size: 34px; } .site-header .navbar-nav li.navitem .toplink.icon-investerare:before { font-size: 24px !important; left: calc(50% - 14px) !important; top: 10px !important; } .site-header .navbar-nav li.navitem .toplink.icon-email:before, .site-header .navbar-nav li.navitem .toplink.icon-users:before, .site-header .navbar-nav li.navitem .toplink.icon-info:before { left: calc(50% - 18px) !important; } /* Edge sepcific*/ @supports (-ms-ime-align: auto) { .site-header .navbar-nav { margin-left: 10px; margin-top: 17px; margin-bottom: -13px; } .site-header .navbar-nav li.navitem .toplink.icon-email:before, .site-header .navbar-nav li.navitem .toplink.icon-users:before, .site-header .navbar-nav li.navitem .toplink.icon-info:before, .site-header .navbar-right li a.icon-search::before, .site-header .navbar-nav .navitem a::before { top: -10px !important; } .site-header .navbar-right li a.icon-language:before, .site-header .navbar-nav li.navitem .toplink.icon-media::before { top: -5px !important; } .site-header .navbar-nav li.navitem .toplink.icon-innovation::before, .site-header .navbar-nav li.navitem .toplink.icon-investerare::before { top: -9px !important; } } /* END Edge sepcific*/ .site-header .navbar-nav li.navitem .toplink.icon-media:before { font-size: 24px !important; left: calc(50% - 13px) !important; top: 12px; } .site-header .navbar-nav li.navitem .toplink.icon-innovation:before { font-size: 26px !important; left: calc(50% - 11px) !important; top: 10px; } .site-header .navbar-nav > li > a { color: #393939; font-family: 'ICA Rubrik Web Bold', sans-serif; font-size: 16px; padding-left: 14px; padding-right: 14px; } .site-header .navbar-nav > li > a.selected:after { content: ''; background-color: #e13205; position: absolute; height: 5px; width: 100%; bottom: -5px; left: 0; } .site-header .navbar-nav > li > a:hover { color: #e13205; } .site-header .navbar-collapse { padding: 0; } .site-header .navbar-collapse .container { width: calc( 1196px + 6px ); /* 6px extra because of the border-spacing on navbar-nav */ } .site-header .navbar-collapse > .nav > li:last-child a { padding-right: 0; } .site-header .navbar-nav.navbar-right { height: 64px; margin-right: 0; } .site-header .navbar-right li a { padding: 40px 14px 4px 14px; position: relative; } .site-header .navbar-right li a.icon-language:before { left: calc(50% - 14px); position: absolute; top: 10px; } .site-header .navbar-right li a.icon-search:before { font-size: 34px; left: calc(50% - 12px); position: absolute; top: 4px; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .site-header .navbar-right li .search:before { left: calc(50% - 9px); } .site-header .navbar-right.global-menu > li a { color: #464646; display: inline; font-size: 14px; padding: 0; } .site-header .navbar-right > li span { color: #464646; cursor: pointer; /*padding-left: 15px;*/ } .site-header .navbar-right > li #morepages-menu-header { padding-right: 20px; position: relative; } .site-header .navbar-right > li #morepages-menu-header:hover { color: #e13205; } .site-header .navbar-right > li #morepages-menu-header:after { content: ''; position: absolute; top: 3px; right: 0; background: transparent url(/static/img/sprites.svg) no-repeat 0px -204px; width: 12px; height: 12px; } .site-header .navbar-right > .open > a, .site-header .navbar-right > .open > a:hover, .site-header .navbar-right > .open > a:focus { background: none; } .site-header .navbar-right .dropdown-menu { background: #fff; background: rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.14); -ms-box-shadow: 0 0 5px #000000; -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.14); box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.14); border: 0 none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 0; top: 72px; /* header */ } .site-header .global-menu .dropdown-menu.languages { top: 52px; } .site-header .navbar-right .dropdown-menu li a { display: inline-block; font-family: 'ICA Text Web Bold'; font-size: 14px; padding: 11px 20px; text-align: right; width: 100%; } .site-header .navbar-right .dropdown-menu > li > a:hover, .site-header .navbar-right .dropdown-menu > li > a:focus { background-color: #f9f5f5; } .site-header .navbar-right .dropdown-menu li + li { border-top: solid 1px #d9d5d5; } .site-header .navbar-right.global-menu > li .selected-language { padding-left: 10px; padding-top: 2px; } .site-header .navbar-right.global-menu li a.selected-language:hover, .site-header .navbar-right.global-menu li a.selected-language:focus, .mobileIcons a.selected-language:hover, .mobileIcons a.selected-language:focus { text-decoration: none !important; } /* Submenu */ .subNav.empty { min-height: 0; height: 1px; border: none; } .subNav.empty + div .subNav-container.affix { top: 0; } .subNav { background: #ffffff; border-bottom: solid 3px #fff; clear: both; height: 52px; margin-top: -52px; margin-bottom: 0; } .subNav.affix { position: fixed; width: 100%; top: 0; margin-top: 0; } .table.nav { border-spacing: 3px 0px; position: relative; bottom: -3px; margin-top: -3px; padding-left: 10px; padding-right: 10px; } .subNav .table-cell { background: #e13205; display: table-cell; float: none; padding: 0; vertical-align: middle; width: 10%; height: 52px; } .subNav .table-cell:hover { background: #cf2e05; } .subNav .table-cell.selected { background: #fcece7; border-bottom: 3px solid #e13205; position: relative; } .subNav .table-cell.selected a { color: #464646 !important; position: relative !important; top: 2px; } .subNav li a, .subNav .table-cell a { font-size: 17px; } .subNav.navbar-default .navbar-nav > .table-cell:first-of-type { border-left: none; } .subNav.navbar-default .navbar-nav > .table-cell > a { color: #ffffff; display: inline-block; font-family: 'ICA Rubrik Web Medium', sans-serif; font-size: 17px; line-height: 20px; padding: 6px 10px; text-align: center; width: 100%; } .section-page-menu-item-container { padding-top: 25px; padding-bottom: 25px; border-bottom: 2px solid #e13205; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; row-gap: 10px; margin-bottom: 35px; } .section-page-menu-item-container > .row { display: flex; justify-content: center; column-gap: 15px; width: 100%; } .section-page-menu-item-container > .row.fill-width { align-items: stretch; } .section-page-menu-item-container > .row > a.table-cell.sectionpage-menu-item { display: flex; align-items: center; justify-content: center; border-radius: 14px; background-color: #fcece7; padding: 12px 10px; height: auto; min-width: 0; text-align: center; overflow: hidden; color: #e13205; font-size: 15px; font-weight: bold; } .section-page-menu-item-container > .row > a.table-cell.sectionpage-menu-item > span { order: 1; flex: 0 1 auto; text-overflow: ellipsis; overflow: hidden; min-width: 0px; line-height: 17px; } .section-page-menu-item-container > .row > a.table-cell.sectionpage-menu-item:hover { background-color: #e13205; color: #fcece7; text-decoration: none; } .section-page-menu-item-container > .row.fill-width > a.table-cell.sectionpage-menu-item { flex-grow: 1; } .subNav.navbar-default .navbar-nav > .table-cell > a:hover, .subNav.navbar-default .navbar-nav > .table-cell > a:focus { text-decoration: none; } .subNav.navbar-default .navbar-nav > .active > a, .subNav.navbar-default .navbar-nav > .active > a:hover, .subNav.navbar-default .navbar-nav > .active > a:focus { background: transparent; } .subNav-container { background: transparent; border: none; position: relative; margin-bottom: 50px; } .subNav-container.affix { position: fixed; top: 52px; width: 100%; } .subNav-container .container { position: relative; } .subNav-container ul { background: #fcece7; border-bottom: solid 1px #d8d7d7; -webkit-box-shadow: 0 5px 8px #000000; -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 8px #000000; -ms-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 8px #000000; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); padding: 10px 10px 0 10px; width: 100%; } .subNav-container li:before { color: inherit; content: ''; padding-right: 0; } .subNav-container .close { position: absolute; right: 0; bottom: 0; background: #e13205; color: #ffffff; -ms-text-shadow: 0 0 0; text-shadow: 0 0 0; -ms-opacity: 1; opacity: 1; padding: 1px 1px 0; } .subNav-container .close .icon-close:before { color: #ffffff; font-size: 28px; } .subNav-container .close:hover { background: #4c4c4c; } .subNav-container.navbar-default .navbar-nav > li > a { color: #464646; font-family: 'ICA Text Web Bold'; font-size: 15px; margin-right: 45px; padding-top: 10px; padding-bottom: 10px; } .subNav-container .navbar-nav > li.active > a, .subNav-container .navbar-nav > li.active > a:focus { background: #cf2e05; color: #ffffff; } .subNav-container .navbar-nav > li > a:hover, .subNav-container .navbar-nav > li.active > a:hover { background: #cf2e05; color: #ffffff; } .affix-placeholder { display: none; } .affix + .affix-placeholder { display: block; visibility: hidden; } /* TopImageBlock */ .topimageblock .top-media-area figure { margin-bottom: 0; text-align: center; position: relative; height: 100%; } .topimageblock .top-media-area figure img { position: relative !important; width: auto; min-height: 300px !important; } @media (max-width: 1300px) { .topimageblock .top-media-area figure img { width: 100%; } } .topimageblock .container { height: 100%; } .topimageblock .topImageText h3 { color: #393939; } .topImageText.white h1, .topImageText.white h2, .topImageText.white h3, .topImageText.white p, .topImageText.white a { color: #fff; } /* Mega menu */ .mega-menu-wrapper { width: 100%; position: absolute; background-color: #f9f5f5; display: none; font-size: 1rem; box-shadow: inset 0 5px #fff; background-image: url('/Static/img/waves.png'); background-position: center bottom; background-repeat: no-repeat; } .mega-menu-wrapper.active { display: flex; flex-direction: column; justify-content: space-between; } .mega-menu-wrapper ul { margin-top: 20px; } .site-header .navbar-nav .navitem a { position: relative; } .site-header .navbar-nav .navitem a:before { left: calc(50% - 16px); position: absolute; top: 6px; } .site-header .navbar-nav .navitem:hover:after { content: ''; background-color: #e13205; position: absolute; height: 5px; width: 100%; bottom: -5px; } .mega-menu-whitelined:after { content: ''; background-color: #e13205; position: absolute; height: 10px; width: 100%; bottom: -10px; } .mega-menu-wrapper ul li { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .mega-menu-wrapper ul li a { color: #e13205; font-family: 'ICA Text Web Bold'; font-size: 17px; padding-left: 14px; padding-right: 14px; } .mega-menu-wrapper .container:last-of-type { margin-bottom: 60px; } .mega-menu-wrapper h1 { margin-top: 50px; font-weight: bold; font-family: 'ICA Rubrik Web Regular', sans-serif; } .mega-menu-wrapper .mega-menu-sub-heading { font-family: 'ICA Rubrik Web Regular', sans-serif !important; font-size: 21px !important; line-height: 1.1 !important; font-weight: bold !important; } .mega-menu-header-wrapper { margin-top: 50px; } .mega-menu-header { font-size: 2.357em; padding-left: 20px; margin-bottom: 0; } .child-plus-icon { border-radius: 50%; width: 25px; height: 25px; position: relative; cursor: pointer; } .child-plus-icon::after { content: ' '; position: absolute; display: block; background-color: #cf2e05; height: 2px; width: 16px; transform: translate3d(-50%, -50%, 0); left: 50%; top: 50%; z-index: 9; } .child-plus-icon.active::after { background-color: #cf2e05; } .child-plus-icon:hover:after { background-color: #393939; } .child-plus-icon::before { content: ' '; position: absolute; display: block; background-color: #cf2e05; width: 2px; height: 16px; z-index: 24; transform: translate3d(-50%, -50%, 0); left: 50%; top: 50%; transition: transform 0.2s; } .child-plus-icon.active::before { transform: translate3d(-50%, -50%, 0) rotate(90deg); background-color: #cf2e05; } .child-plus-icon:hover:before { background-color: #393939; } .mega-menu-right-block { display: none; } .mega-menu-right-block.visible { display: block; } .mega-menu-right-block .block { margin-bottom: 20px; } .mega-menu-right-block .block:last-child { margin-bottom: 0; } .mega-menu-children { display: none; } .mega-menu-children.visible { display: block; } .mega-menu-children-heading { font-weight: bold; margin-left: 12px; margin-bottom: 15px; } .mega-menu-children ul { margin-top: 0; } .mega-menu-close { display: flex; flex-flow: row nowrap; justify-content: center; margin-bottom: 20px; } .mega-menu-close .icon-close { font-size: 4rem; z-index: 9993; cursor: pointer; } .mega-menu-close .icon-close:before { color: #cf2e05; font-size: 48px; } .mega-menu-close .icon-close:hover:before { color: #393939; } .mega-menu-left-block .teaserBlock figure { display: none; } .mega-menu-left-block .block, .mega-menu-right-block .block, .mega-menu-children .block { margin-top: 20px; } .mega-menu-right-block .teaserBlock figure { max-width: 100%; float: none; margin-right: 0; } .mega-menu-right-block .teaserBlock figure img { height: 168px; width: 100%; } .mega-menu-right-block .block { margin-top: 20px; } .mega-menu-center-block { padding-left: 60px; } .mega-menu-center-block li { transition: margin-left 0.2s ease-out; margin-left: 0; } .mega-menu-center-block li.active { margin-left: 10px; } .mega-menu-center-block li.active > a { color: #cf2e05; } .mega-menu-contacts { display: flex; flex-direction: column; } .mega-menu-contact-wrapper { margin-bottom: 40px; display: flex; justify-content: space-between; flex-shrink: 0; } .mega-menu-contact-wrapper * { font-size: 0.9em; font-weight: bold; line-height: 2; color: #393939; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mega-menu-contact-wrapper .contact-name { font-weight: normal; } .mega-menu-contact-wrapper:not(.two-columns) > * { width: 50%; } .mega-menu-contact-wrapper figure { margin-bottom: 0; flex-shrink: 0; } .mega-menu-contact-info { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; } .mega-menu-contact-info p { margin-bottom: 0; } .mega-menu-contact-info p .icon:before { top: 1px; } .mega-menu-contact-info p .icon.ss-picture:before { top: 1px; left: -4px; padding-right: 8px; } .mega-menu-contact-info .email { color: #e13205; } .mega-menu-contact-info.without-image { align-items: flex-start; } .mega-menu-contact-info .email:hover { text-decoration: underline; } .mega-menu-contact-wrapper.two-columns { display: flex; justify-content: flex-start; flex-direction: column; flex: 0 0 auto; max-width: 48%; } .mega-menu-contact-wrapper.two-columns .mega-menu-contact-info { align-items: flex-start; } .mega-menu-contact-info .icon-cellphone { left: -5px; padding: 0; top: -3px; } .mega-menu-contact-info .icon-contact { left: -4px; padding: 0; top: -3px; } .mega-menu-contact-info .icon-email { left: -5px; top: -1px; } .mega-menu-contact-info .icon-cellphone:before, .mega-menu-contact-info .icon-contact:before, .mega-menu-contact-info .icon-email:before { font-size: 20px; } .mega-menu-contacts.two-columns { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .mega-menu-columns .stockBlock { display: flex; flex-direction: column; } .mega-menu-columns .stockBlock h3 { border-bottom: none; padding: 0; } .mega-menu-columns .stock-date { align-self: flex-start; order: 2; } .mega-menu-wrapper .documentlistblock ul { margin-top: 0; } .mega-menu-wrapper .documentlistblock ul li a { padding-left: 0; } .mega-menu-wrapper .documentlistblock h3 { border-bottom: none; padding-bottom: 0; font-family: 'ICA Rubrik Web Regular', sans-serif; font-size: 16px; margin: 0 0 15px 0; font-weight: bold; } .mega-menu-columns .aktienumber { display: flex; flex-direction: row; justify-content: space-between; } .mega-menu-columns .stock-date-price-container { order: 2; } .mega-menu-columns .stock-price { float: right; } .mega-menu-columns .stock-info { display: flex; order: 1; align-items: center; } .mega-menu-columns .stock-info .stock-name { margin-right: 24px; } /* Topcarusel */ .carousel-control, .carousel-indicators { display: none; } .carousel-indicators { bottom: 50px; } .carousel-inner .item { transition: 0.55s ease-out left; } .carousel-inner .col-md-12.lightbox-text-wrapper { padding: 0; } #lightboxslider .carousel-inner p { font-size: 1.2em; text-align: left; } @media (max-width: 599px) { #lightboxslider .carousel-inner p { font-size: 1em; } } #lightboxslider .carousel-control { display: block; opacity: 1; height: 100%; background: none; } #lightboxslider figure { margin-bottom: 5px; position: relative; max-width: 700px; } #lightboxslider img { max-width: 100%; position: relative; margin: 0; } #lightboxslider .carousel-control .icon-next, #lightboxslider .carousel-control .icon-prev { font-size: 70px; margin: 0; top: 40%; position: absolute; color: #e13205; } #lightboxslider .carousel-control .icon-next { right: 0; } #lightboxslider .carousel-control .icon-prev { left: 0; } #lightboxslider .carousel-control .icon-next:hover, #lightboxslider .carousel-control .icon-prev:hover { color: #803164; } #lightboxslider { max-width: 700px; } #lightboxslider .carousel-control.right { position: absolute; } #lightboxslider .lightboxslide-container { max-width: 100%; position: relative; margin: 0; max-width: 700px; } .carousel-indicators li { border: 2px solid #e2e2e2; } .carousel-indicators li:before { content: none; } /* class that pulls up media area */ .top-media-area { overflow: hidden; position: relative; z-index: 1; } .top-media-area figure { margin-bottom: 0; /*min-height:600px;*/ overflow: hidden; position: relative; } .topImageBgArea { /*min-height:647px;*/ } .topImageBgAreaCover { background-size: cover; background-repeat: no-repeat; bottom: 0; left: 0; position: absolute; right: 0; top: 0; background-size: cover; } .topContentAreaSmall .articleteaserblockcontainer, .topContentAreaSmall .topImageBlockArea .documentlistblock, .topContentAreaSmall .topImageBlockArea .documentlinkblock, .topContentAreaSmall .topImageBlockArea .startlinkblock { margin-top: 30px; padding-left: 10px; padding-right: 10px; width: 50%; } .top-media-area figure img, .topImageBlockArea figure.top-media-area img { width: 100%; } .top-media-area figcaption { float: none; height: 100%; width: 100%; position: absolute; top: 0; } .top-media-area .topImageBgArea figcaption { position: relative; } .top-media-area .topImageBgArea figcaption { position: relative; } .top-media-area .top-left { float: left; top: 150px; } .top-media-area .top-right { float: right; top: 150px; } .top-media-area .bottom-left { float: left; top: 200px; } .top-media-area .bottom-right { float: right; top: 200px; } .top-media-area .textcontainer { display: flex; align-items: center; height: 100%; justify-content: flex-start; } .top-media-area .far-left { justify-content: flex-start; } .top-media-area .center { justify-content: center; } .top-media-area .far-right { justify-content: flex-end; } .top-media-area .starttop .top-right { float: none; position: absolute; right: 20px; top: 20px; } .top-media-area .starttop .top-left { float: none; left: 20px; position: absolute; top: 20px; } .top-media-area .starttop .bottom-left { bottom: 20px; float: none; left: 20px; position: absolute; top: auto; } .top-media-area .starttop .bottom-right { bottom: 20px; float: none; position: absolute; right: 20px; top: auto; } .mapinfo-outside { display: none; } .topImageText { background: #ffffff; background: rgba(255, 255, 255, 0.95); overflow: hidden; padding: 20px; padding-bottom: 18px; text-align: left; } .topImageText.NoBg { background: none; padding-left: 0; padding-right: 0; } .topImageText h1, .topImageText h2, .topImageText h3 { color: #e13205; margin-bottom: 15px; } .topImageText h2 { line-height: 1; } .topImageText p { line-height: normal; /*margin-bottom: 15px; #187 */ } .topImageText a { margin-right: 15px; } .topImageBg { background-color: rgba(255, 255, 255, 1); height: 100%; padding: 5px; } .topImageBg .videofile { margin-top: 0; padding: 0; } .topImageBg .videofile .video-container { padding-top: 0; } .article-container-link { margin-top: 20px; font-size: 10px; } .topImageBgInner { background-size: cover; height: 100%; padding: 10px; } .topImageBlockArea { background-color: rgba(255, 255, 255, 1); margin-bottom: 30px; margin-top: 30px; min-height: 450px; padding-top: 0px; padding-left: 10px; padding-right: 10px; text-align: left; } .topImageBlockArea .block { margin-bottom: 10px; margin-top: 10px; } .topImageBlockArea .instagramblock { padding: 0px; } .has-submenu .topImageBlockArea { margin-bottom: 90px; } .has-submenu .topVideoContainerInner { margin-bottom: 90px; } .topImageContainer { height: 100%; } .topImageContainer > .row { height: 100%; position: relative; } .topImageContainerInner { bottom: 30px; position: absolute; top: 30px; } @media only screen and (max-width: 768px) { .topImageContainer { padding-top: 0px; } } .extendedTopImageContainer .topImageContainerInner { height: 79%; } .has-submenu .topImageContainerInner { bottom: 90px; } .topImageContainer .documentlistblock .show-more { float: right; } .topVideoContainerInner { margin-bottom: 30px; margin-top: 30px; } .topVideoContainerInner .topImageBg { display: table; width: 100%; } .topVideoContainerInner .videoTextArea { padding: 0; } .topVideoContainerInner .videoTextArea .topImageText { background: none; padding: 10px; } .extendedTopVideoContainer .topVideoContainerInner { margin-bottom: 0px; margin-top: 30px; } .extendedTopImageBlockAreaLarge { padding: 0px 0px 0px 0px; } .extendedTopImageBlockAreaSide .topImageBlockArea { padding: 0px; } .extendedTopImageBlockAreaSide .topImageBlockArea .articleteaserblockcontainer.block { margin-top: 10px; } .extendedTopImageBlockArea { background-color: rgba(255, 255, 255, 1); margin-bottom: 30px; /*margin-top: 30px;*/ min-height: 100px; max-height: 150px; padding-top: 0px; padding-left: 0px; padding-right: 0px; text-align: left; } .extendedTopImageBlockArea .block { margin-bottom: 0px; margin-top: 0px; max-width: 50%; } .extendedTopImageBlockArea .articleteaserblockcontainer { margin-bottom: 0px; margin-top: 0px; max-width: 100%; } .extendedTopImageBlockArea .instagramblock { margin-bottom: 0px; margin-top: 0px; max-width: 100%; } .articleteaserblockcontainer { } .articleteaserblockcontainer_footer { float: right; } .articleteaserblockcontainer_footer a:after { content: ' \203A'; display: inline; } .extendedTopImageBlockArea .articleteaserblockcontainer_footer { display: none; } .wave-none { width: 100%; } .wave-multicolor { background-image: url(/Static/img/waves.png); background-position: 14% 100%; background-repeat: no-repeat; background-size: 1500px; } .wave-red { background-image: url(/Static/img/red-waves.png); background-position: 64% 100%; background-repeat: no-repeat; background-size: 1000px; } .articleteaserblockcontainer.block { margin-bottom: 10px; margin-top: 30px; } .extendedTopImageBlockArea .articleteaserblockcontainer.block { margin: 5px; /*min-height: 120px;*/ padding: 0px; } .extendedTopImageBlockArea .articleteaserblockcontainer h3 { display: none; } .articleteaserblockcontainer h3 { color: #e13205; font-size: 26px; padding-bottom: 0px; margin-bottom: 0; text-align: left; } .articleteaserblockcontainer img { max-height: 100px !important; position: relative !important; max-width: 100% !important; } .articleteaserblockcontainer .instagramblock img { position: relative !important; max-width: 100% !important; max-height: 100% !important; } .extendedTopImageBlockArea .articleteaserblockcontainer .instagramblock img { position: relative !important; max-width: 100% !important; max-height: 107.16px !important; } .article-teaser-block { display: block; } .article-teaser-block_content { padding: 6px 0; } .article-teaser-block_content p { font-size: 16px; line-height: 1.3; } a.article-teaser-block p { color: #393939; font-family: 'ICA Rubrik Web Medium', sans-serif; } a.article-teaser-block p:hover { color: #e13205; } a:hover.article-teaser-block p { outline: 0 none; text-decoration: none; } .videofile .video-container { margin: 0; } .topImageContactDiv { bottom: 80px; float: none; position: absolute; width: 100%; } .topImageContactDiv .col-lg-4 { float: right; } .topImageContact { background: #ffffff; background: rgba(255, 255, 255, 0.9); font-size: 26px; padding: 20px; } .topImageContact .ss-phone { line-height: 0; font-size: 26px; position: relative; top: 5px; padding-left: 5px; } /* NewsTickerBlock */ .block.newstickerblock { margin-top: 0; padding-left: 0; padding-right: 0; } .newsTicker { background: #f9f5f5; padding-top: 35px; } .newsTicker-col { padding-bottom: 35px; } .newsTicker-col section { min-height: 200px; position: relative; } .newsTicker-col li { margin-bottom: 0; } .newsTicker-col h3 { border-bottom: 1px solid #d1d1d1; padding-bottom: 15px; margin-bottom: 20px; } .newsTicker-col h4 { border-bottom: 1px solid #d1d1d1; padding-bottom: 15px; margin-bottom: 20px; } .newsTicker .icon-new-window:before { font-size: 24px; } .newsTicker a.icon-new-window:hover { text-decoration: none; } .newsTicker a.icon-new-window span:hover { text-decoration: underline; } .newsTicker a { font-size: 16px; } .newsTicker li:before { color: inherit; content: ''; padding-right: 0; } .newsTicker .calendarBlock li, .newsTicker .calendarBlock li:last-child { padding: 0; border: none; min-height: inherit; } .newsTicker-col.calendarBlock p { font-size: 16px; line-height: inherit; } .newsTicker .show-more { position: absolute; left: 0; bottom: 0; } .newsTicker time { font-family: 'ICA Text Web Light'; font-size: 16px; color: #343434; } /* Aktie */ .aktienumber > div { line-height: 1.4; position: relative; bottom: 0; left: 0; } .aktienumber span.minus { color: #e13205; display: inline-block; padding: 18px 0; line-height: 45px; font-size: 35px; } .aktienumber span.plus { color: #00913f; display: inline-block; text-decoration: none; cursor: default; padding: 18px 0; line-height: 45px; font-size: 35px; } .aktienumber span { font-size: 16px; } .mega-menu-columns .aktienumber span.minus, .mega-menu-columns .aktienumber span.plus { padding: 0; order: 2; } .stock-name { font-family: 'ICA Text Web Bold'; } /* Contactpage */ .title { margin-bottom: 10px; } .contactList { margin: 0; color: #393939; } .contactList .phone { margin-bottom: 4px; } .contactList .icon-email { margin-right: 6px; } .contactList .icon-contact { left: -3px; margin-right: 34px; top: -2px; } .contactList .icon-cellphone { left: -3px; top: 4px; margin-right: 10px; } .contactList .icon-email:before, .contactList .icon-cellphone:before, .contactList .icon-contact:before { font-size: 24px; } .contactList li:before { color: inherit; content: ''; padding-right: 0; } .contactList span, .contactList a, .contactList li { font-size: 18px; line-height: 20px; } .contactList .icon { padding-right: 10px; } .contactList .icon.ss-picture:before { padding-right: 5px; } /* Managementpage */ .contactpageteaserblock.col-lg-3:nth-child(4n + 1) { clear: both; } .contactpageteaserblock .contactList .icon-contact { left: 0; margin-right: 4px; top: -2px; } .managementPage { display: block; margin-bottom: 35px; } .managementPage h3, .managementPage div, .managementPage:hover { color: #393939; text-decoration: none; } .managementPage:hover .hoverOverlay { visibility: visible; } .managementPage figure { max-width: 300px; margin-bottom: 20px; position: relative; } .managementPage .title { font-size: 14px; line-height: normal; } .openIn-lightbox.tabTheme0 { border-top: 80px solid #9b3778; } /* Managementpage i lightbox */ .modal-dialog .managementPage-lb p { margin-bottom: 10px; } .managementPage-lb h2 { margin-bottom: 0; } .modal-dialog .managementPage-lb .content-area { padding-left: 20px; } .managementPage-lb .title { font-size: 16px; margin-bottom: 20px; } .txtRow { border-bottom: solid 1px #d1d1d1; padding-top: 10px; } .txtRow:last-child { border-bottom: none; } /* search */ /* .global-search-form { background: #fcece7; padding: 20px 0; width: 100%; z-index: 100; } .global-search-form .position-wrapper { background: #fff; margin-left: 20px; position: relative; } .global-search-form .icon-search { left: 20px; position: absolute; top: 4px; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); z-index: 20; } .global-search-form .icon-search:before { font-size: 48px; } .global-search-form #globalSearch { background: #fff; border: 0 none; display: block; font-size: 26px; height: 60px; line-height: 32px; padding-bottom: 8px; padding-left: 85px; padding-top: 8px; position: relative; width: 100%; } .global-search-form div[class^='col-']:last-child { padding-left: 20px; } .global-search-form button { background: #e13205; border: 0 none; color: #fff; font-size: 36px; height: 60px; width: 100%; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } .global-search-form button:hover { background: #c21b08; } */ /* Search autocomplete */ .autoComp { position: absolute; background: #fff; z-index: 1001; width: 100%; /* boxshadow? */ -webkit-box-shadow: 0 5px 8px #000000; -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 8px #000000; -ms-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 8px #000000; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); } .autoComp ul { margin-top: 0; margin-bottom: 0; } .autoComp li { border-top: solid 1px #d9d5d5; margin-bottom: 0; } .autoComp li:before { color: inherit; content: ''; padding-right: 0; } .autoComp li a { display: block; padding: 14px 25px 8px; -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; -ms-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .autoComp li a:hover { background: #f9f5f5; text-decoration: none; padding-left: 40px; } /* For arrow key navigation */ .autoComp .autoComp-li-hover a { background: #f7f7f7; text-decoration: none; padding-left: 40px; } /* lightbox styling */ .modal-dialog { width: auto; margin: 0 50px; } .modal-content { -ms-border-radius: 0; border-radius: 0; border: none; margin-top: 67px; } .modal-dialog .container { width: auto; margin: 45px 30px 140px; padding-left: 10px; padding-right: 10px; } .modal-dialog p { margin-bottom: 40px; } .modal-dialog aside p { margin-bottom: 15px; } .modal-dialog .articalePage .content-area .lhb-quote { margin-left: -60px; } .modal-dialog .jobSearchPage .content-area .lhb-quote { margin-left: -60px; } .modal-dialog aside ul.docList a { font-size: 16px; } /*[lightbox-sticky-top]*/ .lb-stickyTop { position: relative; top: 0; margin-top: 0; } /*[lightbox-sticky-container]*/ .lb-stickyContainer { display: block; width: 100%; height: 0; z-index: 0; max-width: 1036px; } /*[lightbox-sticky-container][lightbox-sticky-top]*/ .lb-stickyContainer.lb-stickyTop { position: relative; z-index: 10; } .lb-content { position: relative; } #modal-close { cursor: pointer; position: absolute; right: 0; top: 0; margin: 5px -40px 0 0; } #modal-close:hover { text-decoration: none; } #modal-close .icon-close:before { color: #ffffff; } span.icon-close { display: inline-block; } .lightbox-nav { background: #e13205 url(/static/img/sprites.svg) no-repeat 0 0; display: block; height: 98px; text-indent: -9999px; } .lightbox-nav.inactive { background: #ccc url(/static/img/sprites.svg) no-repeat 0 0; background-position: 15px -102px; } #lightbox-nav-prev, #lightbox-nav-next { width: 50px; position: absolute; top: 0; margin-top: 300px; } #lightbox-nav-prev { background-position: 15px -102px; left: 0; margin-left: -50px; } #lightbox-nav-next { background-position: 17px -33px; right: 0; margin-right: -50px; } .level4listitem h2 { margin-bottom: 25px; } img { max-width: 100%; height: auto; } img.article-list { margin: 0 0 45px; } /* container of pages */ .section-content, .subSection-content { margin-top: 0; } @media only screen and (max-width: 1025px) { .section-content, .subSection-content { margin-top: 0px; } } .searchPage { margin-top: 220px; } /* articlepage and presspage */ .pressPage, .articalePage, jobSearchPage { /*margin-top: 82px;*/ } @media only screen and (max-width: 768px) { .pressPage, .articalePage, jobSearchPage { /* margin-top: 0px;*/ } } .pressPage .preamble { margin-top: 20px; } /* .content-area { padding-left: 40px; }*/ @media only screen and (min-width: 1199px) { .content-area.margin-to-left-menu { padding-left: 32px; } } /*@media only screen and (max-width: 768px) { .content-area.margin-to-left-menu, .content-area { padding-left: 0; } }*/ /*.content-area { padding-left: 40px; } .content-area.margin-to-left-menu { padding-left: 32px; } @media only screen and (max-width: 768px) { .content-area.margin-to-left-menu { padding-left: 0px; } }*/ .content-area .article-topImg img { max-width: 100%; } .content-area .left-menu-padding { width: 100%; float: left; } @media all and (max-width: 599px) { .article-topImg { margin-bottom: 32px; } } @media all and (min-width: 600px) and (max-width: 1028px) { .article-topImg { margin-bottom: 32px; } } @media all and (min-width: 1029px) { .article-topImg { margin-bottom: 32px; } } .content-area .factBlock { width: 255px; float: right; margin-top: 5px; margin-left: 15px; } .content-area .lhb-quote { margin: 15px 0; display: inline-block; } .aside { overflow: hidden; } .aside .block:first-child { margin-top: 0; } .aside .date { font-size: 25px; border-top: 1px solid #d1d1d1; padding-top: 10px; } /* quote */ .lhb-quote { font-family: 'ICA Text Web Light Italic'; font-size: 25px; line-height: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f9f5f5; padding: 20px 25px; } /* generalSearch block*/ .searchResults label { position: relative; display: inline-block; margin: 0 10px 10px 0; line-height: 35px; text-transform: capitalize; padding: 0; cursor: pointer; -ms-border-radius: 14px; border-radius: 14px; border: 2px solid #e13205; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; -ms-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .searchResults span { font-size: 14px; padding: 10px 20px; display: inline; } .searchResults span.linkSwitch { padding: 0; } .searchResults input { position: absolute; left: -9999px; } .searchResults .filters { border-bottom: solid 1px #4c4c4c; padding-bottom: 20px; } .searchResults .searchTitle { margin: 0; } .searchResults input:checked + label { padding-right: 20px; background-color: #e13205; -ms-border-radius: 5px; border-radius: 14px; } .searchResults input:checked + label span { color: #fff; } .searchResults label .ss-delete, .searchResults label .icon-close { display: none; } .searchResults input:checked + label .ss-delete, .searchResults input:checked + label .icon-close { display: inline-block; padding: 0; } .searchResults input:checked + label .icon-close:before { color: #ffffff; font-size: 24px; position: relative; top: 5px; } .searchResults input[value='all'] + label { margin: 0 20px 9px 0; padding-right: 0; } .searchResults input[value='all'] + label:after { position: absolute; top: -2px; right: -15px; content: ''; border-right: 1px solid #e13205; display: block; height: 40px; width: 1px; } .searchResults figure { float: left; margin: 0 30px 0 0; } .searchResults section .col-lg-3, .searchResults section .col-lg-9 { margin-top: 20px; padding-top: 20px; } .searchResults .resultItem em, .searchResultTxt em { background: #f7ebf7; padding: 5px; font-style: normal; } .searchResults .resultItem a { color: #e13205; font-weight: bold; } .searchResults span[class*='ss-'] { padding: 0; } .searchResults section { margin-bottom: 50px; } .resultItem .ss-exe:before, .resultItem .ss-zip:before, .resultItem .ss-doc:before, .resultItem .ss-ppt:before, .resultItem .ss-pdf:before, .resultItem .ss-jpg:before, .resultItem .ss-png:before, .resultItem .ss-action:before { display: block; float: left; font-size: 100px; padding: 0 30px 0 0; } .loadMore-div { margin-top: 50px; } .filterSearchList .spinner { background: url(/static/img/ajax-loader.gif) no-repeat center; position: relative; width: 50px; height: 50px; display: inline-block; z-index: 1200; } .filterSearchList .spinner-container { display: flex; } .filterSearchList .spinner-container > .spinner { margin: auto; } .loadMore-btn { background: #e13205; color: #ffffff; border-radius: 14px; padding: 12px 10px 8px 10px; cursor: pointer; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } .loadMore-btn:hover, .loadMore-btn:focus { background: #cf2e05; color: #ffffff; text-decoration: none; } .jobSearchList li:first-child { border-bottom: solid 1px #d1d1d1; } .jobSearchList li:last-child { border-bottom: solid 1px #d1d1d1; } .jobsearchblock .sortByLink, .jobSearchList thead { font-family: 'ICA Rubrik Web regular', sans-serif; } /* FilterSearch Press, Reports och Calender */ .filterSearchList label { /*display: flex;*/ align-items: center; justify-content: center; border-radius: 14px; background-color: #fcece7; padding: 8px 10px; margin-right: 16px; margin-bottom: 16px; height: auto; min-width: 0; text-align: center; overflow: hidden; color: #e13205; font-size: 15px; font-weight: bold; } @media only screen and (max-width: 768px) { .filterSearchList label { padding: 8px 2px; } } .filterSearchList label span { align-items: center; justify-content: center; border-radius: 14px; /*background-color: #fcece7;*/ padding: 12px 10px; height: auto; min-width: 0; text-align: center; overflow: hidden; color: #e13205; font-size: 15px; font-weight: bold; } .filterSearchList input { position: absolute; left: -9999px; } .searchDiv, .filterDiv { margin-bottom: 0px; } .searchDiv h3, .filterDiv h3 { margin-bottom: 10px; } .header-hide-filter-wrapper { display: flex; justify-content: space-between; } #filterSecondRow { margin-bottom: 0px; } .filterSearchList .search-form { float: none; position: relative; width: 100%; margin-bottom: 0; z-index: 1; } .filterSearchList .search-form .icon-search { padding: 0; color: #e13205; } .filterSearchList .search-form .icon-search:before { font-size: 36px; left: 5px; position: absolute; top: 5px; } .filterSearchList input[type='search'] { font-size: 14px; position: static; border-radius: 14px; border: solid 2px #e13205; padding: 6px 5px 6px 45px; } /* Tillf lligt, dublett */ .filterSearchList label.checked { position: relative; align-items: center; justify-content: center; border-radius: 14px; background-color: #e13205; padding: 8px 10px; height: auto; min-width: 0; text-align: center; overflow: hidden; color: #e13205; font-size: 15px; font-weight: bold; } /*.filterSearchList label .ss-delete { display: none; } .filterSearchList label.checked .ss-delete { display: inline-block; padding: 0; top: 2px; position: relative; }*/ .filterSearchList label.checked span { color: #fff; background-color: #e13205; align-items: center; justify-content: center; border-radius: 14px; padding: 8px 10px; height: auto; min-width: 0; text-align: center; overflow: hidden; font-size: 15px; font-weight: bold; } .filterSearchList input[value='all'] + label { margin: 10 0 0 0; margin-right: 20px; overflow: visible !important; position: relative; align-items: center; justify-content: center; border-radius: 14px; padding: 8px 10px; height: auto; min-width: 0; text-align: center; overflow: hidden; color: #e13205; font-size: 15px; font-weight: bold; } .filterSearchList input[value='all'] + label:after { position: absolute; top: -2px; right: -15px; content: ''; border-right: 1px solid #e13205; display: block; height: 40px; width: 1px; margin-right: 3px; } .filterSearchList figure { float: left; margin: 0 30px 20px 0; max-width: 200px; } .filterSearchList .date, .filterSearchList .searchResultTxt { border-top: solid 1px #d1d1d1; padding-top: 20px; } .filterSearchList .date { font-size: 25px; width: 70%; } .searchResultTxt { float: left; width: 100%; } .searchResultTxt h3 { font-size: 21px; } .searchResultTxt p { font-size: 21px; margin-bottom: 20px; } .archiveFilter.select { position: relative; margin: 25px 0; } .archiveFilter.select:after { content: ''; position: absolute; top: 17px; left: 60%; background: transparent url(/static/img/sprites.svg) no-repeat 0 -359px; width: 11px; height: 8px; pointer-events: none; } .archiveFilter select { position: relative; width: 70%; font-family: 'ICA Text Web Bold'; padding: 10px 10px 10px 10px; font-size: 1.3125em; -webkit-appearance: none; -moz-apperance: none; appearance: none; text-indent: 0.01px; -moz-text-overflow: ''; text-overflow: ''; border: 2px solid #e13205; -o-border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 14px; outline: none; line-height: 1; } /* Removes default arrow in IE10+ */ .archiveFilter select::-ms-expand { display: none; } /* Removes default arrow in Firefox */ @-moz-document url-prefix() { .archiveFilter.select .moz-fix { border: 2px solid #e13205; -o-border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; left: 10px; background-color: #fff; } .job-search-apply-container .archiveFilter.select { left: 0; } .archiveFilter.select:after { left: 90%; } .jobsearchblock .archiveFilter.select:after { left: auto !important; right: 20px !important; } .archiveFilter select { border: none; -moz-border-radius: 0; border-radius: 0; width: 114%; /*-moz-appearance: none;*/ } .job-search-apply-container .archiveFilter.select select, .jobsearchblock .archiveFilter select { width: 114% !important; } } .addAllEvent a { display: block; margin: 25px 0; } .filterTag { font-size: 16px; display: block; } .filterTag:last-child { margin-bottom: 10px; } .filterSearchList ul { padding-left: 0; margin-bottom: 50px; } .filterSearchList li, .filterSearchList .searchResultTxt { margin-bottom: 0; } .filterSearchList li, .filterSearchList .transitionLink { min-height: 185px; } .filterSearchList li:before { color: inherit; content: ''; padding-right: 0; } /* FilterSearch Media */ ul.mediaList { margin-top: 0px; } .mediaList li { margin-bottom: 35px; overflow: hidden; } .mediaList li:nth-child(4n + 4) + li { clear: left; } .mediaList figure { float: none; margin: 0 0 15px 0; max-width: none; padding: 0; height: 284px; line-height: 284px; } .mediaList p { font-size: 14px; } .mediaList a { font-size: 16px; } /* FilterSearch Reports */ .filterSearchList .documentList, .filterSearchList .linkList { margin: 10px 0; } .filterSearchList .documentList a, .filterSearchList .linkList a { font-size: 16px; margin-right: 20px; } .filterSearchList .documentList a.icon-new-window:before, .filterSearchList .linkList a.icon-new-window:before { font-size: 24px; } .filterSearchList .documentList a.icon-new-window:hover, .filterSearchList .documentList a.icon-new-window:focus { text-decoration: none; } .filterSearchList .documentList a.icon-new-window:hover span, .filterSearchList .documentList a.icon-new-window:focus span { text-decoration: underline; } /* FilterSearch Press */ .transitionLink h3 { color: #e13205; } .block.contactpageteaserblock.col-lg-6.col-md-6.col-sm-12 .row .col-lg-6.col-md-6.col-sm-6 .contactList span.icon-email a { font-size: 15px; } .category { color: #e13205; float: left; font-size: 21px; font-weight: bold; line-height: 30px; padding-right: 5px; text-transform: uppercase; } /* FilterSearch Calender */ /* Block */ .heading-containerBlock { margin-bottom: 0; } .heading-containerBlock + .overlay { margin-top: -10px; /*margin-left: 25px;*/ } .containerblock .heading-containerBlock { /*position: relative; top: 50px;*/ margin-bottom: 20px; } .containerblock.col-lg-46 .heading-containerBlock { font-family: 'ICA Rubrik Web Bold', sans-serif; font-size: 1.5em; border-bottom: 1px solid #d1d1d1; padding-bottom: 10px; margin-bottom: 15px; } .block.articlelistblock { margin-bottom: 0px; } .block.articlelistblockwide { margin-bottom: 0px; overflow-y: auto; } .block.block-with-moveable-text-and-link { margin-bottom: 0px; overflow-y: auto; } .block.article-block-with-background { margin-bottom: 96px; } .block.linkblock { margin-top: 60px; } .block.slidercontainerblock, .block.standardslideblock, .block.starttopblock, .block.mediaroomslideblock, .block.accordionblock, .block.accordionblock .block, .block.contactpageteaserblock, .block.googlemapsblock, .block.companycontactpageteaserblock, .block.categoryteaserblock, .block.topimageblock { margin-top: 0; } .block.containerblock { margin-top: 0; margin-bottom: 50px; } .block.containerblock.article-block-margin-bottom { margin-top: 0; margin-bottom: 96px; } .block.containerblock.article-block-wide-margin-bottom { margin-top: 0; margin-bottom: 0px !important; } .block.containerblock.article-listing-item-onehundred-percent { margin-top: 0; margin-bottom: 44px; } .block.slidercontainerblock, .block.starttopblock, .block.standardslideblock, .block.mediaroomslideblock, .block.topimageblock { float: none; padding-left: 0; padding-right: 0; } .block.slidercontainerblock { /* height: 588px; /*danhan */ } .block.containerblock { position: static; } .bgGray { background: #f9f5f5; } .bgWhite { background: #ffffff; } /* containerBlock */ .containerblock .overlay + .row .linkblock:nth-child(1), .containerblock .overlay + .row .linkblock:nth-child(2), .containerblock .overlay + .row .linkblock:nth-child(3) { margin-bottom: 50px; } .overlay { position: absolute; background: #f9f5f5; width: 100%; left: 0; height: 400px; z-index: -2; } /* Googlemap */ .googlemapsblock { padding: 0; } .googlemapsblock .menuArrow { display: none; } #map .mapImageText { background: #ffffff; background: rgba(255, 255, 255, 0.9); bottom: -250px !important; left: 88px !important; padding: 30px 10px 15px; width: 400px !important; } #map .mapImageText.is-ie10 { bottom: -260px !important; } .googlemapsblock .ss-delete { cursor: pointer; float: right; font-size: 21px; } .googlemapsblock h2 { font-size: 21px; padding-left: 10px; } .googlemapsblock h3, .googlemapsblock p { font-size: 16px; } .googlemapsblock a { font-size: 21px; } .googlemapsblock .contactWrapper { margin-bottom: 40px; } .googlemapsblock figure { margin-bottom: 0; text-align: center; position: relative; height: 100%; } .googlemapsblock .container { height: 100%; } .googlemapsblock .topImageText h2 { font-size: 35px; padding-left: 0; margin: 0 0 20px 0; color: #393939; } .googlemapsblock .topImageText h3 { font-size: 21px; color: #393939; } .googlemaps-content-wrapper { display: flex; justify-content: space-between; } .google-maps-contact-wrapper { margin-bottom: 20px; } #map img { max-width: none; } /* companycontactBlock */ .companycontactpageteaserblock { border-left: #d9d9d9 solid 1px; border-top: #d9d9d9 solid 1px; border-bottom: #d9d9d9 solid 1px; height: 350px; overflow: hidden; margin-bottom: 10px; } .companycontactBlock h2 { font-size: 23px; padding: 20px; margin-bottom: 0; } .companycontactBlock h3 { font-size: 18px; margin-bottom: 5px; } .companycontactBlock p { font-size: 14px; } .companycontactBlock .icon-cellphone:before, .companycontactBlock .icon-contact:before, .companycontactBlock .icon-email:before, .companycontactBlock .icon-new-window:before { font-size: 24px; top: 6px; } .companycontactBlock .icon-contact { margin-right: 24px; padding: 0; } .companycontactBlock .icon-contact:before { top: -4px; } .companycontact { padding: 0 20px; } /*Disclamerpage*/ .disclaimerblock .block { margin-top: 0; } .disclaimerblock .checkboxSpan { font-size: 14px; position: relative; top: -2px; padding-left: 10px; } .disclaimerblock .errorTxt { margin-top: 10px; } .disclaimerblock .documentBlock { margin-top: 35px; } .countryFilter { margin: 30px 0 0; } .countryFilter .select { position: relative; margin-top: 10px; } .countryFilter .select:after { content: ''; position: absolute; top: 17px; right: 20px; background: transparent url(/static/img/sprites.svg) no-repeat 0 -359px; width: 11px; height: 10px; pointer-events: none; } .countryFilter select { position: relative; border: 2px solid #e13205; font-family: 'ICA Text Web Bold'; padding: 6px 10px 4px 10px; font-size: 1.3125em; width: 100%; -webkit-appearance: none; -moz-apperance: none; -o-border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-appearance: none; text-indent: 0.01px; -moz-text-overflow: ''; text-overflow: ''; } .disclaimerTerms { display: inline-block; } .disclaimerTerms input[type='submit'] { border: 0; background-color: #e13205; color: #fff; line-height: 40px; height: 40px; font-family: 'ICA Text Web Bold'; cursor: pointer; margin-top: 20px; margin-right: 10px; padding: 0 20px; } /* categoryTeaserBlock */ /*.categoryteaserblock:first-child { border-top: solid 1px #d1d1d1; margin-top: 10px; }*/ .categoryTeaser { border-bottom: solid 1px #d1d1d1; padding: 30px 0; } .categoryTeaser figure { float: left; max-width: 150px; margin-right: 15px; margin-bottom: 0; } .teaserWarp { margin-left: 165px; } .teaserWarp h3 { margin-bottom: 0; } .teaserContent, .teaserContent a { font-size: 16px; line-height: 23px; } .teaserContent a.show-more { display: block; text-align: right; } .teaserContent .date { border-top: solid 1px #d1d1d1; font-family: 'ICA Text Web Bold'; margin-top: 8px; padding-top: 10px; } .teaserContent .teaserTxt { overflow: hidden; position: relative; height: 45px; } /* PageListBlock */ .listBlock li { margin-bottom: 0; } .listBlock li:before { color: inherit; content: ''; padding-right: 0; } .listBlock li:last-child { border-bottom: solid 1px #d1d1d1; margin-bottom: 25px; } .listBlock .date, .listBlock .teaserLink a { border-top: solid 1px #d1d1d1; padding-top: 20px; padding-right: 80px; padding-bottom: 35px; } .listBlock .date { font-size: 25px; width: 90%; } /* calendarBlock */ .calendarBlock li { border-top: 1px solid #d9d5d5; min-height: inherit; } .calendarBlock li:before { color: inherit; content: ''; padding-right: 0; } .calendarBlock li:last-child { border-bottom: 1px solid #d9d5d5; } .calendarBlock li { color: #393939; display: block; min-height: 120px; border-bottom: 0; padding-top: 16px; } .calendarBlock time { margin: 0 15px 0 0; line-height: 35px !important; font-size: 18px !important; float: left; text-transform: uppercase; border-bottom: none; background-color: #fcece7; width: 80px; height: 85px; display: block; text-align: center; min-height: 100%; pointer-events: none; padding-top: 10px; font-weight: unset !important; color: black !important; } .calendarBlock time span { display: block; font-size: 34px; font-family: 'ICA Text Web Bold'; line-height: normal; margin-top: -10px; } /* subscriptionBlock */ .subscriptionblock { position: static; } .subscriptionblock .overlay { position: static; height: auto; } .subscription { background: #f9f5f5; padding: 60px 10px; } .subscription form { margin-top: 68px; } .subscription legend { font-family: 'ICA Rubrik Web Bold', sans-serif; font-size: 1.5em; width: 100%; padding-bottom: 10px; border-bottom: 4px solid #393939; } .subscription label { font-size: 16px; font-weight: normal; text-transform: uppercase; padding-left: 5px; } .subscription label.focus { background: #ffffff; outline: none; } .subscription .checkboxDiv > div { float: left; width: 33%; } .subscription .checkboxDiv label { display: block; font-size: 14px; margin-bottom: 10px; text-transform: none; padding-left: 0; } form, fieldset, input { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; } form .password-button input[type='submit'] { background-color: blue; } #test input[type='submit'] { background-color: #e13205; padding-left: 10%; } @media only screen and (max-width: 768px) { #test input[type='submit'] { background-color: #e13205; padding-left: 16%; } } #test { display: block; } .label-info { width: 100%; background-color: transparent; display: block; margin-top: 15px; } .checkbox-text-width { width: 100%; } .emailField { border-bottom: 1px solid #393939; width: 100%; } .subscription input[type='email'] { background-color: transparent; display: block; font-size: 14px; margin-top: 2px; width: 100%; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .subscription input[type='email']:hover, .subscription input[type='email']:focus { outline: none; } .subscription input[type='submit'] { margin-top: 20px; width: 140px; } .subscription input[type='submit'] { border: 0; background-color: #e13205; color: #fff; border-radius: 14px; line-height: 40px; height: 40px; padding-left: 27px; font-family: 'ICA Text Web Bold'; cursor: pointer; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .subscription input[type='submit']:hover { background-color: #cf2e05; } /* tableTab */ .tabContainerBorder { border-bottom: 1px solid #e13205; padding-bottom: 35px; } .containerTab { background: #f9f5f5; border: 1px solid #e13205; } .containerTab.open { background: #ffffff; border-bottom: 1px solid #ffffff; } .tabsblockcontainer .block { margin-top: 50px; } ul.tabsList { font-family: ICA Text Web Bold; width: 100%; padding: 0 30px; border-bottom: 1px solid #e13205; } ul.tabsList > li { display: inline; padding: 15px 20px 10px; cursor: pointer; height: 61px; float: left; color: #e13205; margin: -1px; overflow: hidden; -moz-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .tabsList li:before { color: inherit; content: ''; padding-right: 0; } .tabNumbers-8 li { width: 12.5%; } .tabNumbers-7 li { max-width: 14.2%; } .tabNumbers-6 li { max-width: 16.6%; } .tabNumbers-5 li { max-width: 20%; } .tabNumbers-4 li { max-width: 25%; } .tabNumbers-3 li { max-width: 33.3%; } .tabNumbers-2 li { max-width: 50%; } .tabNumbers-1 li { max-width: 100%; } /* flipBlock */ .flipoverflow { overflow: hidden; width: 100%; } .flipflopContainer { position: relative; } .flipflopContainer .item { background: #ebe8e4; border: solid #fff 1px; cursor: pointer; height: 220px; line-height: 220px; text-align: center; z-index: 1; } .flipflopContainer .item0, .flipflopContainer .item1, .flipflopContainer .item2 { border-bottom: solid #fff 1px; } .flipflopContainer .item3, .flipflopContainer .item4, .flipflopContainer .item5 { float: right; } .flipflopContainer .item[class*='colorTheme'] h3 { background: transparent !important; color: #ffffff; } /** * This hack targets the Webkit browser engine * which includes Safari and Chrome. */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .flipflopContainer .item2 { border-right: 0 none; } } .flipflopContainer .item h3 { background: #fff; background: rgba(255, 255, 255, 0.9); -ms-border-radius: 4px; display: inline-block; line-height: normal; padding: 10px; vertical-align: middle; position: relative; z-index: 5; } .flipflopContainer .video-container { margin: 55px -11px; } .flipflopContainer .flip-content { background: #f9f5f5; position: absolute; width: 100%; overflow: hidden; z-index: 0; } .flipflopContainer .flip-content figure { max-width: 500px; margin: 60px auto 10px; line-height: normal; } .flipflopContainer .content-left, .flipflopContainer .content-right { line-height: 440px; height: 440px; } .flipflopContainer .flip-content .content-left { text-align: center; } .flipflopContainer .txtImg-container, .flipflopContainer .content-rightTxt { position: relative; display: inline-block; vertical-align: middle; } .flipflopContainer .content-left h2 { color: #fff; font-family: 'ICA Rubrik Web bold', sans-serif; font-size: 47px; } .flipflopContainer .content-rightTxt > * { display: block; line-height: 30px; } .flipflopContainer .closeBtn { cursor: pointer; position: absolute; right: 20px; top: 20px; z-index: 2; } .flipList { list-style-type: none; } .flipList p, .flipList a { font-size: 16px; margin-bottom: 0; } .flipList img { float: left; margin: 0 20px 10px 0; width: 100px; } .flipoverflow { overflow: hidden; /*Fix for animation*/ width: 100%; } .flipflopContainer .item:hover .hoverOverlay { visibility: visible; /* Flipp hoverexample */ } /* accordianBlock */ .panelWrap:last-child { border-bottom: solid 1px #d1d1d1; } .panel-heading, .panel-collapse { border-top: solid 1px #d1d1d1; margin-top: -5px; margin-bottom: -4px; } .panel-heading { /*padding: 20px;*/ display: block; padding: 0px 15px; color: #cf2e05; } .panel-heading:hover { /*background: #F9F5F5;*/ cursor: pointer; text-decoration: none; } .panel-heading img { padding-top: 10px; padding-bottom: 4px; margin: 0 10px 10px 0; } .panel-heading .icon-plus, .panel-heading .icon-close { color: #e13205; float: right; } .panel-heading .icon-plus, .panel-heading.open .icon-close { display: block; padding: 5px 0 5px 0; } .panel-heading .icon-close, .panel-heading.open .icon-plus { display: none; } /* .panel-heading .icon-plus-with-icon, .panel-heading .icon-close-with-icon { color: #E13205; float: right; } .panel-heading .icon-plus-with-icon, .panel-heading.open .icon-close-with-icon { display: block; padding: 5px 0 5px 0; } .panel-heading .icon-close-with-icon, .panel-heading.open .icon-plus-with-icon { display: none; } */ .panel-collapse.collapse.in { border-top: none; } .panel-collapse { /*background: #F9F5F5;*/ padding: 4px 20px 50px; } .panel-collapse figure { float: left; max-width: 50%; margin: 0 30px 20px 0; } /* linkBlock */ .linkblock a:hover { text-decoration: none; } .mobile-dragspel { display: contents; padding-top: 7px; } div.overlayImage[class*='textBgTheme'] { position: absolute; bottom: 20px; left: 0; right: 0; margin-left: 30px; margin-right: 30px; padding: 10px 20px; } .openIn-lightbox { width: 0; height: 0; border-left: 80px solid transparent; display: block; position: absolute; right: 0; top: 0; } .openIn-lightbox + .ss-plus, .openIn-lightbox + .icon-plus { color: #ffffff; position: absolute; line-height: 22px; right: 0; top: 0; z-index: 1; } .openIn-lightbox + .icon-plus:before { color: #ffffff; font-size: 48px; } .puff { padding: 50px; position: relative; height: 320px; line-height: 220px; text-align: center; overflow: hidden; } .puff:hover .hoverOverlay { visibility: visible; /* Flipp hoverexample */ } .puff .overlayImage { display: inline-block; vertical-align: middle; line-height: normal; } .puff h3 { text-transform: uppercase; } .puff h3, .puff p { color: #393939; display: block; font-family: 'ICA Text Web Regular'; font-size: 21px; line-height: 28px; text-align: center; position: relative; z-index: 1; } .puff.whiteTxt h3, .puff.whiteTxt p { color: #ffffff; } .puff.whiteTxt .textBgTheme30 h3, .puff.whiteTxt .textBgTheme30 p { color: #393939; } .puff h3 { font-weight: bold; } .puff .icon { line-height: 0; margin-bottom: 20px; text-align: center; } .puff img { max-width: 100px; } /* TeaserBlock */ .teaserblock.col-lg-3 figure, .teaserblock.col-lg-4 figure { float: none; text-align: center; margin: 0 auto 20px; max-width: 100%; } .teaserBlock.article-listing-item--red, .teaserBlock.article-listing-item--light-pink, .teaserBlock.article-listing-item--gray, .teaserBlock.bgGray { padding: 30px; } .teaserBlock figure { float: left; max-width: 50%; margin: 0 30px 20px 0; } .video-container { margin: 0 30px 20px 0; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: auto; overflow: hidden; } .video-container.full-width { min-height: 478px; width: 100%; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* CompanyBlock */ .companyblockcontainer { position: static; } .companyblockcontainer .overlay.companyTheme1 { background: #e13205; } .companyblockcontainer .overlay.companyTheme2 { background: #fcece7; } .companyblockcontainer .overlay { background: #e13205; height: 480px; } .company { height: 480px; overflow: hidden; } .company figure { left: 0; position: absolute; } .company figure img { height: 480px; } .company h2 { margin: 45px 0 25px; } .companyContent { position: static; } .companyContent .col-lg-6 { height: 480px; padding-left: 25px; } .companyTheme1 .companyContent .col-lg-6 { background: #e13205; } .companyTheme2 .companyContent .col-lg-6 { background: #fcece7; } .companyList { float: right; } .company ul { margin-top: 0; height: 480px; } .company li:before { color: inherit; content: ''; padding-right: 0; } /* gr */ .company li { color: #393939; cursor: pointer; font-size: 16px; text-align: right; padding: 18px 20px 20px; margin-bottom: 0; max-width: 199px; overflow: hidden; } .company li { background: #e13205; border-top: 2px solid #fff; color: #fff; } .company li:first-child { border: none; } .company.companyTheme2 li { background: #e13205; } .company.companyTheme2 li.open, .company.companyTheme2 li.open:hover { background: transparent !important; color: #393939; } /*.company.companyTheme2 li:hover { background: #CF2E05 !important; color: #fff; }*/ .company.companyTheme2 li.open { font-weight: bold; } /* r d */ .company.companyTheme1 h2, .company.companyTheme1 p, .company.companyTheme1 a, .company.companyTheme1 li, .company.companyTheme1 p > * { color: #ffffff; } .company.companyTheme1 li:nth-child(odd) { background: #ffffff; background: rgba(255, 255, 255, 0.1); } .company.companyTheme1 li:nth-child(even) { background: #ffffff; background: rgba(255, 255, 255, 0.2); } .company li.open { background: transparent !important; text-decoration: underline; font-weight: bold; } .company li:hover { background: #cf2e05; text-decoration: underline; } /* FactBlock */ .factBlock { background-color: #f9f5f5; padding: 15px; /*display: inline-block;*/ } .factBlock h3 { border-bottom: 1px solid #d1d1d1; padding-bottom: 10px; } /* iframeBlock */ .iframeBlock section { } .iframeBlock iframe { width: 100%; overflow-y: hidden; } /* StockTickerBlock */ .stockBlock h3 { border-bottom: 1px solid #d1d1d1; padding-bottom: 10px; } .stockBlock .stock-date { font-size: 16px; } .stockBlock .aktienumber span.minus { color: #e13205; } .stockBlock .aktienumber span.plus { color: #00913f; } .stocktickerblock .aktienumber > div { position: relative; } /* DocumentListBlock */ .documentBlock h3 { border-bottom: 1px solid #d1d1d1; padding-bottom: 10px; } ul.docList { padding-left: 0; } ul.docList .icon-new-window:before { font-size: 30px; } ul.docList li:before { color: inherit; content: ''; padding-right: 0; } /* 500 Errorpage */ .error500Div { background-image: url('/Static/img/pink-bg.png'); color: #ffffff; padding: 180px 0 225px; } .error500Div h1 { font-size: 80px; } .error500Div p { font-size: 28px; color: #ffffff; } /* 404 Errorpage */ .error404Div { color: #ffffff; padding: 180px 0 225px; } .error404Div h1 { font-size: 80px; } .error404Div p, .error404Div a { font-size: 28px; color: #ffffff; } .error404Div a { color: #ffffff; text-decoration: underline; } /* Footer */ footer ul { padding-left: 0; margin-top: 0; } footer ul li:before { color: inherit; content: ''; padding-right: 0; } footer h2 { font-size: 20px; } footer h4 + ul { padding-top: 10px; padding-bottom: 20px; } footer p { font-size: 1.2857142857142857142857142857143em; line-height: 24px; margin-bottom: 0; } footer a { color: #cf2e05; cursor: pointer; display: block; font-size: 18px; padding-right: 20px; padding-bottom: 10px; } footer li { color: #393939; } footer span { font-family: 'ICA Text Web Bold'; display: block; } footer time, footer .datetime { display: block; font-size: 14px; } .logotype-footer-desktop { max-width: none; display: block; } .logotype-footer-mobile { display: none; } .dropdown-footer-mobile { display: none; } .search-form { margin-bottom: 70px; position: relative; width: 100%; } .search-form .icon-search:before { font-size: 48px; left: 8px; position: absolute; top: 5px; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); z-index: 20; } .search-form .form-control { -ms-border-radius: 0; border-radius: 0; background: #f9f5f5; border: none; -webkit-box-shadow: 0 0 0; -ms-box-shadow: 0 0 0; box-shadow: 0 0 0; height: 60px; padding: 7px 12px 5px 67px; } /* Footer 4 columns */ .contact-div { margin-bottom: 20px; } .socialMedia-list a { background-position: top left; padding-left: 45px; padding-bottom: 17px; position: relative; } .socialMedia-list > li { min-height: 32px; } .socialMedia-list a:before { /*border: 3px solid #393939;*/ /*-ms-border-radius: 25px;*/ /*border-radius: 25px;*/ /*content: "";*/ height: 38px; left: 0; position: absolute; top: -5px; width: 38px; } .twitterIcon a { background-position: 8px -400px; } .linked-inIcon a { background-position: 11px -455px; } .myNewsDeskIcon a { background-position: 8px -682px; } .rssIcon a { background-position: 12px -510px; } /* Custom Share */ .share-function { margin-top: 30px; } .share-function .icon-email, .share-function .icon-print { text-decoration: none; position: relative; } .share-function .icon-email:before, .share-function .icon-print:before { font-size: 36px; } .share-function .icon-email { margin-left: 5px; left: 8px; top: 8px; } .share-function .icon-print { right: -4px; top: 11px; } /* Sitemap */ .sitemap { background: #f9f5f5; } .sitemap-header { text-align: center; margin: 20px 0; } .sitemap-header a { font-family: 'ICA Text Web Regular'; font-size: 20px; display: inline-block; } .sitemap-header a .toggle-icon { border: 3px solid #393939; -ms-border-radius: 25px; border-radius: 25px; content: ''; display: inline-block; font-size: 20px; height: 38px; margin-left: 15px; position: relative; width: 38px; top: 5px; background-position: 12px -510px; padding-top: 4px; line-height: 32px; } .sitemap-listWrap { display: none; padding-top: 20px; } .sitemap-wrapper { display: flex; flex-wrap: wrap; } /* Old Cookie consent start */ .cookieInfo { background: #f9f5f5; padding: 20px 0px; position: sticky; width: 100%; bottom: 0; z-index: 3; } .cookieWrapper { position: relative; width: inherit; display: inline-block; margin-top: 10px; } .cookieInfo .cookieInfoText { display: inline-block; width: 70%; float: left; font-family: 'ICA Text Web Bold'; font-size: 15px; line-height: 20px; margin-bottom: 0px; } .cookieInfo .cookieLink { color: #cf2e05; font-family: 'ICA Text Web Bold'; font-size: 15px; line-height: 20px; margin-left: 15px; white-space: nowrap; } .cookieInfo input[type='submit'] { border: 0; background-color: #e13205; color: #fff; line-height: 40px; height: 40px; font-family: 'ICA Text Web Bold'; cursor: pointer; padding-left: 10px; padding-right: 10px; display: inline-block; width: 100px; position: absolute; bottom: 0; right: 30px; } .cookieInfo input[type='submit']:hover { background: #cf2e05; color: #ffffff; text-decoration: none; } @media (min-width: 500px) { .cookie-consent_content { width: 500px; } } @media (max-width: 499px) { .cookie-consent_content { width: 90%; } } @media (max-width: 768px) { .print-footer { display: none; } } .cookie-consent_darkbg { background: #000000; opacity: 0.4; z-index: 1001; width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; } .cookie-consent_content { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1002; background-color: #ffffff; } .accept-cookies_wrapper_default { padding: 20px; font-size: 10px; } .accept-cookies_wrapper_settings { display: none; grid-template-rows: auto 1fr auto; max-height: 95vh; padding: 24px; } @media (min-width: 500px) { .accept-cookies_cookie { position: absolute; top: 20px; left: 20px; width: 80px; height: 90px; } } @media (max-width: 500px) { .accept-cookies_cookie { top: 16px; left: 16px; width: 60px; height: 70px; } } .cookie-welcome-text { color: #cf2e05; font-family: 'ICA Hand Regular'; font-weight: 400; font-style: normal; } .accept-cookies_crumble { position: absolute; right: 32px; width: 50px; height: 25px; } @media (min-width: 500px) { .accept-cookies_text { text-align: center; padding: 60px 20px 40px; } } @media (max-width: 499px) { .accept-cookies_text { text-align: center; padding: 0 20px 40px; } } .accept-cookies_text h4 { font-size: 2.5em; } /* #cooke-welcome-id { font-size: 1.9em; } */ .accept-cookies_text p { font-size: 1.6em; margin-bottom: 0; } .accept-cookies_buttons { display: flex; flex-flow: column; flex-direction: column; flex-wrap: initial; /*align-items: center;*/ width: 100%; } .accept-cookies_buttons-approve { margin: 0.5em; width: 100%; display: inline-block; background-color: #cf2e05; padding: 1.3em 2em; margin-left: 0; margin-right: 0; color: #ffffff; font-size: 1.6em; font-family: inherit; font-weight: 900; border: 2px solid #cf2e05; border-radius: 3em; text-align: center; text-decoration: none; outline: none; cursor: pointer; transition: 0.2s; } .accept-cookies_buttons-approve:hover { background-color: #801c03; border: 2px solid #801c03; } .accept-cookies_buttons-settings { margin: 0.5em; width: 100%; display: inline-block; background-color: #ffffff; padding: 0.8em 2em; margin-left: 0; margin-right: 0; color: #cf2e05; font-size: 1.6em; font-family: inherit; font-weight: 900; border: 2px solid #cf2e05; border-radius: 3em; text-align: center; text-decoration: none; outline: none; cursor: pointer; transition: 0.2s; } .accept-cookies_buttons-settings:hover { border: 2px solid #801c03; color: #801c03; } .edit-cookies_header { grid-row: 1; } .edit-cookies_header h4 { font-size: 2.5em; } .edit-cookies_header p { font-size: 1.6em; margin-bottom: 1.3em; } .edit-cookies_edit { grid-row: 2; overflow-y: auto; margin-top: 16px; margin-bottom: 16px; } .edit-cookies_edit p { font-size: 1.6em; margin-bottom: 1px; } .consent-setting_wrapper { display: flex; justify-content: space-between; max-width: 98%; margin-bottom: -10px; } .consent-setting_content { margin-right: 24px; } .checkbox_container .form-element-margin-bottom { display: block; margin-bottom: 0; } .checkbox_checkboxWrapper { line-height: 21px; display: flex; } .checkbox_checkboxOuter { position: relative; flex: 0 0 21px; flex-grow: 0; flex-shrink: 0; flex-basis: 21px; } .checkbox_focusInput { opacity: 0; } .checkbox_checkbox { position: absolute; border-radius: 4px; top: 0; left: 0; height: 21px; width: 21px; border: 2px solid #cf2e05; } .checkbox_checkbox-icon { display: none; margin-top: -4px; color: #cf2e05; } .checkbox_checkboxLabel { margin-left: 16px; flex: 1 1; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } .edit-cookies_footer { grid-row: 3; } /* Old Cookie consent end */ /* Modular Finance */ .mf-insider-table-row { vertical-align: top; font-size: 9px !important; } .tab-block { display: block; padding-top: 15px; } .tab-block-loading { display: block; } .tab-block_tab { padding: 3px 0; margin-left: 0; margin-bottom: 25px; margin-top: 0.1em; border-bottom: 1px solid #e13205; padding-left: 2em !important; height: 50px; } @media (min-width: 1029px) { .tab-block_tab { padding: 3px 0; margin-left: 0; margin-bottom: 25px; margin-top: 0.1em; border-bottom: 1px solid #e13205; padding-left: 2em; height: 50px; } .tab-block_tab .tab-block_tab-item { list-style: none; display: inline; font-size: 16px !important; background: none; border: none !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; color: #e13205 !important; font-family: 'ICA Text', sans-serif; } } @media (min-width: 768px) and (max-width: 1028px) { .tab-block_tab { padding: 11px 0; margin-left: 0; margin-bottom: 25px; margin-top: 0.1em; border-bottom: 1px solid #e13205; padding-left: 2em; height: 58px; } .tab-block_tab .tab-block_tab-item { list-style: none; display: inline; font-size: 16px !important; background: none; border: none !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; color: #e13205 !important; font-family: 'ICA Text', sans-serif; } } @media (min-width: 500px) and (max-width: 767px) { .tab-block_tab { padding: 12px 0; margin-left: 0; margin-bottom: 25px; margin-top: 0.1em; border-bottom: 1px solid #e13205; padding-left: 2em; height: 50px; } .tab-block_tab .tab-block_tab-item { list-style: none; display: inline; font-size: 16px !important; background: none; border: none !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; color: #e13205 !important; font-family: 'ICA Text', sans-serif; } } @media (max-width: 499px) { .tab-block_tab { padding: 17px 0; margin-left: 0; margin-bottom: 25px; margin-top: 0.1em; border-bottom: 1px solid #e13205; padding-left: 0 !important; height: 50px; } .tab-block_tab .tab-block_tab-item { list-style: none; display: inline; font-size: 16px !important; background: none; border: none !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; color: #e13205 !important; font-family: 'ICA Text', sans-serif; } } .tab-block_tab .tab-block_tab-item:before { display: none; } .tab-block_tab .tab-block_tab-item a { text-decoration: none; padding: 3px 0.5em; margin-right: 3px; border: 1px solid #778; border-bottom: none !important; background: #f9f5f5; font-size: inherit !important; outline: none; float: left !important; padding: 1.4em 1em 1.4em 1em !important; border: solid 1px #e13205 !important; font-weight: bold; line-height: 0 !important; } .tab-block_tab .tab-block_tab-item a:link, .tab-block_tab .tab-block_tab-item a:visited { color: #e13205 !important; background: #f9f5f5; } .tab-block_tab .tab-block_tab-item a:hover { cursor: pointer; } .tab-block_tab .tab-block_tab-item a.current { background: #ffffff; border-bottom-color: #fff !important; } .tab-block_tab .tab-block_tab-item a.offset { margin-left: -4px; } /* Modular finance mobile */ .tab-block-mobile { padding-top: 30px; } .tab-block-mobile .tab-block-mobile_prev { top: 7px; color: #cf2e05; background: inherit; left: 15px; cursor: pointer; position: absolute; width: auto; padding-top: 28px; font-weight: bold; font-size: 30px !important; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; display: block; } .tab-block-mobile .tab-block-mobile_next { top: 7px; color: #cf2e05; background: inherit; right: 15px; cursor: pointer; position: absolute; width: auto; padding-top: 28px; font-weight: bold; font-size: 30px !important; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; display: block; } .tab-block-mobile .tab-block-mobile_heading { text-align: center; color: #cf2e05; font-weight: 500; line-height: 1.1; padding-bottom: 20px; top: 7px; } /* stock-chart */ #mf_stockChart .buttons .checkable .rangeSelectorButton { background-color: #e13205 !important; color: #ffffff !important; } /*#mf_stockChart .buttons .checkable .rangeSelectorButton .checked { background-color: #FFFFFF !important; color: #e13205; }*/ #mf_stockChart .buttons.checkable.checked { color: white !important; font-weight: bold; background-color: #e13205 !important; } #mf_stockChart .buttons.option.checked { background-color: #e13205 !important; } #mf_stockChart .buttons { fill: #e13205 !important; color: #e13205 !important; } #mf_stockChart .dropdownContent { border: 1px solid#e13205 !important; } #mf_stockChart .buttons.option:hover { background: #e13205 !important; color: #ffffff !important; border: 0px#e13205 !important; } #mf_stockChart .buttons.option .color2 { fill: #e13205 !important; } #mf_stockChart .rangeSelector > svg { fill: #e13205 !important; } #mf_stockChart .highcharts-axis-line { stroke-width: 1px; fill: #e13205 !important; } #mf_stockChart .highcharts-axis-labels > text { color: #e13205 !important; fill: #e13205 !important; } #mf_stockChart .highcharts-scrollbar-thumb { fill: #e13205 !important; stroke: #e13205 !important; } #mf_stockChart .highcharts-scrollbar-button { fill: #e13205 !important; } #mf_stockChart .highcharts-label.highcharts-point svg { fill: #e13205 !important; } #mf_stockChart .dropdownContent .label { text-align: left; font-weight: bolder; font-size: 9px; padding: 10px; } #mf_stockChart .dropdown.expand > .buttons { color: #e13205 !important; fill: white !important; font-weight: bold; background-color: #ffffff !important; } #mf_stockChart .highcharts-label.highcharts-point svg { fill: #e13205 !important; width: 20px; height: 20px; } #mf_stockChart .dropdownContent .buttons { text-align: left; } #mf_stockChart .indented { padding-left: 30px !important; } #mf_stockChart .highcharts-point.highcharts-color-3 { fill: rgba(130, 235, 130, 0.42) /*rgba(130, 235, 130, 0.42)*/; stroke-width: 0px; } #mf_stockChart .highcharts-point.highcharts-color-4 { fill: rgba(221, 119, 119, 0.44) /*rgba(221, 119, 119, 0.44)*/; stroke-width: 0px; } #mf_stockChart .highcharts-point.highcharts-color-0.highcharts-point-up { fill: rgba(119, 221, 119, 0.8) /*rgba(119, 221, 119, 0.8)*/; stroke: black; stroke-width: 1px; } #mf_stockChart .highcharts-point.highcharts-color-0.highcharts-point-down { fill: rgba(221, 119, 119, 0.85) /*rgba(221, 119, 119, 0.85)*/; stroke: black; stroke-width: 1px; } #mf_stockChart .highcharts-scrollbar-rifles { background-image: url('https://widget.datablocks.se/api/rose/assets/img/DBIcon.png'); opacity: 0; } /* end of stock-chart */ /* Job Search */ /* Job Search Table */ .jobsearchblock .lastdate { text-align: right; } .jobsearchblock td.profession { font-family: 'ICA Text Web Bold'; } .jobsearchblock .sortByLink { line-height: 1em; margin-left: 40px; } .jobsearchblock .searchDiv { margin-bottom: 0; } .jobsearchblock tbody tr { cursor: pointer; } .jobsearchblock > thead tr { background-color: #ffffff; } .jobsearchblock .table-striped > tbody > tr:nth-child(odd), .jobsearchblock .table-striped > tbody > tr:nth-child(odd) > td { background-color: #ffffff; } .jobsearchblock .table-striped > tbody > tr:nth-child(even), .jobsearchblock .table-striped > tbody > tr:nth-child(even) > td { background-color: #f9f5f5; } .jobsearchblock .table-striped.table-hover > tbody > tr:hover, .jobsearchblock .table-striped.table-hover > tbody > tr:hover > td { background-color: #f7f7f7; } .jobsearchblock .table-striped th:first-child, .jobsearchblock .table-striped td:first-child { padding-left: 15px; } .jobsearchblock .table-striped td:last-child { padding-right: 15px; } /* Searchfilter */ .jobsearchblock .archiveFilter.select { margin-top: 0; margin-bottom: 0; } .jobsearchblock .archiveFilter select { width: 100%; } .jobsearchblock .archiveFilter.select:after { left: inherit; right: 20px; } /* Job Search Modal View */ .jobSearchPage .preamble { font-size: 22px; } /* Job Search Modal View */ .jobSearchPage .infoText { font-family: 'ICA Text Web Light Italic'; } .jobSearchPage table.job-search-facts { table-layout: fixed; } .jobSearchPage table.job-search-facts tr { border: none; border-bottom: solid 1px #d1d1d1; } .jobSearchPage table.job-search-facts tr:last-child { border-bottom: none; } .jobSearchPage table.job-search-facts tr:nth-child(even) { background: transparent; } .jobSearchPage table.job-search-facts tr td { border: none; padding-top: 12px; padding-bottom: 10px; } .jobSearchPage table.job-search-facts tr td span { font-weight: bold; } .jobSearchPage .job-search-last-panel-heading { border-bottom: solid 1px #d1d1d1; } .jobSearchPage .job-search-last-panel-heading.open { border-bottom: none; } .jobSearchPage ul li { font-size: inherit; margin-left: 40px; list-style-type: none; } /* Job Search Modal View Form */ .job-search-apply-container .job-search-modal-button-container { margin-top: 25px; } .job-search-apply-container p { margin-bottom: 20px; } .job-search-apply-container .job-search-apply-here-header { margin-top: 50px; } .job-search-apply-container input[type='text'], .job-search-apply-container input[type='tel'], .job-search-apply-container input[type='datetime'], .job-search-apply-container input[type='date'], .job-search-apply-container input[type='datetime-local'], .job-search-apply-container input[type='month'], .job-search-apply-container input[type='search'], .job-search-apply-container input[type='email'], .job-search-apply-container input[type='password'], .job-search-apply-container input[type='file'] { background-color: #fff; height: 50px; padding-left: 10px; padding-top: 3px; outline: none; border-bottom: 3px solid #333; } .job-search-apply-container input[type='text']:focus, .job-search-apply-container input[type='tel']:focus, .job-search-apply-container input[type='datetime']:focus, .job-search-apply-container input[type='date']:focus, .job-search-apply-container input[type='datetime-local']:focus, .job-search-apply-container input[type='month']:focus, .job-search-apply-container input[type='search']:focus, .job-search-apply-container input[type='email']:focus, .job-search-apply-container input[type='password']:focus, .job-search-apply-container input[type='file']:focus { -webkit-box-shadow: 0 -4px 0 #333; -ms-box-shadow: 0 -4px 0 #333; box-shadow: 0 -4px 0 #333; } .job-search-apply-container textarea { background-color: #fff; height: 100px; max-width: 100%; padding-left: 10px; padding-top: 3px; outline: none; border: none; border-bottom: 3px solid #333; } .job-search-apply-container textarea:focus { -webkit-box-shadow: 0 -4px 0 #333; -ms-box-shadow: 0 -4px 0 #333; box-shadow: 0 -4px 0 #333; } .job-search-apply-container input[type='radio'], .job-search-apply-container input[type='checkbox'] { vertical-align: middle; margin-top: -2px; outline: none; width: 20px !important; height: 20px !important; } .job-search-apply-container input[type='radio'] { margin-right: 20px; margin-left: 8px; } .job-search-apply-container .archiveFilter.select { margin-top: 0; margin-bottom: 0; } .job-search-apply-container .archiveFilter.select select { width: 100%; display: block; } .job-search-apply-container .archiveFilter.select:after { left: 90%; } .job-search-apply-container .job-search-apply-form-row { margin-bottom: 25px; } /* For spacing between sections */ .job-search-apply-container .job-search-apply-form-row-extra-margin-top { margin-top: 80px; } .job-search-apply-container .job-search-apply-form-row-extra-margin-bottom { margin-bottom: 80px; } .job-search-apply-container .job-search-apply-form-row .col-sm-6 { padding-left: 0; padding-right: 0; } .job-search-apply-container .job-search-apply-form-row label { font-size: 20px; } .job-search-apply-container .job-search-apply-form-row label.label-radio { font-size: 16px; } .job-search-apply-container .no-margin-top { margin-top: 0; } /* Validation */ .job-search-apply-container .invalid_container { background-color: #fae5de; } .job-search-apply-container .invalid_container div:first-child { color: #dd501a; } .job-search-apply-container form.submitted input.ng-invalid, .job-search-apply-container form.submitted textarea.ng-invalid { border-bottom-color: #dd501a; } /* Applied to radios */ .job-search-apply-container .invalid-check-radio-container > span, .job-search-apply-container .invalid-check-radio-container .col-sm-6 > span { border-bottom: 2px solid #dd501a; } .job-search-apply-container .valid_container { background-color: #d8efe2; } .job-search-apply-container .valid_container div:first-child { color: #00923b; } /* Make feedback text smaller */ .job-search-apply-container .invalid_container span.ng-scope, .job-search-apply-container .valid_container span.ng-scope { font-size: 15px; padding-left: 10px; } /*validation summary*/ .job-search-apply-container .validation-summary { font-size: 15px; padding-left: 10px; color: #dd501a; } /* Validation Tool tips */ .job-search-apply-container .tooltip { display: none !important; } .job-search-apply-container .tooltip.tooltip-display-block { display: block !important; } /* Job Search Summary */ .job-search-preview-container table { table-layout: fixed; } .job-search-preview-container .allowLineBreaks { white-space: pre-wrap; } /* Spinner on sendBtn */ #overlay { height: 100%; position: fixed; top: 0; left: 0; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.7); width: 100%; z-index: 1100; } #spinner { background: url(/static/img/ajax-loader.gif) no-repeat center; position: fixed; left: 50%; top: 50%; width: 50px; height: 50px; margin-left: -25px; z-index: 1200; } /* Questionaire Block */ .questionaire-block .container { padding: 30px; padding-right: 45px; } .questionaire-block .row.questionaire-block-row-top-text { margin-bottom: 40px; } .questionaire-block .row.questionaire-block-row-form { margin-bottom: 20px; } .questionaire-block input[type='text'], .questionaire-block input[type='email'] { background-color: #fff; height: 40px; padding-left: 10px; outline: none; border: solid 2px #e13205; } .questionaire-block textarea { background-color: #fff; height: 100px; outline: none; border: solid 2px #e13205; max-width: 100%; } .questionaire-block form .qb-input-invalid { border-color: #dd501a; border-width: 2px; } .questionaire-block .archiveFilter.select { margin: 0; } .questionaire-block .archiveFilter.select:after { left: 90%; } .questionaire-block .archiveFilter.select select { background-color: white; width: 100%; } @-moz-document url-prefix() { .questionaire-block .archiveFilter.select select { width: 114% !important; } } .questionaire-block .questionaire-block-success-text { color: rgb(0, 145, 63); font-weight: bold; } .questionaire-block .validation-summary { font-size: 15px; font-weight: bold; color: #dd501a; position: relative; top: -7px; } .questionaire-block .purpleBtn { border: none; width: 100px; height: 30px; } /* Article listing */ .article-listing-item { position: relative; background-color: #fff; } .article-listing-item:hover:not(.article-not-linked) { background-color: #f9f5f5; outline: 2px solid #cf2e05; } .article-listing .block.containerblock figure { margin-top: 60px; -webkit-margin-after: -20px; } .article-listing-item-text-color--red { color: #e13205; } .article-listing-item-text-color--red > p { color: #e13205; } .article-listing-item-text-color--black { color: black; } .article-listing-item-text-color--black > p { color: black; } .article-listing-item-text-color--white { color: white; } .article-listing-item-text-color--white > p { color: white; } .containerw3 { position: relative; text-align: center; height: 100%; } /* Bottom left text */ .text-placement-left-down { position: absolute; bottom: 32px; left: 32px; width: 33.3%; margin-right: 16px; } /* Top left text */ .text-placement-left-up { position: absolute; top: 32px; left: 32px; width: 33.3%; margin-right: 16px; } /* Top right text */ .text-placement-right-up { position: absolute; top: 32px; right: 32px; width: 33.3%; margin-left: 16px; } /* Bottom right text */ .text-placement-right-down { position: absolute; bottom: 32px; right: 32px; width: 33.3%; margin-left: 16px; } /* Centered text */ .text-placement-middle-up { position: absolute; top: 32px; left: 50%; width: 33.3%; transform: translate(-50%, -0%); } .text-placement-middle-down { position: absolute; bottom: 32px; left: 50%; width: 33.3%; transform: translate(-50%, -10%); } @media only screen and (max-width: 768px) { .article-block-wide-margin-bottom-mobile { margin-bottom: 20px !important; } } .post-container { overflow: hidden; background-clip: content-box; position: relative; padding: 0px; border: 8px solid transparent; } .article-block-margin-bottom { margin-bottom: 64px !important; } @media only screen and (max-width: 768px) { .post-container { margin-bottom: 0px; overflow: hidden; /*margin-top:100px;*/ } } /*.post-content.article-listing-item--white { padding-top: 0px; }*/ .post-content.thirty-three.article-listing-item--red, .post-content.thirty-three.article-listing-item--light-pink, .post-content.thirty-three.article-listing-item--gray, .post-content.thirty-three.article-listing-item--white { padding: 20px; display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } @media only screen and (min-width: 1200px) { .post-thumb.thirty-three iframe { width: 400px; } } @media only screen and (min-width: 1200px) { .block.articlelistcontainerblock.col-lg-12.col-md-12.col-sm-12 .block.containerblock.col-lg-6.article-listing-item-thirtythree-percent .post-thumb.thirty-three iframe { width: 550px; height: 366.66px; } } @media only screen and (min-width: 1200px) { .block.articlelistcontainerblock.col-lg-12.col-md-12.col-sm-12 .block.containerblock.col-lg-4.article-listing-item-thirtythree-percent .post-thumb.thirty-three iframe { width: 353.33px; height: 235.55px; } } @media only screen and (min-width: 1200px) { .row.col-lg-9.col-md-9.col-sm-9 .block.articlelistcontainerblock.col-lg-12.col-md-12.col-sm-12 .block.containerblock.col-lg-6.article-listing-item-thirtythree-percent .post-thumb.thirty-three iframe { width: 400px; height: 266.66px; } } @media only screen and (min-width: 1200px) { .row.col-lg-9.col-md-9.col-sm-9 .block.articlelistcontainerblock.col-lg-12.col-md-12.col-sm-12 .block.containerblock.col-lg-4.article-listing-item-thirtythree-percent .post-thumb.thirty-three iframe { width: 253.33px; height: 168.88px; } } .post-thumb { float: left; width: 354px; height: auto; } /*@media only screen and (min-width: 1080px) { .post-thumb { float: left; width: 100%; height: auto; } }*/ @media only screen and (max-width: 1081px) { .post-thumb { float: left; width: 352px; height: auto; } } @media only screen and (min-width: 900px) and (max-width: 1199px) { .hide-for-medium { display: none; } } @media only screen and (min-width: 769px) and (max-width: 1199px) { .post-thumb { float: none; width: 100%; height: auto; } .article-listing-item-onehundred-percent .same-height-blocks-js.post-container.post-title-black.col-lg-12.col-sm-12.col-md-12.hover-border p#readMoreLink.read-more-plain-text-link { margin-top: 0px; } .article-listing-item-onehundred-percent .post-content { margin-left: 0px; margin-right: 0px; padding: 0px 0px; top: 50%; /*position: absolute; transform: translate(0%, -50%);*/ } .article-listing-item-onehundred-percent .post-content p { margin-bottom: 20px; } .hover-border.article-listing-item-thirtythree-percent.same-height-blocks { display: flex; flex-direction: column; justify-content: space-between; margin-left: 0px; flex-grow: 1; } .article-listing-item-onehundred-percent .post-content, .post-content { padding: 20px; display: flex; flex-direction: column; justify-content: space-between; } } .article-listing-item-onehundred-percent > .post-container > .post-thumb { width: 372px; float: left; height: auto; } .post-thumb.thirty-three, .post-thumb.thirty-three img { width: 367px; height: 207px; float: none; } @media only screen and (max-width: 768px) { .post-thumb.thirty-three { margin-bottom: 0px; } } @media only screen and (max-width: 768px) { .post-thumb { float: none; width: 100%; height: auto; } } @media only screen and (max-width: 1024px) { .post-thumb { float: none; width: 100%; height: auto; } } .post-thumb img { display: initial; } .post-content.thirty-three { margin-left: 0px; padding-left: 22px; padding-right: 22px; padding-top: 20px; } @media only screen and (min-width: 1199px) { .article-listing-item-onehundred-percent .post-content { display: flex; flex-direction: column; padding: 20px; } .article-listing-item-onehundred-percent .post-content p { margin-bottom: 0px; } } /* @media only screen and (max-width: 1081px) { .article-listing-item-onehundred-percent .post-content { margin-left: 352px; margin-right: 10px; padding: 0px 32px; top: 50%; position: absolute; transform: translate(0%, -50%); } .article-listing-item-onehundred-percent .post-content p { margin-bottom: 0px; } } */ /*@media only screen and (max-width: 768px) { .article-listing-item-onehundred-percent .post-content { margin-left: 352px; margin-right: 10px; padding: 0px 32px; top: 50%; position: absolute; transform: translate(0%, -50%); } .article-listing-item-onehundred-percent .post-content p { margin-bottom: 0px; } }*/ @media only screen and (max-width: 400px) { h3.article-listing-item__title { font-size: 25px; } } @media only screen and (max-width: 768px) { .article-listing-item-onehundred-percent .post-content, .post-content { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; flex-shrink: 0; align-self: stretch; margin-left: 0px; padding: 20px 20px 20px 20px; flex-grow: 1; } } @media only screen and (max-width: 768px) { .post-content.article-listing-item--white { padding-left: 0px; padding-right: 0px; } } /*.row.col-lg-12 .articlelistcontainerblock.col-lg-12 .article-listing-item-onehundred-percent .post-thumb { width: 352px; } .row.col-lg-12 .articlelistcontainerblock.col-lg-12 .article-listing-item-onehundred-percent .post-content { margin-left: 352px; }*/ @media only screen and (max-width: 768px) { .row.col-lg-12 .articlelistcontainerblock.col-lg-12 .article-listing-item-onehundred-percent .post-thumb { width: 100%; } .row.col-lg-12 .articlelistcontainerblock.col-lg-12 .article-listing-item-onehundred-percent .post-content { margin-left: 0px; } } @media (max-width: 767px) { .padding-bottom-xs { padding-bottom: 20px; background-color: #f9f5f5; } } .col-lg-4 > .article-listing > .block > .post-container > .post-content { margin-left: 0px; padding-left: 8px; padding-right: 8px; padding-top: 20px; } .col-lg-4 > .article-listing > .block > .post-container > .post-thumb { float: left; width: auto; height: auto; } .col-lg-4 > .article-listing > .block > a > .post-container > .post-content { margin-left: 0px; padding-left: 8px; padding-right: 8px; padding-top: 20px; } .col-lg-4 > .article-listing > .block > a > .post-container > .post-thumb { float: left; width: auto; height: auto; } .col-lg-4 > .article-listing > .block > a > .post-container > .post-thumb img { padding-bottom: 10px; } .col-lg-4 > .article-listing > .block > .post-container > .post-thumb img { padding-bottom: 10px; } .post-thumb iframe { /*width: -webkit-fill-available;*/ width: 100%; height: 235px; } /*.row.col-lg-9 > .articlelistcontainerblock.col-lg-12 > .row > .block.containerblock.article-listing-item-thirtythree-percent { width: 100%; display: inline-block; }*/ /*div.render-body-container.breadcrumb-space-sub-section > div.container.mobile-subsection-margin > div.row.col-lg-9.col-md-9.col-sm-9 > div > div.block.articlelistcontainerblock.col-lg-12.col-md-12.col-sm-12 > div.ng-scope > div.article-listing.clearfix > div.row > div.ng-scope > div.block.containerblock.woop.article-listing-item-thirtythree-percent.ng-scope { width: 100%; display: inline-block; }*/ /*div.render-body-container.breadcrumb-space-sub-section > div.container.mobile-subsection-margin > div.row.col-lg-9.col-md-9.col-sm-9 > div > div.block.articlelistcontainerblock.col-lg-12.col-md-12.col-sm-12 > div.ng-scope > div.article-listing.clearfix > div.row > div.ng-scope { width: 50%; display: inline-block; }*/ /* div.render-body-container.breadcrumb-space-sub-section > div.container.mobile-subsection-margin > div.row.col-lg-12.col-md-12.col-sm-12 > div > div.block.articlelistcontainerblock.col-lg-12.col-md-12.col-sm-12 > div.ng-scope > div.article-listing.clearfix > div.row > div.ng-scope > div.block.containerblock.woop.article-listing-item-thirtythree-percent.ng-scope { width: 100%; display: inline-block; }*/ /*div.render-body-container.breadcrumb-space-sub-section > div.container.mobile-subsection-margin > div.row.col-lg-12.col-md-12.col-sm-12 > div > div.block.articlelistcontainerblock.col-lg-12.col-md-12.col-sm-12 > div.ng-scope > div.article-listing.clearfix > div.row > div.ng-scope { width: 33.3%; display: inline-block; }*/ .font-size-a { font-size: 1em; } .post-content p { font-size: 1.2em; } /* .ng-scope p, .result-teaser p.ng-scope span { color: #404040; font-family: ICA Text Web Regular; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } */ @media only screen and (max-width: 768px) { .post-content p { font-size: 14px; line-height: 1.42857143; } } .article-listing-item__title.post-title-red { color: #cf2e05; } .post-title-white { font-weight: bold; font-size: 200%; color: white; } .post-title-black { font-weight: bold; font-size: 200%; color: black; } .article-block-wide-text-background { background-color: rgba(255, 255, 255, 0.95); padding: 10px 10px 10px 10px; } .article-block-wide-align-text-left { text-align: left; } .article-block-wide-no-image { height: 384px; } .teaser-text-article-block-wide p { font-size: 1.2em; margin-bottom: 0px; } .article-block-wide-a-tag { font-size: 1.2em; } /* @media only screen and (max-width: 768px) { .article-listing-item__img { margin-bottom: 20px !important; } }*/ /*@media (min-width: 1200px) {*/ .no-padding-left-right-lg { padding-left: 0; padding-right: 0; } /*}*/ @media only screen and (max-width: 768px) { .article-block-wide-no-image { height: 100%; } } @media only screen and (max-width: 768px) { .heading-placement-mobile { position: relative; top: 8px; left: 8px; right: 8px; /*margin-left: 16px;*/ } } @media (min-width: 768px) { .article-listing-item .article-listing-item__img { width: 100%; } } @media only screen and (max-width: 768px) { .link-text-placement-mobile { position: relative; top: 0px; left: 0px; right: 0px; /* margin-left: 16px;*/ text-align: left; } } /*@media only screen and (max-width: 768px) { .heading-placement-mobile { position: absolute; top: 8px; left: 8px; right: 8px; } } @media only screen and (max-width: 768px) { .link-text-placement-mobile { position: absolute; bottom: 20px; left: 8px; } }*/ .article-listing-item--gray { background-color: #f9f5f5; } /* .article-listing-item--gray:hover:not(.article-not-linked) { background-color: #fdfdfd; }*/ .article-listing-item--gray .article-listing-item__body { padding: 15px; } @media (min-width: 992px) { .article-listing-item--gray .article-listing-item__body { padding: 25px; } .article-listing-item--gray.article-listing-item .article-listing-item__img img { padding: 25px 25px 25px 25px; } } .article-listing-item--light-pink { background-color: #fcece7; } /* .article-listing-item--gray:hover:not(.article-not-linked) { background-color: #fdfdfd; }*/ .article-listing-item--light-pink .article-listing-item__body { padding: 15px; } @media (min-width: 992px) { .article-listing-item--light-pink .article-listing-item__body { padding: 25px; } .article-listing-item--light-pink.article-listing-item .article-listing-item__img img { padding: 25px 25px 25px 25px; } } .article-listing-item--white { background-color: white; } /*.article-listing-item--white:hover:not(.article-not-linked) { background-color: #fdfdfd; }*/ .article-listing-item--white .article-listing-item__body { padding: 15px; } @media (min-width: 992px) { .article-listing-item--white .article-listing-item__body { padding: 25px; } .article-listing-item--white.article-listing-item .article-listing-item__img img { padding: 25px 25px 25px 25px; } } .article-listing-item--red { background-color: #e13205; } .article-listing-item--red p { color: white; } .article-listing-item--red:hover p { color: white; } .article-listing-item--red:hover a { color: white; } .article-listing-item--red a { color: white; text-decoration: underline; } /* .article-listing-item--red:hover:not(.article-not-linked) { background-color: #fdfdfd; }*/ .article-listing-item--red .article-listing-item__body { padding: 15px; } @media (min-width: 992px) { .article-listing-item--red .article-listing-item__body { padding: 25px; } .article-listing-item--red.article-listing-item .article-listing-item__img img { padding: 25px 25px 25px 25px; } } /*.article-listing-item .article-listing-item__img { width: 100%; }*/ @media only screen and (max-width: 768px) { .article-block-wide-text-background { background-color: transparent; padding: 0 20px 0 20px; } } @media (min-width: 1200px) { .article-listing-item .article-listing-item__img { width: 40%; } } @media (min-width: 1200px) { .article-listing-item .article-listing-item__img.thirty-three { width: 100%; } } .article-listing-item .article-listing-item__img img { min-width: 100%; float: left; height: auto; margin-bottom: 0; padding: 15px 15px 0 15px; } @media (min-width: 992px) { .article-listing-item .article-listing-item__img img { padding: 25px; } } .article-listing-item .video-container { margin: 0; position: relative; padding-bottom: 56%; padding-top: 0; height: 0; overflow: hidden; width: 100%; float: left; } @media (min-width: 992px) { .article-listing-item .video-container { padding-bottom: 20.9%; width: 330px; margin: 25px; } } @media (min-width: 1200px) { .article-listing-item-thirtythree-percent .article-listing-item .video-container { padding-bottom: 21.6%; width: 215px; } } @media (min-width: 1200px) { .article-listing-item .video-container { padding-bottom: 21.6%; width: 429px; } } .article-listing--split .article-listing-item .video-container { padding-bottom: 65%; } .article-listing--split .block.containerblock figure { margin-top: 0px; margin-bottom: 20px; -webkit-margin-after: -20px; } @media (min-width: 992px) { .article-listing--split .block.containerblock figure { -webkit-margin-after: 30px; } } @media (min-width: 992px) { .article-listing--split .article-listing-item .video-container { padding-bottom: 59.5%; } } @media (min-width: 992px) { .article-listing--split .article-listing-item--gray.article-listing-item .article-listing-item__img img { padding: 25px 25px 0 25px; } } @media (min-width: 1200px) { .article-listing--split .article-listing-item .video-container { padding-bottom: 61%; } } .article-listing-item .video-container iframe { padding: 15px 15px 0 15px; } @media (min-width: 992px) { .article-listing-item .video-container iframe { padding: 0; } } @media only screen and (max-width: 768px) { .post-container.hover-border.article-listing-item-thirtythree-percent { margin-bottom: 0px; } } /*@media only screen and (max-width: 768px) { .post-container.article-listing-item-thirtythree-percent { margin-bottom: 32px; } }*/ .post-content.thirty-three p { margin-bottom: 0; } /*@media only screen and (max-width: 768px) { .post-content.thirty-three p { font-size: 14px; line-height: 1.42857143; } }*/ @media only screen and (max-width: 768px) { .post-content.thirty-three p { font-size: 14px; line-height: 1.42857143; } } .article-listing__link, .article-listing__link:hover:not(.article-not-linked) { font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; text-decoration: none; } .article-listing-item__title { font-family: ICA Rubrik Web Regular; margin: 0 0 10px; color: #3a3a3a; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal; } @media (min-width: 1200px) { /* .article-listing-item-thirtythree-percent .article-listing-item__title { font-size: 25px; }*/ } .article-listing-item__body { font-weight: 400; float: left; width: 100%; padding: 15px; } /*.sixteen-nine-img { width: 100%; overflow: hidden; margin: 0; padding-top: 56.25%; position: relative; } figure.sixteen-nine-img img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }*/ .sixteen-nine-img { width: 100%; overflow: hidden; margin: 0; padding-top: 56.25%; position: relative; } .sixteen-nine-img img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } .containerBox { position: relative; display: inline-block; } .text-box { position: absolute; height: 100%; text-align: center; width: 100%; } .text-box:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .test1 { display: inline-block; font-size: 20px; /*or whatever you want*/ color: #fff; } .img-responsive { display: block; max-width: 100%; object-fit: cover; height: auto; } .hero-image { /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */ /* Set a specific height */ height: 50%; /* Position and center the image to scale nicely on all screens */ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } /* Place text in the middle of the image */ .hero-text { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; } /*.container { max-width: 100%; } .image-wrapper { position: relative; padding-bottom: 56.2%; } .image-wrapper img { position: absolute; object-fit: cover; width: 100%; height: 60%; } @media (min-width: 992px) { .article-listing-item__body { padding: 25px;*/ /*width: calc(60% - 50px);*/ /*} }*/ @media (min-width: 992px) { .article-listing-item__body.one-hundred { padding: 25px; width: calc(60% - 50px); } } .article-listing-item__body p { line-height: 26px; } @media (min-width: 1030px) { .article-listing-item__body p { line-height: 30px; } } .article-listing--split .containerblock:nth-child(2n + 3) { clear: left; } .article-listing--split .article-listing-item img { width: 100%; float: none; display: block; padding: 15px 15px 0 15px; } @media (min-width: 768px) { .article-listing--split .containerblock:nth-child(2n) { margin-left: 3%; } .article-listing--split .block.containerblock { width: 48.5%; float: left; margin-bottom: 0; } } @media (min-width: 992px) { .article-listing--split .article-listing-item img { padding: 25px 25px 0 25px; width: 60%; } .article-listing--split .article-listing-item .article-listing-item__img { width: 100%; } } .article-listing--split .article-listing-item .video-container { width: auto; float: none; } .article-listing--split .article-listing-item__body { float: none; width: auto; } .article-listing--split .article-listing-item .article-listing-item__img { } @media (min-width: 992px) { .article-listing--split .article-listing-item.article-listing-item--grey img { padding: 25px 25px 0 25px; } } @media (min-width: 992px) { .article-listing--split .video-container { margin-bottom: 0; } } /*.block.imagefile { margin-top:50px; }*/ .block.teaserblock.col-lg-54.col-md-54.col-sm-12, .block.teaserblock.col-lg-12.col-md-12.col-sm-12 { margin-top: 30px; } .block.teaserblock.col-lg-4.col-md-4.col-sm-12 { margin-top: 15px; } .block.containerblock.col-lg-12.col-md-12.col-sm-12 { margin-top: 0px; } .block.contactblock.col-lg-12.col-md-12.col-sm-12 { margin-top: 0px; } .align-to-left { padding-left: 0px; } @media (min-width: 1192px) { .align-to-left:not( .otherpageslandingpage .align-to-left, .sub-section-page .align-to-left ) { margin-top: -50px; } .float-to-right { float: right; } /* Helpers */ .display-none { display: none; } .position-fixed { position: fixed; width: 100%; } .row.row-gutter-medium { margin-bottom: 40px; } .row.row-gutter-small { margin-bottom: 10px; } .text-primary-red { color: #e13205; } .text-secondary-red { color: #cf2e05; } .left { float: left; } .text-bold { font-weight: bold; } .text-normal { font-weight: normal; } .text-no-wrap { white-space: nowrap; } .cursor-pointer { cursor: pointer; } .text-decoration-none { text-decoration: none !important; } .purple-arrow:after, .purple-arrow-light:after { content: '#'; background: transparent url(/static/img/sprites.svg) no-repeat 0 -359px; color: transparent; position: relative; top: 8px; left: 5px; width: 11px; height: 6px; pointer-events: none; } .purple-arrow-light:after { -ms-opacity: 0.5; opacity: 0.5; } @media (max-width: 1028px) { .purple-arrow:after, .purple-arrow-light:after { top: 5px; -moz-background-position-x: -1px; -o-background-position-x: -1px; background-position-x: -1px; } } #jobSearchContainer .search-form .icon-search:before { font-size: 30px; } .filter-blur { -webkit-filter: blur(5px); filter: blur(5px); } .no-hover:hover { text-decoration: none; } .no-hover .icon-users:hover:before { color: #ad2705; } .icon-linkedin:hover:before { text-decoration: none; } .hover-insta-2:hover { margin: 0 !important; width: 50% !important; transition: all 0.2s ease-out; } .hover-insta-3:hover { margin: 0 !important; width: 33.333333333333332% !important; height: 33.333333333333332% !important; transition: all 0.2s ease-out; } .hover-insta-4:hover { margin: 0 !important; width: 25% !important; transition: all 0.2s ease-out; } .hover-insta-5:hover { margin: 0 !important; width: 20% !important; transition: all 0.2s ease-out; } .hover-insta-6:hover { margin: 0 !important; width: 16.6666666666667% !important; transition: all 0.2s ease-out; } .newsTicker-col .icon-users:before { font-size: 100px; } @media (max-width: 1024px) { .has-submenu .extendedTopImageContainer { margin-bottom: 50px !important; } } @media (min-width: 1025px) { .has-submenu .extendedTopImageContainer { margin-bottom: 130px !important; } } .has-submenu .extendedVideoMargin { margin-bottom: 50px !important; } .extendedTopVideoContainer .topVideoContainerInner { height: 100%; margin-bottom: 30px; margin-top: 30px; } .footer-icons { top: 10px; text-decoration: none; margin-left: 4px; } .footer-icons:hover { text-decoration: none; } .extendedTopImageBlockAreaSide .topImageBlockAreaLarge { margin-bottom: 30px; margin-top: 30px; } .icon-alignment { vertical-align: super; } .footer-icons { top: 10px; text-decoration: none; margin-left: 4px; padding: 0 2.5px 0 2.5px; } .footer-icons:hover { text-decoration: none; } #hej { vertical-align: middle; } .waves-1 { background-image: url(/Static/img/waves.png); background-position: center bottom; background-repeat: no-repeat; flex: 1 1 auto; margin-bottom: 76px; background-size: 200% 110px; } .mobile-border-left { border-left: 4px solid #e13205; } .mobile-menu-no-padding { padding: 0 0 0 10px; } .mobile-border-left .mobile-menu-no-padding { padding: 0 0 0 6px; } .mobile-menu-no-padding-right { padding: 0; } .mobile-line-height { line-height: 20px !important; padding-top: 10px; } .prev, .next { display: none; } .mobileContentAreaSmall .articleteaserblockcontainer { margin: 0px; padding: 0px 25px; } .mobileContentAreaSmall .articleteaserblockcontainer h3 { color: black; font-size: 22px; margin: 0px 0px 5px 0px; text-align: center; } .extendedTopImageContainer { margin-bottom: 80px; } .follow-block-item { margin-bottom: 10px; } .option-level-1 { background-color: white; font-weight: bold; padding: 10px 10px; background-color: #fcece7; border-radius: 50px; margin: 5px; } .option-level-2 { background-color: #f5ebe8; padding: 10px 10px; border-radius: 50px; margin: 5px 5px 5px 15px; } .option-level-3 { padding-left: 30px; } .container.breadcrumb { font-size: 10px; } .breadcrumb-space { margin-top: 40px; } ul.breadcrumb { padding: 10px 16px; list-style: none; background-color: white; margin-bottom: 24px; margin-top: 24px; padding: 0 0 0 0; } .space-under-breadcrumb { margin-top: 5px; } ul#breadcrumbid.breadcrumb li + li:before { list-style: none; list-style-type: none; } /*ul#breadcrumbid.breadcrumb { padding-left: 10px; }*/ /*ul.breadcrumb li { display: inline; font-size: 14px; font-weight: bold; list-style-type: none; } ul.breadcrumb li + li:before { padding: 8px; color: grey; content: " \203A"; } ul.breadcrumb li a.single-li-item { color: #E13205; text-decoration: none; font-size: 1.7rem; } ul.breadcrumb li a { color: #E13205; text-decoration: none; } ul.breadcrumb li span { color: grey; text-decoration: none; } ul.breadcrumb li a:hover { color: #E13205; text-decoration: underline; }*/ div#leftMenu { border-left: solid 2px #cf2e05; width: 300px; display: flex; flex-flow: column; row-gap: 5px; margin-bottom: 96px; padding-left: 5px; } .pressPage div#leftMenu { margin-bottom: 30px; } .pressPage .left-menu-padding { /*float:inherit;*/ } div#leftMenu > .left-menu-level-1 { background-color: #fcece7; height: 48px; padding: 10px 10px 10px 30px; cursor: pointer; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } div#leftMenu > .left-menu-level-1:hover { text-decoration: none; background-color: #e13205; color: white; } div#leftMenu > .left-menu-level-1:hover > .icon-toggle:before { color: white; } div#leftMenu > .left-menu-level-1:hover a { color: white; text-decoration: none; } div#leftMenu > .left-menu-level-1 > a { font-size: 16px; font-weight: bold; display: block; line-height: 1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 214px; } div#leftMenu > a.left-menu-level-1 { font-size: 16px; font-weight: bold; display: flex; line-height: 1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; } @media only screen and (max-width: 1199px) { div#leftMenu > .left-menu-level-1 > a { font-size: 16px; line-height: 2em; max-width: 155px; } } div#leftMenu > .left-menu-level-1.selected.active { background-color: #e13205; color: white; } div#leftMenu > .left-menu-level-1.selected { color: white; } div#leftMenu > .left-menu-level-1.selected.active:hover { text-decoration: none; } div#leftMenu > .left-menu-level-1.selected.active::before { color: white; } div#leftMenu > .left-menu-level-1.selected.active > a { color: white; text-decoration: none; } div#leftMenu > .left-menu-level-1 ~ .left-menu-child-container > li > .left-menu-level-2.active-parent:hover a ~ .left-menu-child-container { text-decoration: none; background-color: #e13205; color: white; } div#leftMenu > .left-menu-level-1 ~ .left-menu-child-container > li.selected { background-color: #f9f5f5; } div#leftMenu > .left-menu-level-1 ~ .left-menu-child-container > li.selected > a { color: black; font-weight: bold; } div#leftMenu > .left-menu-level-1 ~ .left-menu-child-container.open-child-container { display: flex; cursor: pointer; flex-flow: column; row-gap: 5px; margin: 0; background-color: #fff; } div#leftMenu > .left-menu-level-1 ~ .left-menu-child-container.close-child-container { display: none; cursor: pointer; flex-flow: column; row-gap: 3px; margin: 0; background-color: #f5ebe8; } div#leftMenu > .left-menu-level-1.selected.active > .icon-toggle:before { color: white; } div#leftMenu > .left-menu-level-1 ~ .left-menu-child-container > li { background-color: #f9f5f5; display: block; font-size: 15px; margin: 0; padding-left: 45px; } div#leftMenu > .left-menu-level-1 ~ .left-menu-child-container > li:hover { text-decoration: none; /*background-color: #E13205;*/ background-color: #f9f5f5; } div#leftMenu > .left-menu-level-1 ~ .left-menu-child-container > li a { padding: 5px 10px 5px 0px; text-decoration: none; } div#leftMenu > .left-menu-level-1 ~ .left-menu-child-container > li:hover a { /*color: white; text-decoration: none;*/ color: black; font-weight: bold; } div#leftMenu > .left-menu-level-1 ~ .left-menu-child-container > li::before { content: none; color: white; } div#leftMenu > .left-menu-level-1 ~ .left-menu-child-container > li > .left-menu-level-2 { max-height: 65px; overflow: hidden; width: 100%; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: normal; } a.left-menu-level-2 { font-size: inherit; } .left-menu-articlepage { /*padding-bottom: 96px;*/ } .left-menu-contentarea-background-color .teaserblock { background-color: #f9f5f5; padding-top: 10px; } @media (min-width: 1280px) { .desktop-margin { /*margin-top: -100px;*/ } } .left-menu-contentarea-background-color .teaserblock .teaserBlock .teaserBlock-text-area-under-no-image p { line-height: 25px; font-size: 15px; margin-bottom: 5px; } .left-menu-padding { padding-left: 0; padding-right: 0; margin-right: 0; float: left; } /* .pink-line-under-mega-menu { height: 4px; background-color: #f5ebe8; content: ' '; margin-bottom: 24px; }*/ @media only screen and (max-width: 768px) { .content-area#hidden-in-mobile, .hide-in-mobile { display: none; } .display-in-mobile { display: block; } } @media only screen and (max-width: 1180px) { .hide-in-tablet { display: none; } } @media (max-width: 1023px) { #subMenu { display: none; } } @media (min-width: 1280px) { .display-in-mobile { display: none; } } @media (min-width: 1024px) { .display-in-mobile { display: none; } } .block.containerblock:first-of-type .block.linkblock { margin-top: 0px; } } .row.col-lg-9.col-md-9.col-sm-9.align-to-left .subscription .checkboxDiv > div { width: 50%; } .larger-font-in-breadcrumb li span, .larger-font-in-breadcrumb li a { font-size: 1.7rem; } @media (max-width: 768px) { .modal-body { padding: 0; } .block.articlelistcontainerblock.col-lg-12.col-md-12.col-sm-12 { padding-right: 0px; padding-left: 0px; margin-left: -0px; margin-right: -0px; } } .block.articlelistcontainerblock.col-lg-12.col-md-12.col-sm-12 { margin-top: 0px; } /*@media only screen and (min-width: 1199px) { .contactblock.col-lg-9.col-md-9.col-sm-6 .contactList a, .contactblock.col-lg-9.col-md-9.col-sm-6 .contactList li, .col-lg-9 .contactblock.col-lg-12.col-md-12.col-sm-12 .contactpageteaserblock.col-lg-6.col-md-6.col-sm-12 .contactList a, .col-lg-9 .contactblock.col-lg-12.col-md-12.col-sm-12 .contactpageteaserblock.col-lg-6.col-md-6.col-sm-12 .contactList li { font-size: 14px; } }*/ .articalePage .articlelistcontainerblock, .sub-section-page .articlelistcontainerblock { margin-top: 0px; width: 101.7%; padding-left: 0px !important; padding-right: 0px !important; } .section-page .articlelistcontainerblock { margin-top: 0px; width: 100%; } @media only screen and (max-width: 768px) { .section-page .articlelistcontainerblock, .articalePage .articlelistcontainerblock, .sub-section-page .articlelistcontainerblock { margin-top: 20px; width: 100%; } } .col-lg-12.col-md-12.textWrap { padding-top: 15px; padding-bottom: 15px; } @media only screen and (min-width: 900px) and (max-width: 1367px) { .col-lg-12.col-md-12.textWrap { padding-top: 40px; } } .col-lg-12.article-listing-item-onehundred-percent { padding-left: 0px !important; padding-right: 0px !important; } .tel-font-size { font-size: 14px; } .flex-container { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } .flex-item-false-false { padding: 10px; /*flex: 33%;*/ height: inherit; align-items: stretch; } /*@media only screen and (min-width: 1023px) { .flex-item-false-false { flex: 50%; } }*/ .flex-item-true-false { padding: 10px; width: 100%; flex-grow: 0; height: inherit; align-items: stretch; } .flex-item-false-true { padding: 10px; width: 100%; flex-grow: 0; height: inherit; align-items: stretch; } @media only screen and (max-width: 767px) { .flex-item-true-false, .flex-item-false-false, .flex-item-false-true { flex: 100%; } .articlewideblock-margin.containerw3 { margin-top: 0px; } .teaser-text-article-block-wide p { font-size: 1em; margin-bottom: 0px; } .article-block-wide-a-tag { font-size: 1em; } } @media only screen and (max-width: 1200px) { .text-placement-left-up { top: 100%; width: 100%; left: 0; } .text-placement-left-down { top: 100%; width: 100%; bottom: 0; left: 0; } .text-placement-middle-up { top: 100%; width: 100%; left: 50%; } .text-placement-middle-down { top: 100%; width: 100%; left: 50%; bottom: 0; } .text-placement-right-up { top: 100%; width: 100%; left: 0; margin-left: 0; } .text-placement-right-down { top: 100%; width: 100%; left: 0; bottom: 0; margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { /* .flex-item-false-false { flex: 50%; }*/ .flex-item-true-false, .flex-item-false-false, .flex-item-false-true { padding: 0; width: 50%; display: flex; justify-content: center; height: 515px; } .topImageContainer { padding-top: 0; } .print-footer { display: none; } .pressPage, .articalePage, jobSearchPage, .subscription form { margin-top: 0; } .filterDiv { margin-top: 20px; } } /*@media only screen and (min-width: 1200px) { .flex-item-false-false { flex: 33%; } } */ @media only screen and (min-width: 768px) and (max-width: 1181px) { ul.breadcrumb { padding: 10px 16px; list-style: none; background-color: white; margin-bottom: 0px; margin-top: 0px; padding: 0 0 0 0; } .pink-line-under-mega-menu { height: 4px; background-color: #f5ebe8; content: ' '; margin-bottom: 12px; } } .pink-line-under-mega-menu { height: 4px; background-color: #f5ebe8; content: ' '; margin-bottom: 12px; } ul.breadcrumb li { display: inline; font-size: 14px; font-weight: bold; list-style-type: none; } ul.breadcrumb li + li:before { padding: 8px; color: grey; content: ' \203A'; } ul.breadcrumb li a.single-li-item { color: #e13205; text-decoration: none; font-size: 1.7rem; } ul.breadcrumb li a { color: #e13205; text-decoration: none; } ul.breadcrumb li span { color: grey; text-decoration: none; } ul.breadcrumb li a:hover { color: #e13205; text-decoration: underline; } @media only screen and (min-width: 1200px) { .img-test { width: 99%; } } .navbar-header { height: 100%; } @media only screen and (max-width: 1024px) { .navbar-header { /*height: 70px;*/ } } @media only screen and (max-width: 768px) { .navbar-header { /*height: 100px;*/ } } @media only screen and (min-width: 500px) and (max-width: 1000px) { .navbar-header { /*height: 100px;*/ } } .twitter-x-footer { height: 36px; padding-right: 0px; margin-left: -45px; margin-right: 3px; } .twitter-x-newsticker { height: 30px; width: 30px; margin-bottom: 9px !important; } .otherPagesLandingPageHero { display: flex; padding: var(--large-unit) 0; } .otherPagesLandingPageHero h2 { margin: 0 0 20px 0; font-size: 30px; line-height: 36px; } .otherPagesLandingPageHero p { font-family: 'ICA Text Web Regular'; margin: 0; font-size: 16px; line-height: 19.2px; } @media only screen and (min-width: 768px) { .otherPagesLandingPageHero h2 { font-size: 35px; line-height: 42px; } } @media only screen and (min-width: 1224px) { .otherPagesLandingPageHero { padding: 56px 0; margin-top: 77px; } .otherPagesLandingPageHero h2 { font-size: var(--large-unit); line-height: 48px; } .otherPagesLandingPageHero p { font-size: 20px; line-height: 24px; } } .other-pages-landing-page-hero--light-pink { background-color: #fbece7; } .other-pages-landing-page-hero--white { background-color: #ffffff; } .other-pages-landing-page-hero--gray { background-color: #f9f5f5; } .search-icon-navigation:hover, .language-selector-navigation:hover, .other-pages-navigation:hover { color: #e13205 !important; } /*.language-selector-navigation:hover { color: #E13205 !important; }*/ .search-icon, .other-pages-icon, .language-selector-icon { height: 30px; width: 30px; font-size: 36px; left: calc(50% - 15px); position: absolute; top: 10px; background-size: 30px; background-color: #fbece7; border-radius: 50%; } .icon-menu-mobile, .close-icon-mobile { height: 42px; width: 42px; font-size: 36px; right: calc(25%); position: absolute; top: calc(33%); background-size: 33px; background-color: white; border-radius: 50%; } .icon-menu-mobile { background-image: url(/Static/img/hamburger-menu-large.svg); background-repeat: no-repeat; } .close-icon-mobile { background-image: url(/Static/img/close-icon.svg); background-repeat: no-repeat; } .search-icon { background-image: url(/Static/img/SearchIcon.svg); background-repeat: no-repeat; } .other-pages-icon { background-image: url(/Static/img/otherpages.svg); background-repeat: no-repeat; } .language-selector-icon { background-image: url(/Static/img/LanguageSelector.svg); background-repeat: no-repeat; } @media only screen and (min-width: 1023px) { .other-pages-icon:hover { background-image: url(/Static/img/otherpageshover.svg); background-color: #e13205; } .language-selector-icon:hover { background-image: url(/Static/img/Languagehover.svg); background-color: #e13205; } .search-icon:hover { background-image: url(/Static/img/SearchHover.svg); background-color: #e13205; } .search-icon-hover:hover .search-icon-navigation:hover:after, .icon-hover:hover .other-pages-navigation:hover:after, .icon-language-hover:hover .language-selector-navigation:hover:after { content: ''; background-color: #e13205; position: absolute; height: 5px; width: 100%; left: 0%; bottom: -5px; } .other-pages-navigation:hover ~ .other-pages-icon, .language-selector-navigation:hover ~ .language-selector-icon, .search-icon-navigation:hover ~ .search-icon { height: 30px; width: 30px; font-size: 36px; left: calc(50% - 15px); position: absolute; top: 10px; background-size: 30px; background-color: #fbece7; border-radius: 50%; } .other-pages-navigation:hover ~ .other-pages-icon { background-image: url(/Static/img/otherpageshover.svg); background-repeat: no-repeat; } .language-selector-navigation:hover ~ .language-selector-icon { background-image: url(/Static/img/Languagehover.svg); background-repeat: no-repeat; } .search-icon-navigation:hover ~ .search-icon { background-image: url(/Static/img/SearchHover.svg); background-repeat: no-repeat; } } .other-pages-navigation, .language-selector-navigation { padding-left: 0px !important; } .hamburger-icon-navigation, .search-icon-navigation { padding-right: 15px !important; } @media only screen and (max-width: 1023px) { .hamburger-icon-navigation, .search-icon-navigation { padding-right: 8px !important; } .other-pages-navigation:hover ~ .other-pages-icon, .language-selector-navigation:hover ~ .language-selector-icon, .search-icon-navigation:hover ~ .search-icon, .search-icon, .other-pages-icon { left: calc(50% - 8px); } .language-selector-icon { left: 8px; } } .row.space-under-breadcrumb h2 { margin-bottom: 0 !important; } .greybg .formcontainerblock{background:#f2f2f2;}.epiformcontainerblock{padding:0 !important;}.nomineeformblock .formcontainerblock{padding:0;}.nomineeformblock .block{margin-top:0;}.formcontainerblock{padding:30px;}.EPiServerForms .Form__MainBody:before,.EPiServerForms .Form__MainBody:after{display:table;content:" ";}.EPiServerForms .Form__MainBody:after{clear:both;}.EPiServerForms .Form__Element.FormStep:last-child{margin-bottom:0 !important;}@media screen and (min-width:768px){.EPiServerForms .Form__Element:not(button){width:calc(50% - 5px) !important;float:left !important;margin-bottom:15px !important;}.EPiServerForms .Form__Element:not(button).Form__Element--even{float:right !important;}.EPiServerForms .Form__Element:not(button).FormStep{width:100% !important;}.EPiServerForms .Form__Element:not(button).FormTextbox--Textarea{clear:both !important;float:none !important;width:100% !important;}}.EPiServerForms .Form__Row:last-child>.Form__Element:not(.ValidationFail){margin-bottom:0 !important;}.EPiServerForms .FormTextbox input,.EPiServerForms .FormTextbox textarea{background:#fff !important;border:2px solid #E13205 !important;padding:8px 5px !important;font-size:16px !important;font-family:'ICA Text Web Bold' !important;}.EPiServerForms .FormTextbox input{height:45px !important;}.EPiServerForms .FormTextbox textarea{resize:vertical !important;min-height:132px !important;}.EPiServerForms .FormSelection select{display:block !important;border:2px solid #CF2E05 !important;padding:8px 5px !important;font-size:16px !important;font-family:'ICA Text Web Bold' !important;width:100% !important;height:45px !important;}.EPiServerForms button{border:0 none !important;border-radius:5px !important;background:#E13205 !important;color:#fff !important;padding:11px 20px 9px !important;line-height:20px !important;font-size:14px !important;transition:background .5s ease !important;}.EPiServerForms button:hover{background-color:#CF2E05 !important;}.EPiServerForms button[type=submit]{float:right !important;}.EPiServerForms button[type=submit]:last-child{margin-bottom:0 !important;}.EPiServerForms .Form__SubmitButtonCompanionLinks{margin:9px 0 0 !important;width:calc(50% - 5px) !important;float:left !important;font-size:16px !important;}.EPiServerForms .Form__SubmitButtonCompanionLinks .Form__SubmitButtonCompanionLink{float:left !important;clear:both !important;font-size:inherit !important;}.EPiServerForms .Form__Element__Caption{margin:0 0 5px !important;font-size:18px !important;font-weight:bold !important;}.EPiServerForms .Form__Element__ValidationError{margin:10px 0 0 !important;color:#E13205 !important;}.EPiServerForms .Form__Status__Message{background:#CF2E05 !important;}.EPiServerForms .Form__Status__Message,.EPiServerForms .Form__Status__Message *{color:#fff !important;}.EPiServerForms ::-webkit-input-placeholder{font-size:.8em;opacity:.6;}.EPiServerForms :-ms-input-placeholder{font-size:.8em;opacity:.6;}.EPiServerForms ::placeholder{font-size:.8em;opacity:.6;}.EPiServerForms label.NomineeForm-label{height:200px;cursor:pointer;}.EPiServerForms label.NomineeForm-label>input.NomineeForm-radio{visibility:hidden;position:absolute;}.EPiServerForms label.NomineeForm-label>input.NomineeForm-radio+.NomineeImageContainer img{border:5px solid transparent;object-fit:cover;width:100%;height:100%;object-position:50% 5%;}.EPiServerForms label.NomineeForm-label>input.NomineeForm-radio+.NomineeImageContainer div{border:5px solid transparent;}@media screen and (min-width:768px){.EPiServerForms label.NomineeForm-label>input.NomineeForm-radio+.NomineeImageContainer div{margin:0 5px 0 5px;}}.EPiServerForms label.NomineeForm-label>input.NomineeForm-radio:checked+.NomineeImageContainer img,.EPiServerForms label.NomineeForm-label>input.NomineeForm-radio:checked+.NomineeImageContainer div{border:5px solid #E13205;}.EPiServerForms label.NomineeForm-label>input.NomineeForm-radio:checked+.NomineeImageContainer:hover .hoverOverlay{visibility:hidden;}.EPiServerForms label.NomineeForm-label .NomineeImageContainer:hover .hoverOverlay{visibility:visible;}.EPiServerForms label.NomineeForm-label.unchecked .hoverOverlay{visibility:visible;}.EPiServerForms label.NomineeForm-label.unchecked:hover .hoverOverlay{visibility:hidden;}.EPiServerForms label.NomineeForm-label .NomineeImageContainer .hoverOverlay{margin:5px;cursor:pointer;}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.EPiServerForms label.NomineeForm-label .NomineeImageContainer .hoverOverlay{margin:10px 5px 0 5px;}}.EPiServerForms .NomineeForm-Nominees{display:flex;flex-direction:column;}@media screen and (min-width:768px){.EPiServerForms .NomineeForm-Nominees{flex-flow:row wrap;}}.EPiServerForms .NomineeForm-Nominees .checkbox{display:flex;justify-content:center;margin:0;padding:0;}.EPiServerForms .NomineeForm-Content{padding:0 10px;display:flex;flex-flow:column nowrap;position:relative;flex-grow:1;flex-shrink:1;}@media screen and (min-width:768px){.EPiServerForms .NomineeForm-Content{padding:0 5px;}}.EPiServerForms .NomineeForm-Content p{font-size:1em;}.EPiServerForms .NomineeForm-Content-bot{padding:0 10px;display:flex;justify-content:space-between;}@media screen and (min-width:768px){.EPiServerForms .NomineeForm-Content-bot{padding:0 5px;}}.EPiServerForms .NomineeForm-Content-bot a{font-size:inherit;}.EPiServerForms .NomineeForm-Content-bot .NomineeRanking{font-size:1em;}.EPiServerForms .Form__Element.Form__Element-NomineeForm{width:100% !important;}.EPiServerForms .Form__Element.Form__Element-NomineeForm~button[type=submit]{width:100%;display:block;margin:30px 0 30px 0 !important;border-radius:25px !important;}@media screen and (min-width:768px){.EPiServerForms .Form__Element.Form__Element-NomineeForm~button[type=submit]{width:60%;margin:30px 20% 30px 20% !important;}}.EPiServerForms .Form__Element.Form__Element-NomineeForm label{display:block;position:relative;}.EPiServerForms .Form__Element.Form__Element-NomineeForm .col{width:100%;display:flex;flex-direction:column;}@media screen and (min-width:768px){.EPiServerForms .Form__Element.Form__Element-NomineeForm .col{width:20%;}} @media all and (min-width:1920px) { .top-media-area figure img, figure.top-media-area img { width: auto; } } @media all and (min-width:1560px) { /*.top-media-area .bottom-left, .top-media-area .bottom-right { top: 300px; }*/ } @media all and (min-width: 1400px) { /* Googlemap */ #map .mapImageText { bottom: -250px !important; padding: 30px 10px 15px; width: 598px !important; /*1196px / 2*/ } #map .mapImageText.is-ie10 { bottom: -355px !important; } .googlemapsblock h2 { font-size: 35px; padding-left: 10px; margin: 0 0 20px 0; } .googlemapsblock h3, .googlemapsblock p { font-size: 21px; } .googlemapsblock .contactWrapper { margin-bottom: 20px; } } @media (min-width:769px) and (max-width:790px) { #map .mapImageText { bottom: -300px !important; } /*#map .mapImageText.is-ie10 { bottom: -305px !important; outline:1px solid green; }*/ } @media (min-width:760px) and (max-width:790px) { #map .mapImageText.is-ie10 { bottom: -260px !important; } } @media (min-width:769px) and (max-width:775px) { #map .mapImageText.is-ie10 { bottom: -305px !important; } } /* top image */ @media (max-width:1300px) { .top-media-area { /*height: 430px;*/ } .top-media-area figure { height: 430px; max-height: 430px; } .top-media-area figure.topImageBgArea { height: auto; max-height: 100%; } .top-media-area figure img, figure.top-media-area img { max-width: none; position: absolute; margin-left: 0; left: 0; width: 1260px; } .topImageContainerInner { min-height: 250px; } } @media (max-width:1200px) { .top-media-area figure.topImageBgArea { height: 100%; max-height: 600px; } .topVideoContainerInner .video-container { height: 200px; padding-bottom: 0; } .top-media-area figure.extendedTopImageBgArea { height: 100%; max-height: 600px; } .has-submenu .extendedTopVideoContainer { margin-bottom: 0px !important; } } @media all and (min-width: 1156px) { /* Adds space between for desktop*/ .navbar-nav .navitem { margin-right: 10px; } .subsite .navbar-nav .navitem { margin-right: 8px; } /* Aligns the border of news block item with career feed*/ .newsTicker .row { margin-right: -20px; } .newsTicker .container .newsTicker-col:last-child { padding-right: 0px; } /* Lightbox */ .modal-dialog { width: 1036px; /*min-width - 120px*/ margin: 0 auto 30px; } } @media all and (max-width: 1172px) { .site-header .navbar-nav > li > a { padding-left: 10px; padding-right: 10px; } } @media all and (max-width: 1118px) { .site-header .navbar-right li a.icon-search:before { left: calc(50% - 15px); } } @media all and (max-width: 1063px) { .site-header .navbar-nav > li > a { font-size: 15px; } } @media all and (max-width: 904px) { .site-header .navbar-nav > li > a { padding-left: 6px; padding-right: 6px; font-size: 14px; } } @media all and (max-width: 872px) { .site-header .navbar-right > li #morepages-menu-header:after { right: 3px; top: 0; } } @media all and (max-width: 1024px) { #map { height: 400px !important; } } @media (min-width: 640px) and (max-width: 991px) { .teaserblock.col-lg-4 .teaserBlock img { width: 600px; } .teaserblock.col-lg-4 .teaserBlock-text-area-under-image { width: 600px; margin-left: auto; margin-right: auto; } } @media all and (max-width: 991px) { .block .aktienumber { margin-bottom: 0px; } .block .calendarBlock { margin-top: 30px; } } @media all and (max-width: 768px) { .block .calendarBlock { margin-top: 0px; } .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 5px; color: white; font-weight: bold; font-size: 30px !important; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; background: rgba(0, 0, 0, 0.1); display: block; } .prev { left: 0; } .next { right: 0; border-radius: 3px 0 0 3px; } .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } .newsTicker-col .prev { left: -10px; } .newsTicker-col .next { right: -10px; } .questionaire-block .container { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 30px; } .questionaire-block .row.questionaire-block-row-top-text { margin-bottom: 20px; } } @media all and (min-height: 904) { .site-header .navbar-nav > li > a { font-size: 15px; padding: 22px 6px; } } @media all and (min-width: 994px) { .col-lg-54 + .col-lg-46, .col-lg-46 + .col-lg-54 { margin-left: 6%; } /* 5 Columns */ .fivecolumn .span2 { width: 20%; } /* filterSearch */ .searchDiv { float: right; } /* calendarBlock */ .twoColumnsCalendar { float: left; width: 50%; } .firstColumnCalendar { padding-right: 30px; } .secondColumnCalendar { padding-left: 30px; } /* Contactpage */ .name { font-size: 21px; margin-bottom: 10px; } /* companycontactBlock */ .companyContent .col-lg-6 { float: right; } .companyTheme1 .companyList ul { background: #E13205; position: relative; z-index: 1; } .companyTheme2 .companyList ul { background: transparent; position: relative; z-index: 1; } /* set height of li */ .company li.tabs2 { height: 50%; padding-top: 50px; } .company li.tabs3 { height: 33.33%; padding-top: 45px; } .company li.tabs4 { height: 25%; padding-top: 40px; } .company li.tabs5 { height: 20%; padding-top: 35px; } .company li.tabs6 { height: 16.67%; padding-top: 30px; } .company li.tabs7 { height: 14.28571%; padding-top: 25px; } .company li.tabs8 { height: 12.5%; padding-top: 18px; } .companycontactpageteaserblock:last-child, .companycontactpageteaserblock:nth-child(4) { border-right: #d9d9d9 solid 1px; } /* subscriptionBlock */ .subscriptionblock .overlay { height: 680px; position: absolute; /* margin-left: 25px;*/ } .subscription { height: 680px; margin-left: 0px; } /* Footer */ .site-footer div[class*=col-]:first-child { padding-left: 20px; } .site-footer div[class*=col-]:last-child { padding-right: 20px; } } @media all and (max-width: 993px) { /* Header */ .site-header .navbar-default { height: inherit; background: #fff; } .site-header .navbar-nav { margin-left: 0; } .site-header .navbar-right > li + li { padding-right: 5px; } .site-header .navbar-right.global-menu > li .selected-language { font-size: 0; color: transparent; display: block; } .navbar-header { margin-bottom: -25px; } #selected-language { padding-left: 7px; } /* TopImg */ .site-footer div[class*=col-]:nth-child(2n+1) { clear: both; } /* Googlemap */ .googlemapsblock { padding-left: 0; padding-right: 0; } /* NewsTickerBlock */ .newsTicker-col:nth-child(2n+1) { clear: left; } .newsTicker ul { margin: 5px 0px 20px 0px; } .newsTicker .follow-block ul { margin: 10px 0px 0px 0px; } /* calendarBlock */ .firstColumnCalendar li:last-child { border-bottom: none; } .secondColumnCalendar { margin-top: 10px; } /* CompanyBlock */ .companyblockcontainer .overlay { display: none; } .company, .companyContent .col-lg-6, .company ul, .company figure img { height: auto; } .companyContent .col-lg-6 { margin-bottom: 50px; padding-left: 30px; padding-right: 30px; } .company figure { position: static; margin-bottom: 10px; } .company h2 { margin: 10px 0 25px; } .company figure img { max-width: 100%; } .companyContent, .companyList { padding-left: 0; padding-right: 0; position: relative; } .companyList { width: 100%; } .company li { max-width: inherit; } /* companycontactBlock */ /*.companycontactpageteaserblock:last-child, .companycontactpageteaserblock:nth-child(even) { border-right: #d9d9d9 solid 1px; }*/ /* subscriptionBlock */ .subscription .col-lg-54 { width: 100%; } .hideforsmall { display: none; } .block.slidercontainerblock .topimageblock .mobilePosition { top: 20px !important; bottom: 0px; position: relative; } } @media all and (min-width: 1024px) { .mobile-menu-wrapper .navbar-toggle { display: none; /*fix for mobilemeny in ipad*/ } .navbar-collapse.collapse { display: block; /*fix for mobilemeny in ipad*/ } .mobileIcons { display: none !important; } } .single-li-item:before { content: '<'; width: 5px; height: 7.6px; padding-right: 5px; font-size: 19px; font-family: monospace; } @media all and (max-width: 768px) { .mobile-back-link-wrapper { padding-top: 3px; } } @media all and (max-width: 1023px) { .mobile-back-link { font-family: "ICA Text Web Regular"; font-size: 16px; font-weight: bold; line-height: 1.75; color: #E13205; text-transform: uppercase; } .mobile-back-link:before { content: '<'; width: 5px; height: 7.6px; padding-right: 10px; font-size: 19px; font-family: monospace; } /* .mobile-back-link-wrapper { padding-bottom: 15px; padding-top: 15px; }*/ /* Mobile menu */ .mobile-menu-wrapper .navbar-toggle { display: block; position: relative; z-index: 11; margin: 0; padding: 8px 5px 8px 8px; } .mobile-menu-wrapper .icon-menu:before { font-size: 55px; } .mobile-menu-wrapper .icon-close:before { font-size: 55px; } .mobile-menu-wrapper .icon-in-english:hover { text-decoration: none; } .mobile-menu-wrapper .icon-in-english:before { font-size: 30px; } .mobile-menu-wrapper .icon-language:hover { text-decoration: none; } .mobile-menu-wrapper .icon-language:before { font-size: 30px; } .mobile-menu { position: absolute; top: 76px; bottom: 0; right: 0; width: 100%; z-index: 999; background-color: #f9f5f5; overflow-y: scroll; display: flex; flex-flow: column; } .mobile-menu .level-0 { margin-bottom: 30px; } .mobile-menu ul, .mobile-menu li { margin: 0; } .mobile-menu li div.row { margin: 0; background-color: #FFFFFF; border-bottom: 3px solid #f9f5f5; } .mobile-menu li .mobile-menu-link { font-family: "ICA Text Web Bold"; font-size: 18px; display: block; line-height: 69px; color: #393939; padding-left: 10px; } .mobile-menu .level-1 li .mobile-menu-link { font-family: "ICA Rubrik Web Bold", sans-serif; font-size: 22px; line-height: 60px; margin-left: 30px; } .mobile-menu .level-1 li .icon-home:before, .mobile-menu .level-1 li .icon-info:before, .mobile-menu .level-1 li .icon-climate-goals:before, .mobile-menu .level-1 li .icon-users:before, .mobile-menu .level-1 li .icon-email:before, .mobile-menu .level-1 li .icon-media:before { position: absolute; top: 15px; left: -30px; } .mobile-menu .level-1 li .icon-media:before { position: absolute; top: 19px; left: -27px; font-size: 24px; } .mobile-menu .level-1 li .icon-innovation:before { position: absolute; top: 15px; left: -22px; font-size: 24px; } .mobile-menu .level-1 li .icon-investerare:before { position: absolute; top: 16px; left: -28px; font-size: 24px; } .mobile-menu .level-2 li .mobile-menu-link, .mobile-menu .level-3 li .mobile-menu-link, .mobile-menu .level-4 li .mobile-menu-link { font-family: "ICA Text Web Bold"; } .mobile-menu li div.row.selected .mobile-menu-no-padding, .mobile-menu li div.row.selected .mobile-menu-no-padding-right, .mobile-menu li div.row.selected .text-right { background-color: #e13205; } .mobile-menu li div.row.selected .mobile-menu-no-padding span, .mobile-menu li div.row.selected .mobile-menu-no-padding span:before { color: white; } .mobile-menu li div.row.selected .mobile-menu-no-padding-right, .mobile-menu li div.row.selected .mobile-menu-no-padding-right:before { color: #e13205; } .mobile-menu .level-2 li div.row.selected .mobile-menu-link { /*background-color: #e13205;*/ color: white !important; height: 60px; } .mobile-menu .level-3 li div.row.selected .mobile-menu-link { background-color: #e13205; color: white; height: 60px; } .mobile-menu li .col-xs-10, .mobile-menu li .col-xs-2 { height: 60px; } .mobile-menu li .col-xs-2 span { font-size: 26px; position: relative; /*left: -10px;*/ /*top: 5px;*/ color: #E13205 !important; /*padding: 15px;*/ height: 60px; width: 70px; /*border-left: 3px solid #f9f5f5;*/ float: right; } .mobile-menu ul.level-1 > li .col-xs-2 span:before { color: #e13205; position: relative; top: 10px; right: 19px; } .mobile-menu ul.level-2 > li .col-xs-2 span:before { color: #E13205; top: 0px; } .mobile-menu li .level-1 div.row.selected .col-xs-2 span { background-color: #FCECE7; height: 60px; } .mobile-menu li .level-2 div.row.selected .col-xs-2 span { background-color: #FCECE7; height: 57px; } .mobile-menu .level-1 li.expanded > div.row { background-color: #FCECE7; } .mobile-menu .level-1 li > .icon-plus:before { color: #FFFFFF; } .mobile-menu .level-1 li.expanded > .icon-minus:before { color: #FFFFFF; } /* Level 2 */ .mobile-menu .level-2 li div.row.selected .col-xs-2 span, .mobile-menu .level-2 li div.row.selected .col-xs-2 span:before { color: #E13205; } .mobile-menu ul.level-2 li div.row { background-color: #F9F5F5; border-bottom: 3px solid #fff; height: 60px; } .mobile-menu ul.level-2 li .mobile-menu-link { color: #e13205; } .mobile-menu .level-2 li.expanded > div.row { background-color: #F9F5F5; } .mobile-menu .level-2 li.expanded > div.row .mobile-menu-link, .mobile-menu .level-2 li.expanded > div.row .icon-minus { color: #e13205; } .mobile-menu ul.level-2 li .col-xs-10, .mobile-menu ul.level-2 li .col-xs-2 { height: 57px; } .mobile-menu ul.level-2 li .mobile-menu-link { font-size: 18px; position: relative; /*left: 6px;*/ line-height: 57px; /*padding-left: 52px;*/ font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; font-family: "ICA Text Web Regular"; } .mobile-menu ul.level-2 li .col-xs-2 span { font-size: 26px; /*border-left: 3px solid #fff;*/ } /* Level 3 */ .mobile-menu ul.level-3, .mobile-menu ul.level-3 li div.row { background-color: #f5ebe8; } .mobile-menu ul.level-3 li:first-child { padding-top: 0px; } .mobile-menu ul.level-3 li .mobile-menu-link { font-size: 16px; position: relative; /*left: 12px;*/ padding-left: 30px; font-weight: lighter; font-stretch: normal; font-style: normal; /*line-height: 2.5;*/ letter-spacing: normal; font-family: "ICA Text Web Regular"; } .mobile-menu ul.level-3 li .col-xs-2 span { font-size: 25px; } .navbar-collapse.collapse { display: none !important; } /* .mobile-menu-overlay { background: #000000; background: rgba(0,0,0,0.45); bottom: 0; left: 0; position: absolute; right: 0; top: 75px; z-index: 998; } .mobile-menu span { color: #fff; padding-right: 20px; margin-top: -2px; float: left; } .mobile-menu ul { margin: 0; } .mobile-menu li { background: #fff; list-style-type: none; margin: 0; border-bottom: 1px solid #dcddde; } .mobile-menu li a { color: #393939; display: inline-block; padding: 36px 30px 36px 30px; } .mobile-menu li a.selected { color: #fff; display: block; padding: 36px 30px 36px 30px; } .arrow-container { display: none; width: 100%; float: left; height: 0; } .selected.arrow .arrow-container { display: block; } .menu-arrow { position: relative; top: 36px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 10px solid #ec1c23; margin-left: auto; margin-right: auto; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .level-0 li .selected { background: #ba161c; } .level-1 .ss-plus:before, .level-1 .ss-plus:before { float: right; } .level-1 .selected.ss-plus:before, .level-2 .selected.ss-plus:before { display: none; } .level-1 > li .selected { border-top: 2px solid #ac0107; background: #d41920; } .level-1 li .selected .menu-arrow { border-top: 10px solid #d41920; } .level-2 > li .selected { background: #ec1c23; border-top: 2px solid #ac0107; } .level-2 li .selected .menu-arrow { border-top: 10px solid #ec1c23; } .level-3 > li { border-bottom: 1px solid #dcddde; } .level-3 > li a { color: #393939; } .mobile-menu .level-1 li:last-child, .mobile-menu .level-2 li:last-child { border-bottom: 0 none; } */ /* fix for open searchfield and mobilemenu */ .global-search-form.open + .mobile-menu-wrapper .mobile-menu, .global-search-form.open + .mobile-menu-wrapper .mobile-menu-overlay { top: 175px; } /* mobile icon search and globe */ .mobileIcons { float: right; position: relative; top: 14px; z-index: 1000; display: flex; /* padding: 8px 10px; */ width: 116px; } .mobileIcons .dropdown-menu { top: 71px; z-index: 9999; } .topImageContact, #subMenu, /*#sectionSubMenu,*/ div#leftMenu, #anchorMenu { display: none; } } @media (max-width: 819px) { #sectionSubMenu { display: none; } } @media all and (max-width: 768px) { .topContentAreaSmall .articleteaserblockcontainer, .topContentAreaSmall .topImageBlockArea .documentlistblock, .topContentAreaSmall .topImageBlockArea .startlinkblock { width: 100%; } .top-media-area .starttop .bottom-left { bottom: 0px; float: none; left: 0px; right: 0px; position: absolute; top: auto; } .top-media-area .starttop .bottom-right { bottom: 20px; float: none; position: absolute; right: 20px; left: 20px; top: auto; } .top-media-area .starttop .top-left { float: none; left: 20px; right: 20px; position: absolute; top: 20px; } .top-media-area .starttop .top-right { float: none; position: absolute; right: 20px; left: 20px; top: 20px; } .topContentAreaSmall { display: none; } .articleteaserblockcontainer img { max-height: 100% !important; } .site-header .navbar > .container .navbar-brand, .site-header .navbar > .container-fluid .navbar-brand { padding: 0; } .site-header .navbar > .container .navbar-brand img, .site-header .navbar > .container-fluid .navbar-brand img { padding: 18px 10px 18px 0; } /* topImage, Subsection menu and anchor menu*/ .block.slidercontainerblock figcaption .col-lg-6 { top: inherit !important; bottom: -420px; position: absolute; } /*min-height*/ .block.slidercontainerblock { min-height: 0; } /* Googlemap */ #map .mapImageText { display: none; } /* .mapinfo-outside { background: #FBEBEA; display: block; padding: 25px 10px 35px; }*/ .googlemapsblock h2 { font-size: 35px; padding-left: 10px; margin: 0 0 20px 0; } .googlemapsblock h3, .googlemapsblock p { font-size: 21px; margin-bottom: 0; } .googlemapsblock .contactWrapper { margin-bottom: 20px; } .googlemapsblock .topImageText { display: none; } /* lightbox */ .modal-dialog, .modal-dialog .container { margin-left: 0; margin-right: 0; padding: 0; } .modal-content { margin-top: 0; } .modal-content .share-function .col-lg-12 { padding-left: 0; padding-right: 0; } .modal-content .job-search-modal-button-container .purpleBtn { margin-top: 15px; padding: 4px 10px; } #modal-close { right: 5px; top: 5px; margin-right: 0; font-size: 45px; } #modal-close .ss-delete { color: #393939; } #lightbox-nav-prev, #lightbox-nav-next { display: none; } .modal-dialog .articalePage .content-area .lhb-quote { margin-left: -20px; } .modal-dialog .jobSearchPage .content-area .lhb-quote { margin-left: -20px; } .content-area .factBlock { float: none; margin-left: 0; margin-bottom: 15px; } /* generalSearch block*/ .searchResults .filters { padding-top: 10px; } /* Contactpage */ .contactList span, .contactList a { font-size: 16px; line-height: 16px; } /* Press */ .filterSearchList li .row { border-top: solid 1px #d1d1d1; } .filterSearchList .searchResultTxt, .filterSearchList .date { border-top: none; width: 100%; float: none; margin-top: 0; } .filterSearchList li .col-lg-9 { padding-left: 10px; } .filterSearchList figure { height: auto; float: none; margin: 0px; } /* FilterSearch Media */ .mediaList li:nth-child(2n+2) + li { clear: left; } /* Block */ .block.containerblock { margin-bottom: 30px; } .containerblock .heading-containerBlock { top: 30px; } .block.teaserblock + .block.pagelistblock { margin-top: 50px; } .block.pagelistblock + .block.teaserblock { margin-top: 70px; } .block.containerblock + .block.teaserblock { margin-top: 20px; } .block.containerblock + .block.containerblock { margin-top: 20px; } .block { margin-top: 0px; } .linkblock { margin-top: 20px !important; } /* TeaserBlock */ .col-lg-54 + .col-lg-46, .col-lg-46 + .col-lg-54 { margin-left: 0; } /* linkBlock */ .overlay { display: none; } .puff { height: 200px; padding: 0px 25px; } .puff h3, .puff p { font-size: 18px; } .puff .icon { font-size: 25px; margin-bottom: 15px; } /* documentBlock */ .documentBlock { padding: 0; } /* Edited by Alan */ .documentBlock h3 { font-size: 22px; } /* tableTab */ .tableTab { display: table; margin: 0 auto; } .tabsblockcontainer { margin-top: 0; } .tabsblockcontainer ul.tabsList { border-bottom: none; } .tabsblockcontainer ul.tabsList > li { padding: 10px; height: 16px; margin: 15px; -ms-border-radius: 50%; border-radius: 50%; text-indent: -99999px; width: 16px; } .containerTab { background: #ffffff; } .containerTab.open { background: #E13205; border-bottom: 1px solid #E13205; } /* companyTab */ .companylistContainer { /*background: #fff;*/ width: 100%; padding-bottom: 15px; position: absolute; bottom: -60px; } .companyList { display: table; margin: 0 auto; float: none; width: auto; } .company ul { width: 100%; } .company ul > li { padding: 0; height: 9px; margin: 10px; -ms-border-radius: 50%; border-radius: 50%; text-indent: -99999px; width: 9px; text-align: left; display: inline; overflow: hidden; list-style: none; float: left; } .company.companyTheme2 li:nth-child(even), .company.companyTheme2 li:nth-child(odd) { background: #fcece7; border: 1px solid #696867; padding: 10px; margin: 15px; } .topBlockMobile li:nth-child(even), .topBlockMobile li:nth-child(odd) { background: #fcece7; border: 1px solid #696867; padding: 10px; margin: 15px; } .company.companyTheme1 li:nth-child(even), .company.companyTheme1 li:nth-child(odd) { background: #e13205; border: 1px solid #696867; padding: 10px; margin: 15px; } .company.companyTheme1 li.open { background: #fff !important; border: none; height: 10px; width: 10px; } .company.companyTheme2 li.open { background: #e13205 !important; border: none; height: 10px; width: 10px; } .topMobileBlock li.open { background: #e13205 !important; border: none; height: 10px; width: 10px; } .companyblockcontainer.block { margin-top: 20px; } /* footer */ .search-form { margin-bottom: 30px; border: solid 1px #e5e5e5; } .logotype-footer-mobile-wrapper { padding: 0; } .search-form .form-control { font-size: 1em; } .site-footer div[class*=col-]:first-child, .site-footer div[class*=col-]:last-child { padding-left: 10px; padding-right: 10px; } /*.article-listing-item .video-container { padding-bottom: 57%; width: auto; float: none; }*/ } @media all and (max-width: 1199px) { .mapinfo-outside { background: #FBEBEA; display: block; padding: 25px 10px 35px; } } @media all and (max-width: 767px) { /*cookie*/ .cookieInfo .cookieInfoText { display: block; margin-bottom: 10px; width: 100%; } .cookieInfo .cookieLink { margin-left: 0; } .cookieInfo input[type="submit"] { padding-left: 10px; padding-right: 10px; display: block; position: static; right: 0; } .global-search-form .position-wrapper { margin-left: 0; } .global-search-form div[class^=col-]:last-child { padding-left: 10px; } .global-search-form button { height: 60px; padding: 5px 0 4px; } .mobileIcons .ss-globe { font-size: 30px; } .mobile-menu-wrapper .navbar-toggle .icon-bar { width: 40px; height: 5px; } /* Pink upper border line for specified page types: ArticlePage, ArticlePageWide, News Pages, SubSectionPage */ .top-container-line-mobile { position: absolute; width: 100%; height: 5px; z-index: 100; top: 79.5px; left: 0; background-color: #FBEBEA; } /* .articalePage .mobile-back-link-wrapper, .pressPage .mobile-back-link-wrapper, .subSection-content .mobile-back-link-wrapper { margin-top: 20px; }*/ /* Lightbox */ [lightbox-sticky-top] { position: static; } /*[lightbox-sticky-top] + .content-area { margin-top: 50px; }*/ /* flipBlock */ .flipflopContainer .flip-content { top: 0; } .flipflopContainer .item3, .flipflopContainer .item4, .flipflopContainer .item5, .content-left.right { float: none; } /*.flipflopContainer.margin-bottom-normal { margin-bottom:120px; } .flipflopContainer.margin-bottom-large { margin-bottom:220px; }*/ .flipflopContainer .flip-content .content-left { /*height: 660px;*/ height: 100px; } .flipflopContainer .flip-content .content-right { /*height: 660px;*/ /*min-height: 300px;*/ line-height: normal; height: initial; } .flipflopContainer .flip-content .content-left h2, .flipflopContainer .flip-content .content-left h3 { /*line-height: 660px;*/ /*line-height: 330px;*/ line-height: normal; font-size: 24px; } /*.flipflopContainer .txtImg-container, .flipflopContainer .content-rightTxt { top:-65px; }*/ .flipflopContainer .txtImg-container { vertical-align: top; margin-top: 40px; } .flipflopContainer .content-rightTxt { vertical-align: top; margin-top: 10px; } /* subscriptionblock */ .subscriptionblock .overlay, .subscription { height: auto; } .subscription .checkboxDiv > div { width: 50%; } /* TeaserBlock & Accordianblock */ .teaserBlock figure, .panel-collapse figure { float: none; max-width: 100%; margin-right: 0; margin-bottom: 5px; } /* Contactpage */ .contactFig { display: none; } /* tableTab */ .tabsblockcontainer ul.tabsList > li { margin: 20px 10px 10px; padding: 5px; } /* contactpageteaserblock */ .contactpageteaserblock { margin-bottom: 20px; } /* companycontactBlock */ .companycontactpageteaserblock { border-right: #d9d9d9 solid 1px; } /*.listBlock.reduced-margin { margin-top: -30px; }*/ /* PageListBlock */ /* Edited by Alan */ .listBlock h3 { font-size: 22px; } .listBlock .date { padding-bottom: 0; border-top: solid 2px #d1d1d1; } .listBlock .teaserLink a { border-top: none; padding-top: 0; } /* stockBlock */ /* Edited by Alan */ .stockBlock h3 { font-size: 22px; } /* calendarBlock */ /* Edited by Alan */ .calendarBlock h3 { font-size: 22px; } /* subscriptionBlock */ /* Edited by Alan */ .subscription h2 { font-size: 22px; } /* instagramBlock */ /* Edited by Alan */ .teaserBlock.bgGray h3 { font-size: 22px; } /* Edited by Alan */ .timeline-border { font-size: 22px; } /* lightboxContainerBlock */ /* Edited by Alan */ .heading-containerBlock { font-size: 22px; } /* companyTab */ .company.companyTheme1 li:nth-child(even), .company.companyTheme2 li:nth-child(even), .company.companyTheme1 li:nth-child(odd), .company.companyTheme2 li:nth-child(odd) { margin: 5px; padding: 4px; } /* Footer */ .sitemap { display: none; } /* Hide job search application preview form on less than iPad Portrait */ #body.modal-open div.modal .job-search-preview-container { display: none; } .logotype-footer-desktop { display: none; } .logotype-footer-mobile { display: block; float: left; padding-left: 20px; } .dropdown-footer-mobile { color: #E13205; display: inline-block; text-decoration: none !important; float: right; margin-right: -20px; } .container-mobile { margin: 0 -10px 24px -10px; height: 2px; background-color: #f9f5f5; } footer a { color: #CF2E05; } footer a:hover, a:focus { color: black; } .footer-red-highlight-mobile { color: #E13205; } .footer-red-highlight-mobile:hover, .footer-red-highlight-mobile:focus { color: #E13205; } .footer-red-news { padding-right: 0px; font-size: 20px; font-family: "ICA Rubrik Web Bold", sans-serif; font-weight: 500; line-height: 1.1; padding-bottom: 20px; } footer .time { font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #8e8e8e; margin-bottom: 5px; border-bottom: solid 2px #d1d1d1; } } /* Press release page */ @media all and (min-width: 1200px) { .pressPage.heading { font-size: 2.214em; /* 31px */ margin-top: 0; } .pressPage.preamble { font-size: 1.8em; margin-top: 0; margin-bottom: 40px; } } @media all and (max-width: 1199px) and (min-width: 600px) { .pressPage.heading { margin-top: 0; } } @media all and (max-width: 599px) { .pressPage.heading { font-size: 1.8em; margin-top: 0; } .pressPage.preamble { font-size: 1.4em; margin-top: 0; } .reduce-left-padding { padding-left: 0; } } @media all and (min-width: 600px) and (max-width: 1028px) { .reduce-left-padding { padding-left: 0; } } /* Only for element; a, a and span */ @media all and (min-width: 1200px) { h1 { font-size: 3.357em; /* 47px */ } h2 { font-size: 2.2214em; /* 32px */ } h3 { font-size: 1.857em; /* 26px */ } .managementPage-lb h3 { font-size: 23px; line-height: 38px; } h4 { font-size: 1.642em; /* 23px */ } p, li, a, td, span.show-more, th { /* 23px/35px */ font-size: 1.43em; line-height: 1.46em; } #showFilters { display: none; } #hideFilters { display: none; } p *, li *, td * { /* 23px/35px */ font-size: inherit; } } @media all and (min-width: 1235px) { .questionaire-block .container { padding-right: 30px; } } @media all and (max-width: 1199px) and (min-width: 1029px) { h1 { font-size: 3em; /* 42px */ } h2 { font-size: 1.857em; /* 26px */ } h3 { font-size: 1.642em; /* 23px */ } .managementPage-lb h3 { font-size: 21px; line-height: 33px; } h4 { font-size: 22px; } p, li, a, td, span.show-more, th { /* 21px/34px */ font-size: 1.5em; line-height: 1.6em; } p *, li *, td * { /*21px/34px*/ font-size: inherit; } } @media all and (max-width: 1028px) and (min-width: 600px) { h1 { font-size: 3.357em; /* 33px */ } h2 { font-size: 2.357em; /* 23px */ margin-bottom: 5px; margin-top: 15px; } h3 { font-size: 1.5em; /* 21px */ } .managementPage-lb h3 { font-size: 18px; line-height: 29px; } h4 { font-size: 22px; /* 18px */ } p, li, a, span.show-more, td th { /* 18px/28px */ font-size: 1.28571em; line-height: 1.55em; } p *, li *, td * { /* 18px/28px */ font-size: inherit; } div.addAllEvent a { font-size: 16px; } } @media all and (max-width: 1367px) and (min-width: 768px) { section-h2 { margin-top: 40px; } .subsection-h2 { margin-top: 0px; } } @media all and (max-width: 1367px) and (min-width: 768px) and (orientation: portrait) { .subsection-h2 { margin-top: 40px; } .col-lg-12.col-md-12.textWrap { padding-top: 50px; } } @media all and (max-width: 991px) and (min-width: 768px) { .reduced-margin { margin-top: -60px; } } .visible-width767 { display: none; } .visible-width768 { display: block; } @media all and (max-width: 767px) { .archiveFilter select { width: 100%; } .archiveFilter.select:after { left: 90%; } .visible-width767 { display: block; } .visible-width768 { display: none; } .jobsearchblock .loadMore-col { margin-bottom: 20px; } .jobsearchblock .archiveFilter select, .jobsearchblock .searchDiv input[type="search"] { width: 100%; } .jobsearchblock .archiveFilter.select:after { left: inherit; right: 40px; } .jobsearchblock .loadMore-btn { display: block; text-align: center; } .jobsearchblock .searchDiv .pull-right { float: none !important; } .jobsearchblock .archiveFilter.select { margin-bottom: 10px; } .jobsearchblock h4 { font-size: 1.44em; margin-bottom: 5px; } .jobsearchblock h5 { font-size: 1.22em; color: black; } .jobsearchblock .visible-width767 { margin-bottom: 0px; margin-top: 0px; } .jobsearchblock .sort-job-mobile { margin-bottom: 10px; } .jobsearchblock .repeat-job-mobile { cursor: pointer; border-top: 1px solid #d1d1d1; padding-top: 20px; padding-bottom: 20px; } .jobsearchblock .repeat-job-mobile:last-child { border-bottom: 1px solid #d1d1d1; } .jobsearchblock .sortByLink { display: block; clear: both; margin-left: 0; } .jobsearchblock h4.left { display: block; } /* Edited by Alan */ .accordion-container-heading { font-size: 22px; } } /* Adapt hight of container should not apply on iPad and wider */ @media all and (min-width: 768px) { #flip-itemContainer { height: initial !important; } } @media all and (max-width: 599px) { h1 { font-size: 1.857em; /* 26px */ } h2 { font-size: 1.5em; /* 21px */ margin-bottom: 5px; } h3 { font-size: 1.28571em; /* 18px */ } h4 { font-size: 22px; } p.preamble { font-size: 16px; /* 16px */ } p, li, a, td, th, span.show-more { /* 16px/24px*/ font-size: 1.14em; line-height: 1.5em; } p *, li *, td * { /* 16px/24px*/ font-size: inherit; } } @media all and (max-width: 1192px) { #twitterFooter, #facebookFooter, #linkedInFooter { vertical-align: middle; } #twitterFooter { margin-bottom: 5px; } } /*@media all and (max-width: 767px) { #twitterFooter { margin-bottom: 5px; } }*/ /* fix to override cisions inlinestyle */ @media all and (min-width: 1200px) { .pressPage .main-body p, .pressPage .main-body li, .pressPage .main-body a { /* 23px/35px */ font-family: "ICA Text Web Regular" !important; font-size: 1.43em !important; } .pressPage .main-body p *, .pressPage .main-body li * { /* 23px/35px */ font-size: inherit !important; } } @media all and (max-width: 1199px) { .topImageBlockAreaLarge { display: none; } .mobileContentAreaSmall .bottomImageBlockArea { margin: 10px -15px; } .mobileContentAreaSmall .instagramblock { margin-top: 5px; padding-left: 0px; padding-right: 0px; margin-bottom: 5px; } .mobileContentAreaSmall .instagramblock h4 { margin-bottom: 5px; } } @media all and (min-width: 1200px) { .topContentAreaSmall { display: none; } .mobileContentAreaSmall { display: none; } } @media all and (max-width: 1200px) and (min-width: 1024px) { .has-submenu .mobileContentAreaSmall { margin-bottom: 80px; } } @media all and (max-width: 1199px) and (min-width: 1029px) { .pressPage .main-body p, .pressPage .main-body li, .pressPage .main-body a { /* 21px/34px */ font-family: "ICA Text Web Regular" !important; font-size: 1.5em !important; } .pressPage .main-body p *, .pressPage .main-body li * { /*21px/34px*/ font-size: inherit !important; } } @media all and (max-width: 1199px) and (min-width: 992px) { .questionaire-block .purpleBtn { position: relative; left: -3px; } .reduced-margin { margin-top: -30px; } } @media all and (max-width: 1028px) and (min-width: 600px) { .pressPage .main-body p, .pressPage .main-body li, .pressPage .main-body a { /* 18px/28px */ font-family: "ICA Text Web Regular" !important; font-size: 1.28571em !important; } .pressPage .main-body p *, .pressPage .main-body li * { /* 18px/28px */ font-size: inherit !important; } } @media all and (max-width: 599px) { .pressPage .main-body p, .pressPage .main-body li, .pressPage .main-body a { /* 16px/24px*/ font-family: "ICA Text Web Regular" !important; font-size: 1.14em !important; } .pressPage .main-body p *, .pressPage .main-body li * { /* 16px/24px*/ font-size: inherit !important; } .article-listing--split .containerblock { width: 100%; float: none; } } @media (min-width: 768px) { .container { /*width: 750px; original */ width: 740px; } .addAllEvent a { float: right; } } @media (min-width: 992px) { .container { width: 970px; } } @media (max-width: 1150px) { /* Submenu */ .subNav.navbar-default .navbar-nav > .table-cell > a { font-size: 14px; padding: 6px; } } @media (max-width: 1199px) { .site-header .navbar-default .container, .subNav .container { width: 100%; } .subNav-container .container { width: calc(100% - 6px); } } @media (min-width: 1200px) { .container { width: 1170px; } .navbar-collapse .container { width: calc(1170px + 6px); /* 6px extra because of the border-spacing on navbar-nav */ } } @media (max-width: 1234px) { .subNav-container .close { right: 10px; } .subNav.navbar-default .navbar-nav > .table-cell > a { font-size: 15px; } } @media (min-width: 1235px) { .container { width: 1200px; padding-left: 0; padding-right: 0; } .navbar-collapse .container { width: calc(1196px + 6px); /* 6px extra because of the border-spacing on navbar-nav */ } .site-header .navbar > .container .navbar-brand { padding-right: 40px; } } /*.show-for-large-up { display: none; }*/ @media (min-width: 1024px) { .show-for-large-up { display: block; } .hide-for-large-up { display: none; } } @media only screen and (max-width: 769px) { .content-area#hidden-in-mobile, .hide-in-mobile { display: none; } .display-in-mobile { display: block; } .googlemapsblock .mapinfo-outside { margin-top: 0; } /* .has-submenu { display:none; }*/ .section-content { margin-top: 0; } } @media only screen and (max-width: 1180px) { .hide-in-tablet { display: none; } } @media (max-width: 1023px) { .newsTicker .show-more:after { position: absolute; font-family: monospace; font-size: 22px; padding-left: 3px; } .newsTicker { padding-top: 20px; } .newsTicker-col { padding-bottom: 5px; margin-top: 5px; height: 165px; } .newsTicker-col h4 { border-bottom: 2px solid #d1d1d1; padding-bottom: 5px; margin-bottom: 5px; text-align: center; } .newsTicker .job-block .icon-users { text-align: center; } .newsTicker-col section { min-height: 150px; position: relative; } .newsTicker .show-more { position: absolute; left: 40%; bottom: -10px; font-weight: bold; font-size: 16px; } .newsTicker .follow-block ul { padding-left: 41%; } .newsTicker .report-block ul { padding-left: 43%; } .newsTicker .calendarBlock ul { padding-left: 30%; } .newsTicker time { font-size: 12px; color: #8E8E8E; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; width: 70px; height: 75px; padding-top: 5px; margin-top: 8px; } .newsTicker .calendarBlock .show-more { left: 43%; bottom: unset; } .newsTicker .job-block .show-more { left: 42%; } .newsTicker .calendarBlock p { margin-bottom: 5px; } .newsTicker .calendarBlock ul { margin: 5px 0px; } .newstickerblock .calendarBlock { margin-top: 5px; } } @media (max-width: 1199px) { .hide-for-large-up { display: block; } .show-for-large-up { display: none; } .teaserBlock.article-listing-item--red, .teaserBlock.article-listing-item--light-pink, .teaserBlock.article-listing-item--gray, .teaserBlock.bgGray { margin-left: -20px; margin-right: -20px; padding: 20px; } .topImageText a { font-weight: bold; } .topMobileBlock li { margin: 5px; padding: 4px; background: transparent; position: relative; z-index: 1; border: 1px solid #696867; height: 10px; -ms-border-radius: 50%; border-radius: 50%; text-indent: -99999px; width: 10px; text-align: left; display: inline; overflow: hidden; list-style: none; float: left; } .topMobileBlock .open li { background: #e13205 !important; border: none; height: 10px; width: 10px; } .instagramblock .show-more { font-weight: bold; font-size: 16px; } .aktienumber span.minus { padding: 0; } .aktienumber span.plus { padding: 0; } .teaserblock a { font-size: 18px; line-height: 1.5em; font-weight: bold; } .teaserblock a:after { position: absolute; font-family: monospace; font-size: 22px; padding-left: 10px; } .mega-menu-sub-heading h2 { margin-bottom: 5px; } .teaserblock.col-lg-4 figure { margin-bottom: 12px; } .teaserblock.col-lg-4 img { margin-bottom: 5px; } .block > teaserblock > col-lg-3 > col-md-3 > col-sm-6 { margin-top: 20px; } .block.containerblock { margin-bottom: 0 !important; } @media only screen and (max-width: 768px) { .block.containerblock.article-block-wide-margin-bottom-mobile { margin-bottom: 30px !important; } } .startInLightbox a { margin-top: 10px; } .companyblockcontainer { margin-left: -10px; margin-right: -10px; } .not-right-mobile { float: left !important; font-weight: bold; } .listBlock li:last-child { border-bottom: solid 2px #d1d1d1; } .stockBlock h3 { border-bottom: solid 2px #d1d1d1 !important; } .documentBlock h3 { border-bottom: 2px solid #d1d1d1; } .subscriptionblock { margin-left: -10px; margin-right: -10px; } .mobile-height { max-height: 150px !important; min-height: 100px !important; } .row .linkblock { margin-bottom: 20px !important; } .stockHeader { margin-bottom: 10px !important; } .stock-block ul { text-align: center; } .heading-containerBlock { margin-bottom: 20px; } .listBlock .teaserLink a { padding-right: 0px; font-size: 20px; font-family: "ICA Rubrik Web Bold", sans-serif; font-weight: 500; line-height: 1.1; padding-bottom: 20px; } .listBlock .date { font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #8e8e8e; margin-bottom: 5px; } /* .block .companycontactpageteaserblock { height: auto; }*/ .block .companycontactpageteaserblock p { margin-bottom: 10px; } .stockBlock .stock-date { font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #8e8e8e; margin-top: 10px; } .filterSearchList .date { font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #8e8e8e; margin-bottom: 5px; } .filterTag { font-weight: bold; font-size: 16px; } .filterTag:last-child { margin-bottom: 0px; } .filterSearchList ul { margin-bottom: 0px; } .filterSearchList .transitionLink { min-height: 100px; } .searchResultTxt h3 { font-size: 20px; margin-bottom: 5px; } .searchResultTxt p { font-size: 16px; margin-bottom: 20px; } .category { color: #E13205; float: left; font-size: 16px; font-weight: bold; line-height: 24px; padding-right: 5px; text-transform: uppercase; } .panel-collapse { padding: 30px 20px 30px; } .textWrap h2:last-child { margin-bottom: -15px; } .tabsblockcontainer .block { margin-top: 0px; } footer { padding-top: 10px; margin-top: 30px; } .search-form .form-control { padding: 7px 12px 5px 45px; } .search-form .icon-search:before { font-weight: bold; font-size: 28px; top: 16px; } @media only screen and (min-width: 1192) { .mobile-subsection-margin { margin-top: 105px; } } .mobile-margin-top { margin-top: 80px; } /* .mobile-margin-top-large { margin-top: 100px; }*/ .mobileContentAreaSmall .articleteaserblock { margin-top: 10px; } .mobileContentAreaSmall .articleteaserblock img { margin-bottom: 0px; } .mobileContentAreaSmall .articleteaserblock .article-teaser-block_content { background: white; padding: 10px 0px; text-align: left; } .mobileContentAreaSmall .articleteaserblock .article-teaser-block_content p { margin-bottom: 0px; } .mobileContentAreaSmall .articleteaserblockcontainer_footer { text-align: center; margin-top: 15px; float: none; } .mobileContentAreaSmall .articleteaserblockcontainer_footer a { line-height: 1.5em; font-weight: bold; font-size: 16px; color: #CF2E05; margin-top: 0px; } } /* Press page */ @media (max-width: 599px) { .pressPage .date { font-size: 1.14em; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #393939; margin-bottom: 5px; } } @media (min-width: 600px) and (max-width: 1028px) { .pressPage .date { font-size: 1.28571em; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #393939; margin-bottom: 5px; } } @media (min-width: 1029px) and (max-width: 1199px) { .pressPage .date { font-size: 1.5em; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #393939; margin-bottom: 5px; } } @media (max-width: 599px) { .teaserblock a { /* 16px/24px*/ line-height: 1.5em; font-weight: bold; font-size: 1.14em; } .teaserblock a:after { position: absolute; font-family: monospace; font-size: 20px; padding-left: 5px; } .teaserblock p { margin-bottom: 5px; } .teaserblock h2 { font-size: 22px; } .company h2 { font-size: 22px; margin: 10px 0px 5px 0px; } .teaserblock .ss-pdf a { font-size: 16px; } .teaserblock h3 { font-size: 22px; } .mobile-separator { width: 100%; height: 4px; background-color: #fbebea; } } @media (min-width: 1025px) { .topVideoContainerInner { height: 100%; } } @media (max-width: 1199px) { .hide-in-extended { display: none; } .mobileContentAreaSmall .article-teaser-block { padding-left: 10px; padding-right: 10px; } .mobileContentAreaSmall .article-teaser-block img { margin-bottom: 10px; } .mobileContentAreaSmall .article-teaser-block p { margin-bottom: 10px; } .topImageBg { min-height: inherit; } .topImageContainerInner { position: inherit; } .linkblock .puff h3 { font-size: 20px; } .accordioncontainerblock .panel-heading { padding: 10px 20px; display: block; } .accordioncontainerblock .panel-heading .icon-plus, .panel-heading.open .icon-close { margin-top: 0px; } .accordioncontainerblock .panel-heading img { margin-bottom: -2px; float: left; } .accordioncontainerblock .panel-heading.open { background: #F9F5F5; margin: 0px -20px; padding: 10px 40px; } .accordioncontainerblock .panel-collapse l1 { font-size: 1.14em; } .accordioncontainerblock .panel-collapse { padding: 30px 20px 1px; margin: 0px -20px; } .topMobileBlock .article-teaser-block .col-sm-5 { width: 50%; float: left; } .topMobileBlock .article-teaser-block .col-sm-5 img { height: 100px; } .topMobileBlock .article-teaser-block .col-sm-7 { width: 50%; float: right; padding-left: 0px; text-align: left; } .topImageText h2 { font-size: 22px; } .topImageBgInner { min-height: inherit; } .extendedTopImageContainer { margin-bottom: 50px; } .slidercontainerblock .topImageContainer { margin-bottom: 50px; } .teaserBlock-text-area-under-no-image a { font-size: 16px; } .animate-block { -webkit-animation-name: fade; -webkit-animation-duration: 1s; animation-name: fade; animation-duration: 1s; } /*om icagruppen*/ .contactpageteaserblock .managementPage { display: block; margin-bottom: 0px; } .contactpageteaserblock .managementPage figure { max-width: 100%; margin: 0px 0px 5px 0px; position: relative; } .contactpageteaserblock .managementPage h3 { margin-bottom: 0px; font-size: 18px; } .contactpageteaserblock .managementPage img { margin-bottom: 5px; } .managementPage-lb .title { font-size: 16px; margin-bottom: 10px; } .managementPage-lb figure { margin-bottom: 5px; } .managementPage-lb .txtRow h3 { margin-bottom: 5px; } .managementPage-lb .txtRow p { margin-bottom: 10px; } /* Edited by Alan */ .containerblock .contactblock .contactpageteaserblock .name { margin-bottom: 5px; font-size: 18px; } .containerblock .contactblock .contactpageteaserblock .title { margin-bottom: 0px; } .containerblock .contactblock .contactpageteaserblock { margin-bottom: 15px; margin-top: 5px; } /*kontakt*/ .googlemapsblock .top-media-area { display: none; } .googlemapsblock .mapinfo-outside { /*margin-top: 80px;*/ } .googlemapsblock .mapinfo-outside .panelLeft { width: 50%; display: inline-block; } .googlemapsblock .mapinfo-outside .panelRight { width: 50%; float: right; display: inline-block; } .companycontactpageteaserblock { /* border: none;*/ padding: 0px; border-bottom: #d9d9d9 solid 1px; margin-bottom: 15px; } .companycontactpageteaserblock h2 { padding: 0px; } .companycontactpageteaserblock h2.company-contact-heading { padding-left: 20px; padding-top: 20px; } .companycontactpageteaserblock .companycontact { padding: 20px; } /*lediga jobb*/ .jobsearchblock .repeat-job-mobile .col-sm-12 { border-bottom: 1px solid #d1d1d1; margin-top: -10px; } .article-listing-item:hover:not(.article-not-linked) { background-color: inherit; outline: none; } .article-listing-item__body { font-weight: 400; float: left; width: 100%; padding: 10px 0px 15px 0px; } .article-listing-item .article-listing-item__img img { margin-bottom: 0; padding: 15px 0px 0px 0px; } .article-listing .block.containerblock figure { padding-bottom: 35px; /*margin-top: -20px; -webkit-margin-after: -20px;*/ } .filterTag-reports { font-weight: bold; font-size: 13px; margin-right: 8px; display: inline-block; } .reportfilterlist figure { display: none; } .reports-upper-area { line-height: 15px; } .filterSearchList .documentList { line-height: 15px; } .filterSearchList .documentList a, .filterSearchList .linkList a { font-size: 13px; font-weight: bold; margin-right: 15px; display: inline-block; } /*ordlista*/ .tabContainerBorder { margin-top: 40px; } .tabContainerBorder .accordioncontainerblock .col-sm-10 { padding-top: 15px; padding-bottom: 15px; } .tabContainerBorder .accordioncontainerblock .col-sm-2 { padding-bottom: 5px; } .tabContainerBorder .prev, .tabContainerBorder .next { top: 7px; color: #CF2E05; background: inherit; } .tabContainerBorder .prev { left: 30px; } .tabContainerBorder .next { right: 30px; } .tabList-heading { text-align: center; color: #CF2E05; } .panel-heading:hover { background: inherit; } .calendarBlock time { width: 70px; height: 75px; padding-top: 5px; } @media (max-width: 1199px) { .calendarBlock p { font-size: 16px; } } .pressPage .content-area { margin-top: 0px !important; } .pressPage .docList { font-size: 10px; font-weight: bold; margin-right: 15px; } .mediaList figure { line-height: 0px; } .mediaList h3 { margin-bottom: 5px; } .mediaList li { margin-bottom: 15px; } .articalePage .video-container { margin: 0px 0px 10px 0px; } .articalePage figure { margin-bottom: 10px; } .transitionLink { padding-bottom: 15px; } .mobileContentAreaSmall .article-teaser-block_content { padding: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; max-height: 100px; -webkit-box-orient: vertical; } .mobileContentAreaSmall .article-teaser-block_content p { margin: 0; } .filterSearchList li, .filterSearchList .transitionLink { min-height: 0px; padding-top: 5px; padding-bottom: 5px; } input[type="checkbox"] + label { cursor: pointer; } .archiveFilter.select { position: relative; margin: 5px 0; } .jobSearchList .row-gutter-medium { margin-bottom: 15px; } .jobSearchList .row-gutter-small { margin-bottom: 0px; } .filterSearchList .search-form .icon-search:before { font-size: 30px; } .search-mobile { padding: 6px 5px 2px 45px; height: 40px; font-size: 14px; width: 100%; font-family: ICA Text Web Regular; } .job-search-apply-container .share-function { margin-top: 60px; } .job-search-apply-container .redBtn { padding: 15px 15px; } .jobSearchPage table.job-search-facts tr td { word-break: break-word; } .mobileContentAreaSmall .articleteaserblockcontainer { margin-bottom: 25px; } .docList { margin: 15px 0px; } .docList a { line-height: 1.5em; font-weight: bold; font-size: 15px !important; } .mobile-dragspel { padding-top: 7px; display: table-cell; vertical-align: middle; width: 70%; } /*rubrik-�ndringar*/ .contactblock h2 { font-size: 22px; } .job-heading-mobile { font-size: 20px !important; } .job-heading-text { font-size: 16px !important; } .accordioncontainerblock h3 { font-size: 22px; } .searchDiv h3, .filterDiv h3 { margin-bottom: 10px; font-size: 20px; } .socialMedia-list a { color: #CF2E05; } .block .companycontactpageteaserblock { margin-top: 20px; } .contactblock h2.mobile-contact-heading { font-size: 26px; margin-bottom: 10px; } .panel-heading { padding: 15px 0px 5px 0px; } .panel-heading.open .icon-close { margin-top: 0px; } body .imagefile img { margin-bottom: 0px !important; } .mobileoverlay { background: #F9F5F5; height: 575px; } .overlay { display: none; } @-webkit-keyframes fade { from { opacity: .4 } to { opacity: 1 } } @keyframes fade { from { opacity: .4 } to { opacity: 1 } } } @media only screen and (max-width: 768px) { .topImageBgInner { height: 200px; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .topImageBgInner { height: 345px; } } @media (max-width: 600px) { /*newsticker-mobile*/ .newsTicker-col h4 { text-align: center; } .newsTicker-col { padding-left: 40px; padding-right: 40px; } .newsTicker .show-more { left: 25%; } .newsTicker .report-block ul { padding-left: 30%; margin-bottom: 25px; } .newsTicker .job-block ul { margin: 5px 0px 17px 0px; } .newsTicker .calendarBlock ul { padding-left: 0%; } .newsTicker .job-block .show-more { left: 30%; } .newsTicker .follow-block ul { padding-left: 30%; } .newsTicker .topMobileBlock ul { padding-left: 17%; } .newsTicker .companyList { width: 150px; } .newsTicker .calendarBlock .show-more { left: 31%; bottom: unset; } .newsTicker .follow-block-item { margin-bottom: 5px; } } @media (min-width: 769px) and (max-width: 1023px) { .companyList { display: none; } .block .calendarBlock { margin-top: 10px; } .newsTicker-col { margin-top: 10px; } } @media (min-width: 769px) and (max-width: 1199px) { .companyList { display: none; } } @media(max-width: 768px) { .filterDiv { margin-bottom: 0px; } .searchDiv { margin-bottom: 10px; } .filterSearchList { margin-bottom: 20px; margin-right: 10px; margin-left: 10px; } .filterSearchList #filterFirstRow input[type="checkbox"]:not([value="all"]) + label { display: none; } .filterSearchList label { margin: 0 6px 6px 0; line-height: 30px; } .filterSearchList label.checked { padding-right: 8px; } .filterSearchList label span { padding: 10px 7px; } .filterSearchList input[type="search"] { padding: 3px 5px 3px 45px; } .archiveFilter select { padding: 7px 10px 7px 10px; } .archiveFilter.select:after { top: 14px; } } @media(min-width: 768px) { #showFilters { display: none; } #hideFilters { display: none; } } @media all and (max-width: 899px) { .companycontactpageteaserblock { border: none; height: auto; border-bottom: #d9d9d9 solid 1px; } .companycontactpageteaserblock h2.company-contact-heading { padding-left: 0; padding-top: 0; } .companycontactpageteaserblock .companycontact { padding: 0; } } /* tabColor */ /* Default action */ .tabTheme0 { border-top: 80px solid #9b3778; } .tabTheme1 { border-top: 80px solid #E13205; border-top: 80px solid rgba(225, 50, 5, .85); } .tabTheme2 { border-top: 80px solid #D8991A; border-top: 80px solid rgba(216, 153, 26, .85); } .tabTheme3 { border-top: 80px solid #EBA93B; border-top: 80px solid rgba(235, 169, 59, .85); } .tabTheme4 { border-top: 80px solid #E16E30; border-top: 80px solid rgba(225, 110, 48, .85); } .tabTheme5 { border-top: 80px solid #DC4E22; border-top: 80px solid rgba(225, 110, 48, .85); } .tabTheme6 { border-top: 80px solid #E16E30; border-top: 80px solid rgba(255, 110, 48, .85); } .tabTheme7 { border-top: 80px solid #A02971; border-top: 80px solid rgba(160, 41, 113, .85); } .tabTheme8 { border-top: 80px solid #6B3250; border-top: 80px solid rgba(107, 50, 80, .85); } .tabTheme9 { border-top: 80px solid #861D43; border-top: 80px solid rgba(134, 29, 67, .85); } .tabTheme10 { border-top: 80px solid #94211E; border-top: 80px solid rgba(148, 33, 30, .85); } .tabTheme11 { border-top: 80px solid #D91463; border-top: 80px solid rgba(217, 20, 99, .85); } .tabTheme12 { border-top: 80px solid #DC438C; border-top: 80px solid rgba(220, 67, 140, .85); } .tabTheme13 { border-top: 80px solid #E282AF; border-top: 80px solid rgba(226, 130, 175, .85); } .tabTheme14 { border-top: 80px solid #3B347F; border-top: 80px solid rgba(59, 52, 127, .85); } .tabTheme15 { border-top: 80px solid #632D7F; border-top: 80px solid rgba(99, 45, 127, .85); } .tabTheme16 { border-top: 80px solid #00ACB3; border-top: 80px solid rgba(0, 172, 179, .85); } .tabTheme17 { border-top: 80px solid #34A1D8; border-top: 80px solid rgba(52, 161, 216, .85); } .tabTheme18 { border-top: 80px solid #F0C100; border-top: 80px solid rgba(240, 193, 0, .85); } .tabTheme19 { border-top: 80px solid #F6D900; border-top: 80px solid rgba(246, 217, 0, .85); } .tabTheme20 { border-top: 80px solid #F6E573; border-top: 80px solid rgba(246, 229, 115, .85); } .tabTheme21 { border-top: 80px solid #D8D400; border-top: 80px solid rgba(216, 212, 0, .85); } .tabTheme22 { border-top: 80px solid #5B6139; border-top: 80px solid rgba(91, 97, 57, .85); } .tabTheme23 { border-top: 80px solid #00913F; border-top: 80px solid rgba(0, 145, 63, .85); } .tabTheme24 { border-top: 80px solid #A4A634; border-top: 80px solid rgba(164, 166, 52, .85); } .tabTheme25 { border-top: 80px solid #8DB72C; border-top: 80px solid rgba(141, 183, 44, .85); } .tabTheme26 { border-top: 80px solid #3F3F40; border-top: 80px solid rgba(63, 63, 64, .85); } .tabTheme27 { border-top: 80px solid #808283; border-top: 80px solid rgba(128, 130, 131, .85); } .tabTheme28 { border-top: 80px solid #BABCBF; border-top: 80px solid rgba(186, 188, 191, .85); } .tabTheme29 { border-top: 80px solid #D5D7DA; border-top: 80px solid rgba(213, 215, 218, .85); } /* backgroundColor for linkBlock and flipBlock */ .colorTheme1, .item.colorTheme1 { background: #E13205; } .colorTheme2, .item.colorTheme2 { background: #D8991A; } .colorTheme3, .item.colorTheme3 { background: #EBA93B; } .colorTheme4, .item.colorTheme4 { background: #E16E30; } .colorTheme5, .item.colorTheme5 { background: #DC4E22; } .colorTheme6, .item.colorTheme6 { background: #E16E30; } .colorTheme7, .item.colorTheme7 { background: #A02971; } .colorTheme8, .item.colorTheme8 { background: #6B3250; } .colorTheme9, .item.colorTheme9 { background: #861D43; } .colorTheme10, .item.colorTheme10 { background: #94211E; } .colorTheme11, .item.colorTheme11 { background: #D91463; } .colorTheme12, .item.colorTheme12 { background: #DC438C; } .colorTheme13, .item.colorTheme13 { background: #E282AF; } .colorTheme14, .item.colorTheme14 { background: #3B347F; } .colorTheme15, .item.colorTheme15 { background: #632D7F; } .colorTheme16, .item.colorTheme16 { background: #00ACB3; } .colorTheme17, .item.colorTheme17 { background: #34A1D8; } .colorTheme18, .item.colorTheme18 { background: #F0C100; } .colorTheme19, .item.colorTheme19 { background: #F6D900; } .colorTheme20, .item.colorTheme20 { background: #F6E573; } .colorTheme21, .item.colorTheme21 { background: #D8D400; } .colorTheme22, .item.colorTheme22 { background: #5B6139; } .colorTheme23, .item.colorTheme23 { background: #00913F; } .colorTheme24, .item.colorTheme24 { background: #A4A634; } .colorTheme25, .item.colorTheme25 { background: #8DB72C; } .colorTheme26, .item.colorTheme26 { background: #3F3F40; } .colorTheme27, .item.colorTheme27 { background: #808283; } .colorTheme28, .item.colorTheme28 { background: #BABCBF; } .colorTheme29, .item.colorTheme29 { background: #D5D7DA; } /* backgroundColor */ .textBgTheme1 { background: #E13205; background: rgba(235, 31, 7, .85); } .textBgTheme2 { background: #D8991A; background: rgba(216, 153, 26, .85); } .textBgTheme3 { background: #EBA93B; background: rgba(235, 169, 59, .85); } .textBgTheme4 { background: #E16E30; background: rgba(225, 110, 48, .85); } .textBgTheme5 { background: #DC4E22; background: rgba(220, 78, 34, .85); } .textBgTheme6 { background: #E16E30; background: rgba(255, 110, 48, .85); } .textBgTheme7 { background: #A02971; background: rgba(160, 41, 113, .85); } .textBgTheme8 { background: #6B3250; background: rgba(107, 50, 80, .85); } .textBgTheme9 { background: #861D43; background: rgba(134, 29, 67, .85); } .textBgTheme10 { background: #94211E; background: rgba(148, 33, 30, .85); } .textBgTheme11 { background: #D91463; background: rgba(217, 20, 99, .85); } .textBgTheme12 { background: #DC438C; background: rgba(220, 67, 140, .85); } .textBgTheme13 { background: #E282AF; background: rgba(226, 130, 175, .85); } .textBgTheme14 { background: #3B347F; background: rgba(59, 52, 127, .85); } .textBgTheme15 { background: #632D7F; background: rgba(99, 45, 127, .85); } .textBgTheme16 { background: #00ACB3; background: rgba(0, 172, 179, .85); } .textBgTheme17 { background: #34A1D8; background: rgba(52, 161, 216, .85); } .textBgTheme18 { background: #F0C100; background: rgba(240, 193, 0, .85); } .textBgTheme19 { background: #F6D900; background: rgba(246, 217, 0, .85); } .textBgTheme20 { background: #F6E573; background: rgba(246, 229, 115, .85); } .textBgTheme21 { background: #D8D400; background: rgba(216, 212, 0, .85); } .textBgTheme22 { background: #5B6139; background: rgba(91, 97, 57, .85); } .textBgTheme23 { background: #00913F; background: rgba(0, 145, 63, .85); } .textBgTheme24 { background: #A4A634; background: rgba(164, 166, 52, .85); } .textBgTheme25 { background: #8DB72C; background: rgba(141, 183, 44, .85); } .textBgTheme26 { background: #3F3F40; background: rgba(63, 63, 64, .85); } .textBgTheme27 { background: #808283; background: rgba(128, 130, 131, .85); } .textBgTheme28 { background: #BABCBF; background: rgba(186, 188, 191, .85); } .textBgTheme29 { background: #D5D7DA; background: rgba(213, 215, 218, .85); } .textBgTheme30 { background: #ffffff; background: rgba(255, 255, 255, .85); } /* CompanyBlock */ .companyTheme1 { background: #E13205; } .companyTheme2 { background: #FCECE7; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); opacity: 1; } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); opacity: 1; } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 60% { opacity:1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @media print { /* Hide for Print */ #epi-quickNavigator { display: none !important; } header.site-header { display: none; } div.slidercontainerblock { display: none; } div#subMenu { display: none; } div#anchorMenu { display: none; } footer.site-footer { display: none; } div.cookieInfo { display: none; } span.ss-delete { display: none; } span.ss-mail { display: none; } span.ss-print { display: none; } /* When Modal is open, hide every div under body, so not cluttered with modal content */ #body.modal-open > div { display: none; } #body.modal-open div.modal .job-search-apply-container { display: none; } #body.modal-open div.modal .job-search-modal-button-container { display: none; } #body.modal-open footer { display: none; } /* Show for Print */ #body.modal-open div.modal { display: block; height: 100%; overflow: visible; position: static; } #body.modal-open div.modal div { display: block; overflow: visible; } #body.modal-open { overflow: visible; } #body.modal-open header.print-header { display: block; } #body.modal-open header.print-header div { display: block; } header.print-header { display: block; } footer.print-footer { display: block; /*This is hidden when modal is open*/ } #body.modal-open div.modal footer.print-footer { display: block; /* Print footer in modal visible when modal is opened */ } a:link:after { content: '' !important; } #body.modal-open div.modal .job-search-preview-container { display: block; position: relative; page-break-before: always; -webkit-break-before: always; break-before: always; } /* Adjust for Print */ @page { size: auto; margin: 25mm 25mm 25mm 25mm; } body { margin: 0; } body * { border: none; outline: none; } footer.print-footer div.print-col { float: left; padding: 5mm; font-size: 75%; } #body.modal-open div.modal footer.print-footer div.print-col { float: left; padding: 2mm; font-size: 75%; } #body.modal-open div.modal footer.print-footer div.print-col p { margin-bottom: 0; } hr { display: block; height: 1px; background: transparent; width: 100%; border: none; border-top: solid 1px #aaa; } h2 { font-size: 24px !important; } p.preamble { font-size: 17px !important; } .main-body p { font-size: 13px !important; } } .box-wrapper { width: 95%; overflow-x: hidden; overflow-y: hidden; position: relative; padding: 20px; float: left; margin-left: 25px; } .timeline-wrapper { } .timeline-border { border-bottom: 1px solid #c2c2c2; } .box-wrapper-upper, .box-wrapper-lower { display: block; position: relative; } .box-container { position: relative; float: left; } .box-wrapper-container { margin-left: 10px; margin-right: 10px; } .box-wrapper-upper { margin-bottom: 20px; } .box-wrapper-lower { margin-top: 20px; } .box-wrapper-lower { margin-left: 120px; } .box-wrapper-timeline { height: 10px; background: #d5d7da; margin: 10px; } .box-wrapper-timeline:before { height: 20px; width: 20px; display: block; position: relative; content: ''; background: #d5d7da; border-radius: 20px; top: -50%; left: -10px; } .box-wrapper-timeline:after { height: 20px; width: 20px; display: block; position: relative; content: ''; background: #d5d7da; border-radius: 20px; top: -250%; right: -9px; float: right; } .box-item { margin-left: 40px; display: inline-block; vertical-align: bottom; } .box-item-heading { text-align: center; position: relative; min-height: 20px; font-weight: bold; margin-top: 10px; margin-bottom: 0px; } div > .box-item-heading:first-child { margin-top: 0px; margin-bottom: 10px; } .box-wrapper-upper > .box-item > .box-item-heading:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 0, 255, 0); border-bottom-color: #d5d7da; border-width: 10px; margin-left: -10px; } .box-wrapper-lower > .box-item > .box-item-heading:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 0, 255, 0); border-top-color: #d5d7da; border-width: 10px; margin-left: -10px; } .box-item-card { max-height: 280px; max-width: 280px; min-height: 280px; min-width: 280px; overflow: hidden; } .box-item-card:first-child { margin-left: 0px; } .box-item.box-item__empty { visibility: hidden; } .timeline-button { width: 40px; height: 40px; top: 380px; position: absolute; z-index: 2; } @media only screen and (max-width: 1200px) { .timeline-button { top: 378px; } } .timeline-button.ss-navigateright:before, .timeline-button.ss-navigateleft:before { color: #E13205; font-size: 48px; left: -14px; top: -9px; position: relative; } .timeline-button.ss-navigateleft:before { left: -2px; } .timeline-button:hover { cursor: pointer; } .timeline-button--left { left: 0; } .timeline-button--right { right: 0; } /* Mobile */ .box-wrapper-mobile { overflow-y: hidden; position: relative; padding: 0; } .box-wrapper-mobile .box-container { position: relative; } .box-wrapper-mobile .box-wrapper-timeline { height: 10px; background: #d5d7da; } .box-wrapper-mobile .box-wrapper-timeline:before { height: 20px; width: 20px; display: block; position: relative; content: ''; background: #d5d7da; border-radius: 20px; top: -50%; left: -10px; } .box-wrapper-mobile .box-wrapper-timeline:after { height: 20px; width: 20px; display: block; position: relative; content: ''; background: #d5d7da; border-radius: 20px; top: -250%; right: -10px; float: right; } .box-wrapper-mobile .box-item { margin: 0 10vw 0 10vw; margin-top: 0px; float: left; } .box-wrapper-mobile .box-item:first-child { margin-left: 0px; } .box-wrapper-mobile .box-item-heading { text-align: center; position: relative; } .box-wrapper-mobile .box-item > .box-item-heading:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 0, 255, 0); border-top-color: #d5d7da; border-width: 10px; margin-left: -10px; } .box-wrapper-mobile .box-item-card { max-height: 320px; max-width: 80vw; min-width: 80vw; overflow: hidden; } @media only screen and (min-width : 830px) { .box-wrapper-mobile .box-item-card { max-width: 66vw; min-width: 66vw; } } .box-wrapper-mobile .box-item-card:first-child { margin-left: 0px; } .box-wrapper-mobile .box-item.box-item__empty { visibility: hidden; } .box-wrapper-mobile .box-item-container { margin-top: 20px; margin-left: 6vw; } .small-only { display: none; } .timeline-wrapper-mobile .puff { background-size: contain; } .timeline-wrapper-mobile .timeline-button-wrapper { clear: both; height: 45px; padding-top: 5px; } .timeline-wrapper-mobile .timeline-button { width: 35px; height: 35px; margin-top: 0%; position: static; background: url("/EmbeddedResources/ICA.Corp.Report.V01/ICA.Corp.Report.V01.Static.V01.img.Pilar-02.svg") no-repeat; } .timeline-wrapper-mobile .timeline-button.timeline-button--left { float: left; margin-left: 10vw; transform: rotateZ(180deg); } .timeline-wrapper-mobile .timeline-button.timeline-button--right { float: right; margin-right: 10vw; } @media only screen and (max-width: 768px) { .small-only { display: block; } .large-only { display: none; } } div.overlayImage[class*=textBgTheme] { position: absolute; left: 0; right: 0; padding: 10px 20px; bottom: 0; margin-left: 0; margin-right: 0; height: 60%; } .openIn-lightbox { width: 0; height: 0; border-left: 80px solid transparent; display: block; position: absolute; right: 0; top: 0; z-index: 1; } .openIn-lightbox + .ss-plus { color: #ffffff; position: absolute; line-height: 32px; right: 6px; top: 10px; font-size: 1.5em; z-index: 2; } .timeline .puff { padding: 20px; position: relative; height: 280px; line-height: 220px; text-align: center; overflow: hidden; background-repeat: no-repeat; background-size: cover; } .timeline .puff:hover .hoverOverlay { visibility: visible; /* Flipp hoverexample */ } .timeline .puff .overlayImage { display: inline-block; vertical-align: middle; line-height: normal; position: absolute; left: 50%; margin-left: 0; margin-right: 0; left: 0; padding: 10px 20px; width: 100%; } .timeline .puff.background-image .overlayImage { bottom: 0; height: 60%; } .timeline .puff.background-image .overlayImage div { position: relative; width: 100%; margin: 0; top: 50%; left: 50%; margin-right: -50%; text-align: center; transform: translate(-50%, -50%); } .timeline .puff.no-background .overlayImage { margin: 0; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .timeline .puff.background-image .overlayImage div { margin: 0; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .timeline .puff .overlayImage > * { text-align: left; } .timeline .puff.no-background .overlayImage > * { text-align: center; } .timeline .puff h3, .timeline .puff p { color: #393939; display: block; font-family: 'ICA Text Web Regular'; font-size: 16px; line-height: 1.2em; position: relative; z-index: 1; text-align: inherit !important; margin-bottom: 5px; } .timeline .puff.whiteTxt h3, .puff.whiteTxt p { color: #ffffff; } .timeline .puff.whiteTxt .textBgTheme30 h3, .timeline .puff.whiteTxt .textBgTheme30 p { color: #393939; } .timeline .puff h3 { font-weight: bold; font-size: 20px; } .timeline .puff .icon { line-height: 0; margin-bottom: 20px; text-align: center; } .timeline .puff img { max-width: 100px; } /* linkBlock */ .linkblock a:hover { text-decoration: none; } /* .block { margin-top: 50px; } */ .block.linkblock { margin-top: 60px; } .block.slidercontainerblock, .block.standardslideblock, .block.starttopblock, /*jfkldsfsj*/ .block.mediaroomslideblock, .block.accordionblock, .block.accordionblock .block, .block.contactpageteaserblock, .block.googlemapsblock, .block.companycontactpageteaserblock, .block.categoryteaserblock { margin-top: 0; } .block.containerblock { margin-top: 0; margin-bottom: 50px; } .block.slidercontainerblock, .block.starttopblock, /*jfkldsfsj*/ .block.standardslideblock, .block.mediaroomslideblock { float: none; padding-left: 0; padding-right: 0; } .block.slidercontainerblock { /* height: 588px; /*danhan */ padding-bottom: 60px; } @media only screen and (max-width: 767px) { .block.slidercontainerblock { padding-bottom: 0px; } } .startpage-top-content-area .block.slidercontainerblock { /*height: 588px;*/ /*danhan */ padding-bottom: 0px; } .block.containerblock { position: static; } .bgGray { background: #F9F5F5; } .bgWhite { background: #ffffff; } /* containerBlock */ .containerblock .overlay + .row .linkblock:nth-child(1), .containerblock .overlay + .row .linkblock:nth-child(2), .containerblock .overlay + .row .linkblock:nth-child(3) { margin-bottom: 50px; } .overlay { position: absolute; background: #F9F5F5; width: 100%; left: 0; height: 400px; z-index: -2; } .hoverOverlay { visibility: hidden; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #000000; background: rgba(0,0,0,0.3); -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; z-index: 2; } .timeline-wrapper .textBgTheme1 { background: #E13205; background: rgba(235, 31, 7, 1); } .timeline-wrapper .textBgTheme2 { background: #D8991A; background: rgba(216, 153, 26, 1); } .timeline-wrapper .textBgTheme3 { background: #EBA93B; background: rgba(235, 169, 59, 1); } .timeline-wrapper .textBgTheme4 { background: #E16E30; background: rgba(225, 110, 48, 1); } .timeline-wrapper .textBgTheme5 { background: #DC4E22; background: rgba(220, 78, 34, 1); } .timeline-wrapper .textBgTheme6 { background: #E16E30; background: rgba(255, 110, 48, 1); } .timeline-wrapper .textBgTheme7 { background: #A02971; background: rgba(160, 41, 113, 1); } .timeline-wrapper .textBgTheme8 { background: #6B3250; background: rgba(107, 50, 80, 1); } .timeline-wrapper .textBgTheme9 { background: #861D43; background: rgba(134, 29, 67, 1); } .timeline-wrapper .textBgTheme10 { background: #94211E; background: rgba(148, 33, 30, 1); } .timeline-wrapper .textBgTheme11 { background: #D91463; background: rgba(217, 20, 99, 1); } .timeline-wrapper .textBgTheme12 { background: #DC438C; background: rgba(220, 67, 140, 1); } .timeline-wrapper .textBgTheme13 { background: #E282AF; background: rgba(226, 130, 175, 1); } .timeline-wrapper .textBgTheme14 { background: #3B347F; background: rgba(59, 52, 127, 1); } .timeline-wrapper .textBgTheme15 { background: #632D7F; background: rgba(99, 45, 127, 1); } .timeline-wrapper .textBgTheme16 { background: #00ACB3; background: rgba(0, 172, 179, 1); } .timeline-wrapper .textBgTheme17 { background: #34A1D8; background: rgba(52, 161, 216, 1); } .timeline-wrapper .textBgTheme18 { background: #F0C100; background: rgba(240, 193, 0, 1); } .timeline-wrapper .textBgTheme19 { background: #F6D900; background: rgba(246, 217, 0, 1); } .timeline-wrapper .textBgTheme20 { background: #F6E573; background: rgba(246, 229, 115, 1); } .timeline-wrapper .textBgTheme21 { background: #D8D400; background: rgba(216, 212, 0, 1); } .timeline-wrapper .textBgTheme22 { background: #5B6139; background: rgba(91, 97, 57, 1); } .timeline-wrapper .textBgTheme23 { background: #00913F; background: rgba(0, 145, 63, 1); } .timeline-wrapper .textBgTheme24 { background: #A4A634; background: rgba(164, 166, 52, 1); } .timeline-wrapper .textBgTheme25 { background: #8DB72C; background: rgba(141, 183, 44, 1); } .timeline-wrapper .textBgTheme26 { background: #3F3F40; background: rgba(63, 63, 64, 1); } .timeline-wrapper .textBgTheme27 { background: #808283; background: rgba(128, 130, 131, 1); } .timeline-wrapper .textBgTheme28 { background: #BABCBF; background: rgba(186, 188, 191, 1); } .timeline-wrapper .textBgTheme29 { background: #D5D7DA; background: rgba(213, 215, 218, 1); } .timeline-wrapper .textBgTheme30 { background: #ffffff; background: rgba(255, 255, 255, 1); } .pointer{ cursor: pointer; } /* Bootstrap -md */ @media (max-width: 1199px) { body .main-navigation-col { margin-right: -485px; } body .tagTxt { margin-left: 14px; font-size: 19px; } } /* Bootstrap -sm */ @media (max-width: 991px) { /* Nullify left/right margin for full-width Blocks in this view port */ /* sm-12 goes full width in sm (<=991) */ body .block.col-sm-12.block-margin-left-xxsmall, body .block.col-sm-12.block-margin-left-xsmall, body .block.col-sm-12.block-margin-left-small, body .block.col-sm-12.block-margin-left-medium, body .block.col-sm-12.block-margin-left-large, body .block.col-sm-12.block-margin-left-xlarge { padding-left: 15px; } body .block.col-sm-12.block-margin-right-xxsmall, body .block.col-sm-12.block-margin-right-xsmall, body .block.col-sm-12.block-margin-right-small, body .block.col-sm-12.block-margin-right-medium, body .block.col-sm-12.block-margin-right-large, body .block.col-sm-12.block-margin-right-xlarge { padding-right: 15px; } /* Header */ body .sticky-header-header { height: auto; padding-top: 25px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } body .ica-logo { position: static; } body header .global-menu .ss-globe, .global-menu .btn-group .search-icon-container { margin: 0; border: none; padding: 0; } body header.visible-xs.visible-sm .global-search-menu-container { margin-left: 10px; } body .block img { margin-bottom: 15px; } body .block.contactblockv01 img { margin-bottom:0; } /* Generalblock */ body .block.col-md-12 .img-column, body .tabcontainerblockv01 { padding-left: 15px !important; padding-right: 15px !important; } body .generalblockv01.col-md-12 .img-column img { margin-bottom:15px; } /* Coverpage */ body .cover-page-container-content-container { left: 20px; width: 90%; top: 600px; } body .cover-page-container-content-container h1 { font-size: 33px; } body .cover-page-container .back-cover { top: 630px; } /* Footer */ body footer .col-md-2 { padding-bottom: 30px; } body footer .col-md-2:nth-child(4) { clear: both; } /* Factblock */ .factblock-item .factblock-text { font-size:.875em; } } /* Bootstrap -xs */ @media (max-width: 767px) { h2 { /* Article level header */ font-size: 26px; line-height:30px; } h3 { /* Block level header */ font-size: 24px; } h3.name { font-size: 24px; } /* Nullify left/right margin for full-width Blocks in this view port */ /* sm-6 goes full width in xs (<=767) */ body .block.col-sm-6.block-margin-left-xxsmall, body .block.col-sm-6.block-margin-left-xsmall, body .block.col-sm-6.block-margin-left-small, body .block.col-sm-6.block-margin-left-medium, body .block.col-sm-6.block-margin-left-large, body .block.col-sm-6.block-margin-left-xlarge { padding-left: 15px; } body .block.col-sm-6.block-margin-right-xxsmall, body .block.col-sm-6.block-margin-right-xsmall, body .block.col-sm-6.block-margin-right-small, body .block.col-sm-6.block-margin-right-medium, body .block.col-sm-6.block-margin-right-large, body .block.col-sm-6.block-margin-right-xlarge { padding-right: 15px; } body .cover-page-container-xs { margin-top: 50px; } /* Typography */ p.teaser-text { font-size: 21px; } .cover-page-container-content-container-xs h1 { font-family: "ICA Text Web Regular"; font-size: 26px; color: #E13205; } .cover-page-container-content-container-xs p { font-size: 18px; line-height: 29px; } /* Factblock -xs styles */ .factblock-item-inner { padding: 15px; margin: 0 0 1px 0; } .factblock-item .factblock-heading { font-size: .875em; } .factblock-item .factblock-text { font-size: .75em; } /* Footer */ body footer .col-md-2 { padding-bottom: 15px; } /* TabContainerBlock */ .tabs-container-border .pagination { padding: 0 5px; } .tabs-container-border .pagination.tab-name-pagination li { font-size:0.72em; } body .global-search-container .dropdown-menu li.global-search-pagination span { font-size:10px; } } @media (max-width: 320px) { footer .pull-left, footer .pull-right { float: none !important; } } @media (min-width: 768px) { /* Factblock */ .factblock-row { margin:0 -1px; } } @media (min-width: 991px) { /* Factblock -md styles */ .factblock-row { margin:0 -1px; } } @media (min-width:992px) and (max-width:1199px) { body .main-navigation-col { width: 263px; margin-right: -478px; } body .main-navigation-col .main-navigation h2 { font-size: 16px; } body .main-navigation-col .main-navigation li { font-size: 0.85em; } #print-dialog .print-dialog-modal { width: 900px; margin-left: -473px; } } @media (min-width: 1200px) { body .container.main-navigation-is-open { width: 1280px; } body .container.main-navigation-is-open .main-content-col { width: 940px; } } /* lightbox styling */ .modal-dialog { width: auto; margin: 0 50px; } .modal-content { -ms-border-radius: 0 !important; border-radius: 0 !important; border: none !important; margin-top: 67px; } .modal-content .customH2 { padding-left:50px; } .modal-dialog .container { width: auto; margin: 45px 30px 140px; padding-left: 10px; padding-right: 10px; } .modal-dialog p { margin-bottom: 40px; } .modal-dialog aside p { margin-bottom: 15px; } .modal-dialog .articalePage .content-area .lhb-quote { margin-left: -60px; } .modal-dialog .jobSearchPage .content-area .lhb-quote { margin-left: -60px; } .modal-dialog aside ul.docList a { font-size: 16px; } .modal-content p.teaser-text.article-teaser-text { margin-bottom: -10px; margin-left: 50px; } .modal-content .row { margin-right: 0; margin-left: 0; } /*[lightbox-sticky-top]*/ .lb-stickyTop { position: relative; top: 0; margin-top: 0; } /*[lightbox-sticky-container]*/ .lb-stickyContainer { display: block; width: 100%; height: 0; z-index: 0; max-width: 1036px; } /*[lightbox-sticky-container][lightbox-sticky-top]*/ .lb-stickyContainer.lb-stickyTop { position: relative; z-index: 10; } .lb-content { position: relative; } #modal-close { cursor: pointer; position: absolute; right: 0; top: 0; margin: 5px -40px 0 0; } #modal-close .ss-delete { color: #ffffff; line-height: 1.66em; } span.ss-delete { display: inline-block; } @media all and (min-width: 1156px) { /* Lightbox */ .modal-dialog { width: 1036px; /*min-width - 120px*/ margin: 0 auto 30px; } #modal-close{ font-size: 1.642em; line-height: 1.66em; } } @media all and (max-width: 768px) { /* lightbox */ .modal-dialog, .modal-dialog .container { margin-left: 0; margin-right: 0; padding: 0; } .modal-content { margin-top: -20px; } .modal-content .share-function{ padding-bottom: 150px; } #modal-close { right: 5px; top: 5px; margin-right: 0; font-size: 45px; } #modal-close .ss-delete { color: #393939; } .global-search-form #globalSearch { padding-left: 60px; } .global-search-form .icon-search { left: 5px; } } @media all and (max-width: 767px) { /* Lightbox */ [lightbox-sticky-top] { position: static; } [lightbox-sticky-top] + .content-area { margin-top: 50px; } } @media (max-width: 1028px) and (min-width: 600px){ #modal-close{ font-size: 1.28571em; line-height: 1.55em; } } @media (max-width: 1199px) and (min-width: 1029px){ #modal-close{ font-size: 1.642em; line-height: 1.66em; } } .articleH2{ padding-left:50px; } .share-function-padding{ padding-bottom: 125px; padding-right:25px; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCustomScrollBox.mCS-ica-scroll { padding-bottom: 40px; } .mCS-ica-scroll .mCSB_scrollTools { height: 40px; background: #dddddd; opacity: 1; } @media only screen and (max-width: 768px) { .mCS-ica-scroll .mCSB_scrollTools { display: none; } } .mCS-ica-scroll .mCS-ica-scroll .mCSB_draggerRail { background: #888888; margin: 0; margin-top: 20px; } .mCS-ica-scroll .mCSB_scrollTools .mCSB_draggerContainer { margin: 0 auto; width: 40%; } .mCS-ica-scroll .mCSB_dragger { width: 18% !important; } @media only screen and (max-width: 768px) { .mCS-ica-scroll .mCSB_dragger { min-width: 50% !important; } } .mCS-ica-scroll .mCSB_dragger .mCSB_draggeronDrag { background: #9e2a73; } .mCS-ica-scroll .mCSB_dragger .mCSB_dragger_bar { height: 85% !important; width: 100% !important; background: #E13205; margin: 0 !important; top: 50%; transform: translateY(-50%); } .mCS-ica-scroll .mCSB_dragger .mCSB_dragger_bar:hover { background: #CF2E05; } .mCS-ica-scroll .mCSB_dragger .mCSB_dragger_bar:before { content: ""; background: url("/EmbeddedResources/ICA.Corp.Report.V01/ICA.Corp.Report.V01.Static.V01.img.arrow-white.svg") no-repeat; height: 15px; width: 20px; left: 0; position: absolute; top: 50%; transform: translateY(-50%) rotateZ(180deg); font-size: 40px; } .mCS-ica-scroll .mCSB_dragger .mCSB_dragger_bar:after { content: ""; background: url("/EmbeddedResources/ICA.Corp.Report.V01/ICA.Corp.Report.V01.Static.V01.img.arrow-white.svg") no-repeat; height: 15px; width: 20px; right: 0; color: white; position: absolute; top: 50%; transform: translateY(-50%); font-size: 40px; } :root { --small-unit: 10px; --medium-unit: 20px; --large-unit: 40px; --extralarge-unit: 80px; } :root { /* Greyscale */ --black: rgb(0, 0, 0); --white: rgb(255, 255, 255); --grey-dark: rgb(58, 58, 58); --grey-mid: rgb(134, 134, 134); --grey-special: rgb(237, 237, 237); --grey-light: rgb(189, 187, 185); --grey-special-dark: rgb(98, 98, 98); /* Yellow */ --yellow-mid: rgb(255, 230, 0); --yellow-special: rgb(253, 244, 190); /* Orange*/ --orange-dark: rgb(232, 76, 5); --orange-mid: rgb(243, 145, 0); --orange-special: rgb(253, 236, 212); --orange-lightest: rgb(254, 247, 243); /* Brown */ --brown-dark: rgb(89, 61, 50); --brown-lightest: rgb(249, 245, 245); /* Red */ --red: var(--red-mid); --red-mid: rgb(227, 0, 11); --red-dark: rgb(155, 6, 0); --primary-cta: rgb(225, 50, 5); --secondary-cta: rgb(207, 46, 5); --pink-light: rgb(240, 136, 182); --red-special: rgb(252, 236, 231); /* Pink */ --pink-dark: rgb(162, 35, 87); --pink-special: rgb(255, 231, 242); /* Purple */ --purple-dark: rgb(101, 32, 130); --purple-special: rgb(241, 228, 247); /* Blue */ --blue-dark: rgb(16, 64, 139); --blue-special: rgb(200, 229, 247); /* Green */ --green-dark: rgb(47, 97, 71); --green-mid: rgb(0, 151, 56); --green-special: rgb(228, 239, 198); --limegreen-dark: rgba(80, 108, 55, 1); --upload-green-bg: rgba(245, 250, 244, 1); /* Turquoise */ --turquoise-dark: rgb(23, 100, 115); --turquoise-special: rgb(212, 236, 232); } :root { --screen-small: 375px; --screen-medium: 768px; --screen-large: 1024px; --screen-extralarge: 1440px; } .navbar-nav.subsite > li > a { color: var(--color-brand-grey-dark, #3a3a3a); text-align: center; /* Typography/Topnav Tab/Default */ font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ } .subsite-navbar { display: flex; width: 1232px; justify-content: space-between; align-items: center; flex-shrink: 0; } .navbar-nav-subsite > .subsite-navitem > a, .navbar-nav-subsite > li.subsite-navitem > a { color: var(--color-brand-grey-dark, #3a3a3a); text-align: center; /* Typography/Topnav Tab/Default */ font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ } ul.navbar-nav-subsite.subsite > .subsite-navitem.dropdown.selected > a, .navbar-nav-subsite.subsite.selected > .subsite-navitem > a { color: var(--color-states-active, #9b0600); } li.subsite-navitem.dropdown { margin-bottom: 0; } .navbar-nav-subsite.subsite, ul.navbar-nav-subsite.subsite { display: flex; justify-content: center; align-items: center; gap: var(--spacing-small, 16px); } /*ul.navbar-nav-subsite.subsite{ margin-bottom:0; }*/ .navbar-nav-subsite { display: flex; /* width: 1232px;*/ justify-content: space-between; align-items: center; flex-shrink: 0; } /*.container-subsite-header { display: flex; width: 1440px; height: 64px; padding: 0px var(--spacing-10-x-large, 104px); justify-content: space-between; align-items: center; flex-shrink: 0; }*/ /*.container.subsite-header { width: 1440px; }*/ .subsite-header-container { width: 100%; height: 100%; padding-left: 20px; padding-right: 20px; background: white; justify-content: space-between; align-items: center; /*display: inline-flex;*/ } .subsite-header-contents { height: 50px; justify-content: space-between; align-items: center; display: flex; } .subsite-header-left-content { justify-content: center; align-items: center; gap: 16px; display: flex; } .subsite-header-logo-container { padding-top: 8px; padding-bottom: 12px; padding-right: 21px; justify-content: flex-start; align-items: center; display: flex; } .subsite-header-logo { width: 60px; height: 30px; justify-content: center; align-items: center; display: inline-flex; } .subsite-logo { width: 60px; height: 30px; } .subsite-header-links { justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex; } .subsite-header-link { flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; display: inline-flex; } .subsite-header-right-content { justify-content: flex-end; align-items: center; gap: 8px; display: flex; } .subsite-navitem a::after { background-image: url(/Static/img/subsite-footer-arrow-down.svg); background-repeat: no-repeat; } .subsite-header-toggle { float: right; width: 26px; height: 20px; padding-top: 6.88px; padding-bottom: 6.25px; padding-left: 3.75px; padding-right: 3.75px; justify-content: center; align-items: center; display: flex; } .subsite-toplink { float: left; } .subsite-header-toggle-logo { width: 18px; height: 15px; background-image: url(/Static/img/AngleDown.svg); background-repeat: no-repeat; } .subsite-header-active-link-line { align-self: stretch; height: 2px; } a.subsite-toplink.active.toplink:hover { color: purple; } .subsite-header-dropdown-container { width: 100%; height: 100%; padding-left: 16px; padding-right: 16px; padding-top: 24px; padding-bottom: 24px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex; } .subsite-header-menu-header-dropdown { align-self: stretch; height: 45px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; display: flex; } .subsite-header-menu-header { padding-top: 8px; padding-bottom: 8px; padding-left: 16px; padding-right: 80px; background: white; border-radius: 16px; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex; } .subsite-header-drowdown-text { text-align: justify; color: #3a3a3a; font-size: 23px; font-weight: 700; line-height: 24px; word-wrap: break-word; } .subsite-header-child-container { align-self: stretch; height: 40px; border-radius: 16px; overflow: hidden; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } .subsite-header-child { align-self: stretch; height: 40px; padding-top: 8px; padding-bottom: 8px; padding-left: 16px; padding-right: 8px; /*background: #FCECE7;*/ border-radius: 4px; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } .subsite-header-child:hover { background: #fcece7; } .subsite-header-child-placement { align-self: stretch; justify-content: flex-start; align-items: center; /*gap: 16px;*/ display: inline-flex; } .navbar-nav-subsite.subsite a, .subsite-navitem.dropdown.selected a { text-decoration: none; } .navbar-nav-subsite.subsite:hover { border-bottom: 1px solid #9b0600; } .subsite-navitem.dropdown.selected:active { border-bottom: 1px solid #9b0600; } .subsite-header-grandchild-container { align-self: stretch; /* height: 40px;*/ background: white; border-radius: 16px; overflow: hidden; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: none; } .subsite-header-grandchild { align-self: stretch; height: 40px; padding-top: 8px; padding-bottom: 8px; padding-left: 32px; padding-right: 8px; border-radius: 4px; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } .subsite-header-grandchild-placement { align-self: stretch; justify-content: space-between; align-items: center; display: inline-flex; } .subsite-header-grandchild-link { flex: 1 1 0; color: #3a3a3a; font-size: 16px; font-weight: 400; line-height: 24px; word-wrap: break-word; } .subsite-global-menu { display: flex; justify-content: center; gap: var(--spacing-2-x-small, 8px); margin-top: 5px; } a .search-icon-hover:focus { background-color: none; } /*.subsite-header-hide-in-small { display: contents; }*/ @media only screen and (max-width: 1023px) { .subsite-header-hide-in-small { display: none; } } @media only screen and (min-width: 769) and (max-width: 1025px) { .subsite-header-hide-in-small { display: none; } /*.container.subsite-header { width: 1024px; }*/ } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: transparent; min-width: 160px; z-index: 1; right: -100px; top: 24px; gap: 10px; } .dropdown:hover .dropdown-content { display: block; } /* After SCSS implementation */ .navbar-header { display: flex; align-items: flex-end; } @media only screen and (max-width: 993px) { .report-page-header .navbar-header { margin-top: 28px; } } .navbar-header__logo { width: 57px; height: 50px; position: relative; top: 10px; fill: var(--red); padding-right: var(--large-unit); box-sizing: content-box; } /* Old mega-menu fixes, note different on Gruppen vs Report */ .mega-menu-wrapper { font-size: 16px; } .mega-menu-left-block .block.teaserblock { margin-top: 20px !important; } .body__header .mega-menu-left-block .block.teaserblock { margin-top: 0px !important; } .body__header .mega-menu-center-block > ul:first-child { margin-top: 8px; } .body__header .mega-menu-right-block > div:first-child { margin-top: -35px; } .body__header .mega-menu-right-block .mega-menu-sub-heading { margin-bottom: 16px; } /* To push down content to not be covered by header's larger size */ .print-header.display-none { min-height: 77px; visibility: hidden; } .display-none { display: none; } /* @media only screen and (min-width: 770px) { .print-header.display-none { min-height: 120px; } } */ .navbar.navbar-default { margin-bottom: 0; } /* Other */ a, span.show-more { font-family: 'ICA Text Web Regular', sans-serif; } .accept-cookies_buttons-approve { padding: 0.8em 2em; } .site-header .navbar-default { background-color: #ffffff; padding-bottom: 5px; } .container.breadcrumbs.hide-in-mobile { background-color: #ffffff; } @media only screen and (max-width: 1199px) { .tabContainerBorder { margin-top: 0px; } } /* Less space under heading on /hallbarhet. Adjusted again because articles under pressmeddelandearkiv had heading covered by image */ .row.space-under-breadcrumb:has(.section-h2) + .row .containerblock .teaserblock { margin-top: 0 !important; } .row.space-under-breadcrumb h2 + .preamble { margin-top: 40px; } h2.pressPage.heading { margin-bottom: 20px !important; } /* Fixes for icagruppen.se/kontakt/ */ .mapImageText.mapinfo-outside { margin-bottom: 1rem; } .contactList .icon-contact { margin-right: 0; } .companycontactBlock h2.company-contact-heading, .companycontactBlock .companycontact { padding-left: 0; padding-top: 0; padding-bottom: 0; } @media only screen and (max-width: 1199px) { .contactblock h3.name { margin-bottom: 5px; font-size: 18px; } .contactblock .contactpage { margin-bottom: 15px; margin-top: 5px; } .contactblock .companycontactBlock { margin-bottom: 1rem; } } @media only screen and (min-width: 900px) { .companycontactpage h2, .companycontactpage .companycontact { margin-top: 2rem; margin-left: 2rem; } } /* Fixes image in image block position */ .imagefile.block.col-lg-12 { margin-top: 50px !important; } /* Fixes layout issue covering heading on managementPage. Seems no longer needed after header update. @media only screen and (min-width: 770px) { .container.managementPage-lb .col-lg-12.col-md-12.col-sm-12 { margin-top: 40px; } } @media only screen and (min-width: 1190px) { .container.managementPage-lb .col-lg-12.col-md-12.col-sm-12 { margin-top: 110px; } } */ /* Fix for managementPage grid of contacts */ @media (max-width: 989px) { .block.contactpage.col-md-3:nth-child(2n + 1) { clear: both; } } @media (min-width: 990px) { .block.contactpage.col-lg-3:nth-child(4n + 1) { clear: both; } } @media only screen and (max-width: 1190px) { .managementPage figure { margin-bottom: 0; } @media only screen and (min-width: 1190px) { .block.contactpage { height: 280px; } } } /* Fix for too tall link in nyhetsarkiv */ .filterSearchList .transitionLink { min-height: 0; display: block; padding-bottom: 1rem; } .filterSearchList .transitionLink span:last-of-type { color: black; } .filterSearchList li { min-height: 0; } /* Fixes on Financiellt page */ .documentlistblock + .calendarblock { margin-top: 50px; } /* important for gruppen */ body { overflow-x: hidden !important; } /* Copied from subsite. Should apply site-wide. Needed for subsite footer used in Gruppen as well. */ summary { list-style: none; } summary::marker, summary::-webkit-details-marker, summary::-moz-list-bullet { display: none !important; } details::-webkit-details-marker, ::-webkit-details-marker { display: none !important; } /* The whole backlinks markup can probably be removed, but due to lack of time to test that out I'm simply hiding it. */ .mobile-back-link-wrapper { display: none; } .render-body-container:not(.render-body-container.body__main) { margin-bottom: 40px; } @media only screen and (min-width: 1024px) { .render-body-container:not(.render-body-container.body__main) { margin-bottom: 56px; } } /* Because section-page-menu-item-container was removed. */ .block.slidercontainerblock { padding-bottom: 0; } /* Aligns squares on desktop contact page */ @media only screen and (min-width: 1024px) { .companycontactpageteaserblock { margin-left: -1px; margin-bottom: -1px; } } /* Hero was a big hassel to fix because it used to be placed underneath a non-sticky header. */ @media (min-width: 1192px) { .slidercontainerblock:not(:has(.topImageBgArea)) { position: relative; top: -77px; margin-bottom: -64px; } } /*Added support for breakout blocks in certain containers */ .container-breakout { position: relative; width: calc(100% - 32px); max-width: 1200px; margin: 0 auto; padding-left: 0; padding-right: 0; display: flex; flex-wrap: wrap; } @media screen and (min-width: 768px) { .container-breakout { column-gap: 16px; /*max-width: 740px;*/ } } @media (min-width: 992px) { .container-breakout { /*max-width: 970px;*/ } } @media screen and (min-width: 1024px) { .container-breakout { column-gap: 24px; } } @media screen and (min-width: 1440px) { .container-breakout { column-gap: 32px; } } /* Listing */ .article-listing-block { display: flex; flex-wrap: wrap; gap: var(--large-unit); margin: 32px 0; } .article-card { flex: 1 0 100%; } @media only screen and (min-width: 768px) { .article-listing-block { margin: 32px 0; } .article-card--50, .article-card--33 { flex: 1 0 50%; max-width: calc(50% - 20px); } } @media only screen and (min-width: 1024px) { .article-listing-block { margin: 32px 0; } .article-card--33 { flex: 1 0 33.33%; max-width: calc(33.33% - 27px); } } @media only screen and (min-width: 1440px) { .article-listing-block { margin: 32px 0; } } @media only screen and (min-width: 768px) { .article-card--50, .article-card--33 { flex: 1 0 50%; } } @media only screen and (min-width: 1024px) { .article-card--33 { flex: 1 0 calc(33.33% - 27px); } } /* Card */ .article-card { display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr; position: relative; width: 300px; height: auto; min-height: 233px; background-color: var(--brown-lightest); } .article-card:hover, .article-card:focus { cursor: pointer; text-decoration: none; } .article-card--background-red { background-color: var(--red-special); } .article-card--background-white { background-color: var(--white); } .article-card:not([href='']):hover::before, .article-card:not([href='']):focus::before { content: ''; position: absolute; top: -8px; left: -8px; width: calc(100% + 16px); height: calc(100% + 16px); background-color: var(--red-special); z-index: -1; } .article-card[href=''] { pointer-events: none; } .article-card__image, .article-card__video { width: 100%; object-fit: cover; object-position: center; height: 190px; } .article-card__image iframe, .article-card__video iframe { width: 100%; height: 100%; } .article-card__text { display: grid; grid-template-rows: auto 1fr auto; grid-row-gap: 14px; padding: 20px; word-break: break-word; } .article-card__title { font-family: 'ICA Rubrik Web Medium'; font-size: 25px; line-height: 30px; color: var(--grey-dark); } .article-card__title--red { color: var(--secondary-cta); } .article-card__title--white { color: var(--white); } .article-card__preamble { font-family: 'ICA Text Web Regular'; color: var(--grey-dark); font-size: 16px; line-height: var(--medium-unit); } .article-card__cta { width: 100%; display: grid; grid-template-columns: 1fr auto; align-items: center; font-size: var(--medium-unit); line-height: 24px; color: var(--secondary-cta); } .article-card__cta--visit { font-family: 'ICA Rubrik Web Bold'; } .article-card__cta--read { font-family: 'ICA Rubrik Web Regular'; } .article-card__cta--read .article-card__arrow { visibility: hidden; } .article-card:hover .article-card__cta--read, .article-card:focus .article-card__cta--read { font-family: 'ICA Rubrik Web Bold'; text-decoration: underline; } .article-card--100 .article-card__cta { grid-template-columns: auto 1fr; grid-column-gap: var(--medium-unit); } .article-card__cta--hide-always { display: none; } @media (min-width: 768px) { .article-card__title { font-size: 30px; line-height: 36px; } .article-card__cta { font-size: 22px; line-height: 26px; } .article-card__preamble { font-size: 18px; line-height: 24px; } .article-card--100 { grid-template-columns: auto 1fr; grid-template-rows: auto; } .article-card--100 .article-card__image, .article-card--100 .article-card__video { height: 100%; width: 350px; } .article-card--100 .article-card__title { margin-top: var(--small-unit); } } .article-card__arrow { width: 52px; height: 52px; background-color: #fcece7; border-radius: 50%; display: flex; align-items: center; justify-content: center; fill: var(--secondary-cta); } .article-card--background-red .article-card__arrow { background-color: #ffffff; } .article-card:hover .article-card__arrow, .article-card:focus .article-card__arrow { background-color: var(--secondary-cta); fill: var(--red-special); } @media (max-width: 768px) { .article-card__cta--hide-on-mobile { display: none; } } /* Fix for non-subsite layout */ .articlelistcontainerblock { clear: both; } .loadMore-div { margin-top: 1rem; margin-bottom: 2rem; } /* Allowing text-editor on preamble */ .text-editor p, .text-editor span, .text-editor li { font-family: 'ICA Text Web Regular', sans-serif !important; font-size: 18px; line-height: 24px; } .text-editor p { margin-bottom: 16px; } .text-editor p:last-of-type { margin-bottom: 0; } .text-editor em { font-style: italic; } .text-editor strong { font-weight: 700; } .color-scheme--yellow-mid { color: var(--grey-dark); background-color: var(--yellow-mid); } .color-scheme--yellow-special { color: var(--grey-dark); background-color: var(--yellow-special); } .color-scheme--orange-dark { color: var(--orange-special); background-color: var(--orange-dark); } .color-scheme--orange-mid { color: var(--white); background-color: var(--orange-mid); } .color-scheme--orange-special { color: var(--grey-dark); background-color: var(--orange-special); } .color-scheme--red-dark { color: var(--red-special); background-color: var(--red-dark); } .color-scheme--red-mid { color: var(--white); background-color: var(--red-mid); } .color-scheme--red-special { color: var(--grey-dark); background-color: var(--red-special); } .color-scheme--pink-dark { color: var(--pink-special); background-color: var(--pink-dark); } .color-scheme--pink-special { color: var(--grey-dark); background-color: var(--pink-special); } .color-scheme--purple-dark { color: var(--purple-special); background-color: var(--purple-dark); } .color-scheme--purple-special { color: var(--grey-dark); background-color: var(--purple-special); } .color-scheme--blue-dark { color: var(--blue-special); background-color: var(--blue-dark); } .color-scheme--blue-special { color: var(--grey-dark); background-color: var(--blue-special); } .color-scheme--green-dark { color: var(--green-special); background-color: var(--green-dark); } .color-scheme--green-mid { color: var(--white); background-color: var(--green-mid); } .color-scheme--green-special { color: var(--grey-dark); background-color: var(--green-special); } .color-scheme--turquoise-dark { color: var(--turquoise-special); background-color: var(--turquoise-dark); } .color-scheme--turquoise-special { color: var(--grey-dark); background-color: var(--turquoise-special); } .color-scheme--grey-dark { color: var(--grey-special); background-color: var(--grey-dark); } .color-scheme--grey-mid { color: var(--white); background-color: var(--grey-mid); } .color-scheme--grey-special { color: var(--grey-dark); background-color: var(--grey-special); } .color-scheme--brown-lightest { background-color: var(--brown-lightest); } .color-scheme--yellow-mid a, .color-scheme--yellow-special a, .color-scheme--orange-dark a, .color-scheme--orange-mid a, .color-scheme--orange-special a, .color-scheme--red-dark a, .color-scheme--red-mid a, .color-scheme--red-special a, .color-scheme--pink-dark a, .color-scheme--pink-special a, .color-scheme--purple-dark a, .color-scheme--purple-special a, .color-scheme--blue-dark a, .color-scheme--blue-special a, .color-scheme--green-dark a, .color-scheme--green-mid a, .color-scheme--green-special a, .color-scheme--turquoise-dark a, .color-scheme--turquoise-special a, .color-scheme--grey-dark a, .color-scheme--grey-mid a, .color-scheme--grey-special a { color: inherit; text-decoration: underline; } .color-scheme--yellow-mid a:hover, .color-scheme--yellow-special a:hover, .color-scheme--orange-dark a:hover, .color-scheme--orange-mid a:hover, .color-scheme--orange-special a:hover, .color-scheme--red-dark a:hover, .color-scheme--red-mid a:hover, .color-scheme--red-special a:hover, .color-scheme--pink-dark a:hover, .color-scheme--pink-special a:hover, .color-scheme--purple-dark a:hover, .color-scheme--purple-special a:hover, .color-scheme--blue-dark a:hover, .color-scheme--blue-special a:hover, .color-scheme--green-dark a:hover, .color-scheme--green-mid a:hover, .color-scheme--green-special a:hover, .color-scheme--turquoise-dark a:hover, .color-scheme--turquoise-special a:hover, .color-scheme--grey-dark a:hover, .color-scheme--grey-mid a:hover, .color-scheme--grey-special a:hover { color: inherit; text-decoration: none; } .color-scheme--yellow-mid table tr, .color-scheme--yellow-special table tr, .color-scheme--orange-dark table tr, .color-scheme--orange-mid table tr, .color-scheme--orange-special table tr, .color-scheme--red-dark table tr, .color-scheme--red-mid table tr, .color-scheme--red-special table tr, .color-scheme--pink-dark table tr, .color-scheme--pink-special table tr, .color-scheme--purple-dark table tr, .color-scheme--purple-special table tr, .color-scheme--blue-dark table tr, .color-scheme--blue-special table tr, .color-scheme--green-dark table tr, .color-scheme--green-mid table tr, .color-scheme--green-special table tr, .color-scheme--turquoise-dark table tr, .color-scheme--turquoise-special table tr, .color-scheme--grey-dark table tr, .color-scheme--grey-mid table tr, .color-scheme--grey-special table tr { border-color: currentColor; } @font-face { font-family: 'ICA Rubrik'; src: url('/static/fonts/ica_rubrik/ICARubrikWebLight.eot'); src: url('/static/fonts/ica_rubrik/ICARubrikWebLight.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_rubrik/ICARubrikWebLight.woff') format('woff'), url('/static/fonts/ica_rubrik/ICARubrikWebLight.woff2') format('woff2'); font-style: normal; font-weight: 300; } @font-face { font-family: 'ICA Rubrik'; src: url('/static/fonts/ica_rubrik/ICARubrikWebRegular.eot'); src: url('/static/fonts/ica_rubrik/ICARubrikWebRegular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_rubrik/ICARubrikWebRegular.woff') format('woff'), url('/static/fonts/ica_rubrik/ICARubrikWebRegular.woff2') format('woff2'); font-style: normal; font-weight: 400; } @font-face { font-family: 'ICA Rubrik'; src: url('/static/fonts/ica_rubrik/ICARubrikWebMedium.eot'); src: url('/static/fonts/ica_rubrik/ICARubrikWebMedium.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_rubrik/ICARubrikWebMedium.woff') format('woff'), url('/static/fonts/ica_rubrik/ICARubrikWebMedium.woff2') format('woff2'); font-style: normal; font-weight: 500; } @font-face { font-family: 'ICA Rubrik'; src: url('/static/fonts/ica_rubrik/ICARubrikWebBold.eot'); src: url('/static/fonts/ica_rubrik/ICARubrikWebBold.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_rubrik/ICARubrikWebBold.woff') format('woff'), url('/static/fonts/ica_rubrik/ICARubrikWebBold.woff2') format('woff2'); font-style: normal; font-weight: 700; } @font-face { font-family: 'ICA Rubrik'; src: url('/static/fonts/ica_rubrik/ICARubrikWebBlack.eot'); src: url('/static/fonts/ica_rubrik/ICARubrikWebBlack.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_rubrik/ICARubrikWebBlack.woff') format('woff'), url('/static/fonts/ica_rubrik/ICARubrikWebBlack.woff2') format('woff2'); font-style: normal; font-weight: 800; } @font-face { font-family: 'ICA Text'; src: url('/static/fonts/ica_text_2018/ICATextNyLight.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyLight.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyLight.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyLight.woff2') format('woff2'); font-style: normal; font-weight: 300; } @font-face { font-family: 'ICA Text'; src: url('/static/fonts/ica_text_2018/ICATextNyLightItalic.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyLightItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyLightItalic.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyLightItalic.woff2') format('woff2'); font-style: italic; font-weight: 300; } @font-face { font-family: 'ICA Text'; src: url('/static/fonts/ica_text_2018/ICATextNyRegular.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyRegular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyRegular.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyRegular.woff2') format('woff2'); font-style: normal; font-weight: 400; } @font-face { font-family: 'ICA Text'; src: url('/static/fonts/ica_text_2018/ICATextNyItalic.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyItalic.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyItalic.woff2') format('woff2'); font-style: italic; font-weight: 400; } @font-face { font-family: 'ICA Text'; src: url('/static/fonts/ica_text_2018/ICATextNyBold.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyBold.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyBold.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyBold.woff2') format('woff2'); font-style: normal; font-weight: 700; } @font-face { font-family: 'ICA Text'; src: url('/static/fonts/ica_text_2018/ICATextNyBoldItalic.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyBoldItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyBoldItalic.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyBoldItalic.woff2') format('woff2'); font-style: italic; font-weight: 700; } @font-face { font-family: 'ICA Text'; src: url('/static/fonts/ica_text_2018/ICATextNyBlack.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyBlack.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyBlack.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyBlack.woff2') format('woff2'); font-style: normal; font-weight: 800; } @font-face { font-family: 'ICA Text'; src: url('/static/fonts/ica_text_2018/ICATextNyBlackItalic.eot'); src: url('/static/fonts/ica_text_2018/ICATextNyBlackItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNyBlackItalic.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNyBlackItalic.woff2') format('woff2'); font-style: italic; font-weight: 800; } @font-face { font-family: 'ICA Text Web Siffror'; src: url('/static/fonts/ica_text_2018/ICATextNySiffror.eot'); src: url('/static/fonts/ica_text_2018/ICATextNySiffror.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_text_2018/ICATextNySiffror.woff') format('woff'), url('/static/fonts/ica_text_2018/ICATextNySiffror.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* Pensel */ @font-face { font-family: 'ICA Pensel'; src: url('/static/fonts/ica_pensel/ICAPenselRegular.eot'); src: url('/static/fonts/ica_pensel/ICAPenselRegular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_pensel/ICAPenselRegular.woff') format('woff'), url('/static/fonts/ica_pensel/ICAPenselRegular.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* Hand */ @font-face { font-family: 'ICA Hand Regular'; src: url('/static/fonts/ica_hand/ICAHand-regular.eot'); src: url('/static/fonts/ica_hand/ICAHand-regular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ica_hand/ICAHand-regular.woff') format('woff'), url('/static/fonts/ica_hand/ICAHand-regular.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* reset */ .button { padding: 0; border: none; background: none; appearance: none; -webkit-appearance: none; font-family: inherit; font-size: inherit; line-height: normal; cursor: pointer; } .button { display: inline-flex; justify-content: center; align-items: center; height: 32px; min-width: 32px; padding: 0 16px; border-radius: 16px; background-color: var(--red-special); font-family: 'ICA Text'; font-size: 16px; font-weight: 700; color: var(--secondary-cta); } .button--only-icon { width: 32px; padding: 0; } .button--white, .button--always-white { background-color: var(--white); } .button--red, .button--red:focus { background-color: var(--secondary-cta); color: var(--white); } .button--red:hover, .button--red:focus:hover, .button--red:focus-visible, .button--red:focus:focus-visible, .is-tabbed .button--red:focus, .is-tabbed .button--red:focus:focus { background-color: var(--red-dark); color: var(--white); text-decoration: inherit; } .button--red:active, .button--red:focus:active { background-color: var(--red-special); color: var(--secondary-cta); } .button--right { margin-left: auto; } .button--full-width { width: 100%; height: 48px; min-width: 24px; border-radius: 24px; } .button--content-width { width: fit-content; } .button--centered { margin-right: auto; margin-left: auto; } .button--to-top { position: fixed; bottom: -40px; right: 40px; z-index: 1; } .button--to-top svg { rotate: 180deg; } .button svg { fill: var(--secondary-cta); width: 16px; height: 16px; } .button--small { width: 24px; height: 24px; min-width: 24px; padding: 0; } .button--small svg { width: 10px; height: 10px; } .button--big { height: 40px; border-radius: 20px; padding: 0 20px; } .button--big.button--only-icon { width: 40px; padding: 0; } @media screen and (min-width: 1024px) { .button--very-big { height: 56px; border-radius: 28px; font-size: 20px; line-height: 28px; font-weight: 700; padding: 0 32px; } } .button--very-big.button--only-icon { width: 56px; } .button[disabled] { background-color: var(--grey-special); color: var(--grey-mid); cursor: not-allowed; } .button svg + span { margin-left: 10px; } .button:hover:not(.button--always-white):not(.button--red), .button:focus-visible:not(.button--always-white):not(.button--red), .is-tabbed .button:not(.button--always-white):not(.button--red):focus, .heroblock__desktop-video:hover + .button--video-playback-controller, .image-video-block__video:hover + .button--video-playback-controller, .movieblock__video-container:hover > .button--video-playback-controller { background-color: var(--secondary-cta); color: var(--white); } .button:hover:not(.button--always-white):not(.button--red) svg, .button:focus-visible:not(.button--always-white):not(.button--red) svg, .is-tabbed .button:not(.button--always-white):not(.button--red):focus svg, .heroblock__desktop-video:hover + .button--video-playback-controller svg, .image-video-block__video:hover + .button--video-playback-controller svg, .movieblock__video-container:hover > .button--video-playback-controller svg { fill: var(--white); } .button:hover:not(.button--always-white):not(.button--red):active:not( .button--always-white ), .button:focus-visible:not(.button--always-white):not(.button--red):active:not( .button--always-white ), .is-tabbed .button:not(.button--always-white):not(.button--red):focus:active:not( .button--always-white ), .heroblock__desktop-video:hover + .button--video-playback-controller:active:not(.button--always-white), .image-video-block__video:hover + .button--video-playback-controller:active:not(.button--always-white), .movieblock__video-container:hover > .button--video-playback-controller:active:not(.button--always-white) { background-color: var(--red-dark); } .button--active { background-color: var(--red-dark); } .button--active svg { fill: var(--white); } .button--selected, .button.checked { background-color: var(--secondary-cta); color: var(--white); } .button--video-playback-controller { position: absolute; top: 50%; left: 50%; translate: -50% -50%; z-index: 2; pointer-events: none; } .button--video-playback-controller.button--only-icon svg { position: relative; left: 1.5px; } .button--video-fullscreen-controller { position: absolute; bottom: 16px; right: 16px; z-index: 2; } .arrow-link { font-family: 'ICA Rubrik'; font-size: 22px; line-height: 26.4px; color: var(--secondary-cta); font-weight: 400; } .arrow-link:hover { color: var(--secondary-cta); font-weight: 700; text-decoration: underline; } .arrow-link--white { color: var(--white); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .arrow-link--white:hover { color: var(--white); text-decoration: none; } .arrow-link::after { content: ' >'; } /* In plain css and with px because it's used in Gruppen as well. */ .cookie-consent_darkbg { background: #000000; opacity: 0.4; z-index: 1001; width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; } .cookie-consent_content { width: 600px; max-width: calc(100dvw - 40px); height: auto; max-height: calc(100dvh - 40px); overflow: hidden; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1002; background-color: #ffffff; } .new-cookie-consent__text { padding: 56px; background-color: #f9f5f5; text-align: center; } .new-cookie-consent__text > span { font-size: 20px; line-height: 32px; font-weight: 400; color: #e3000b; } @media screen and (min-width: 500px) { .new-cookie-consent__text > span { font-size: 24px; } } .new-cookie-consent__text h2 { margin: 0 0 8px; font-size: 24px; line-height: 40px; font-weight: 800; color: #593d32; font-family: 'ICA Rubrik', sans-serif; } @media screen and (min-width: 500px) { .new-cookie-consent__text h2 { font-size: 32px; } } .new-cookie-consent__text p { font-size: 16px; line-height: 24px; font-weight: 400; color: #593d32; margin-bottom: 16px; } .new-cookie-consent__text p:last-of-type { margin-bottom: 0; } .new-cookie-consent__text a { font-size: 16px; line-height: 32px; font-weight: 700; color: #cf2e05; text-decoration: none; } .new-cookie-consent__text a:hover, .new-cookie-consent__text a:focus-visible { color: #9b0700; text-decoration: underline; } .new-cookie-consent__buttons { display: flex; flex-direction: column; row-gap: 16px; padding: 24px 56px; } .new-cookie-consent__buttons form { display: flex; flex-direction: column; } /* .cookie-consent-button is similar to the regular .button otherwise used, but differs in ineraction colors. Should however update to use variables when there's time. */ .cookie-consent-button { display: flex; align-items: center; justify-content: center; align-self: stretch; min-height: 40px; padding: 10px 16px; border: none; border-radius: 20px; font-family: 'ICA Text', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 20px; text-align: center; cursor: pointer; transition: background-color ease 0.1s, color ease 0.1s; } @media screen and (min-width: 500px) { .cookie-consent-button { min-height: 32px; padding: 6px 16px; font-size: 14px; } } .cookie-consent-button--primary { background-color: #cf2e05; color: #fcece7; } .cookie-consent-button--primary:hover, .cookie-consent-button--primary:focus-visible, .cookie-consent-button--secondary:hover, .cookie-consent-button--secondary:focus-visible { background-color: #9b0700; outline: none; color: #fcece7; } .cookie-consent-button--primary:active { background-color: #fcece7; color: #d02d04; } .cookie-consent-button--secondary { background-color: #fcece7; color: #cf2e05; } .cookie-consent-button--secondary:active { background-color: #d02d04; color: #fcece7; } .new-cookie-settings { display: none; flex-direction: column; max-height: calc(100vh - 40px); overflow-y: auto; } .new-cookie-settings a { font-weight: 700; color: #cf2e05; text-decoration: none; } .new-cookie-settings a:hover, .new-cookie-settings a:focus-visible { color: #9b0700; } .new-cookie-settings__header { display: flex; flex-direction: column; padding: 32px 32px 24px 32px; } .new-cookie-settings__header > span { font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; color: #e3000b; margin: 0; } @media screen and (min-width: 500px) { .cookie-consent-button { height: 32px; font-size: 14px; } } .new-cookie-settings__header h3 { margin: 0 0 14px; color: #3a3a3a; font-size: 24px; font-style: normal; font-weight: 700; line-height: 32px; } .new-cookie-settings__header p, .new-cookie-option p { margin: 0 0 24px; color: #3a3a3a; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .new-cookie-settings__header .cookie-consent-button { width: 100%; } .new-cookie-settings__options { overflow-y: auto; } .new-cookie-settings form { flex-direction: column; } .new-cookie-option { display: flex; align-items: flex-start; padding: 25px 0; margin: 0 32px; border-bottom: 1px solid #ededed; } .new-cookie-settings__footer { display: flex; flex-direction: column; padding: 24px 56px; margin-top: 32px; background-color: #ffffff; border-top: 1px solid #ededed; } .new-cookie-option:first-of-type { border-top: 1px solid #ededed; } .new-cookie-option__text { display: flex; flex-direction: column; flex: 1; } .new-cookie-option__text label { margin-bottom: 12px; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; color: #3a3a3a; } .new-cookie-option__text p { margin: 0; } .new-cookie-option__checkbox { display: flex; align-items: center; } input.cookie-switch { position: relative; display: flex; align-items: center; width: 44px; height: 22px; outline-style: solid; outline-width: 0; outline-offset: 0px; border: none; border-radius: 11px; overflow: hidden; transition: outline-offset 0.1s ease, outline-width 0.1s ease; appearance: none; margin: 0; padding: 0; } input.cookie-switch:focus { outline-width: 0; outline-color: #ffcecc; } input.cookie-switch:focus-visible { outline-width: 2px; outline-offset: 4px; } .cookie-switch:hover { cursor: pointer; } .cookie-switch::before { content: ''; background-color: #fff; height: calc(100% - 4px); width: 100%; border: 2px solid #bdbbb9; border-radius: 11px; transition: background-color 0.15s cubic-bezier(0.2, 0, 0, 1), border-color 0.15s cubic-bezier(0.2, 0, 0, 1); box-sizing: content-box; } .cookie-switch:checked::before { background-color: #9b0600; border-color: #9b0600; } .cookie-switch::after { content: ''; position: absolute; border-width: 2px; box-sizing: border-box; border-style: solid; border-color: #fff; height: 18px; width: 18px; border-radius: 100%; background-color: #bdbbb9; background-repeat: no-repeat; background-position: center center; pointer-events: none; translate: 2px; z-index: 2; transition: translate 0.25s cubic-bezier(0.2, 0, 0, 1), border-color 0.15s cubic-bezier(0.2, 0, 0, 1), background-color 0.15s cubic-bezier(0.2, 0, 0, 1); } .cookie-switch:checked::after { background-color: #fff; border-color: #9b0600; } .cookie-switch:checked::after { translate: calc(100% + 6px); } /* In plain css and with px because it's used in Gruppen as well. */ .new-global-search { display: flex; align-items: center; padding: 12px 0; max-width: 820px; margin: 0 auto; column-gap: 26px; background-color: var(--white); position: relative; z-index: 1100; } .new-global-search__input { position: relative; flex: 1; } .new-global-search__button { background: none; border: none; color: var(--secondary-cta); font-size: 14px; line-height: 20px; font-family: 'ICA Text', sans-serif; font-weight: 600; transition: color 0.15s ease; cursor: pointer; } .new-global-search__button:hover, .new-global-search__button:focus-visible { color: var(--pink-light); } .new-global-search-input { box-sizing: border-box; display: flex; align-items: center; flex: 1; height: 40px; border-radius: 20px; padding: 0 8px 0 20px; box-shadow: 0 0 0 1px var(--grey-light) inset; } .new-global-search-input--focused { box-shadow: 0 0 0 1px #f088b6 inset, 0 0 0 3px #f088b629; } .new-global-search-input__field { flex: 1; border: none; outline: none; font-size: 16px !important; line-height: 24px; color: var(--grey-dark); } .new-global-search-input__field::placeholder { color: var(--grey-light); } .new-global-search-button { background: none; border: none; font-size: 14px; cursor: pointer; height: 24px; width: 24px; border-radius: 12px; display: flex; align-items: center; justify-content: center; outline: none; } .new-global-search-button--transparent { fill: var(--primary-cta); transition: fill 0.15s ease; } .new-global-search-button--transparent:hover, .new-global-search-button--transparent:focus-visible { fill: var(--pink-light); } .new-global-search-button--red { background-color: var(--primary-cta); fill: var(--white); transition: background-color 0.15s ease; } .new-global-search-button--red:hover, .new-global-search-button--red:focus-visible { background-color: var(--pink-light); } .new-global-search-button--grey { background-color: var(--grey-special); fill: var(--grey-mid); } .new-global-search-suggestions { display: flex; flex-direction: column; row-gap: 16px; box-sizing: border-box; position: absolute; width: 100%; border-radius: 24px; box-shadow: 0 4px 8px 0 #00000029, 0 16px 32px 0 #0000003d; background-color: var(--white); top: calc(100% + 8px); margin: 0; padding: 32px; } @media (max-width: 768px) { .new-global-search-suggestions { border-radius: 0; width: 100dvw; max-height: calc(100dvh - 60px); overflow-y: auto; box-shadow: none; left: -1rem; padding-top: 20px; } } .new-global-search-suggestions__list { display: flex; flex-direction: column; } .new-global-search-suggestions li { list-style-type: none; border-bottom: 1px solid var(--grey-special); padding: 16px 0 4px; } .new-global-search-suggestions li a { color: var(--grey-dark); text-decoration: none; display: flex; padding: 0 16px; align-items: center; min-height: 36px; font-size: 20px; border-radius: 16px; transition: background-color 0.15s ease; outline: none; } .new-global-search-suggestions li a:hover, .new-global-search-suggestions li a:focus-visible { cursor: pointer; background-color: var(--red-special); } .new-global-search-suggestions li a:active { color: var(--red-dark); } .new-global-search-suggestions__link { color: var(--secondary-cta); display: flex; justify-content: center; font-family: 'ICA Rubrik', sans-serif; font-size: 22px; cursor: pointer; } .new-global-search-suggestions__link:hover, .new-global-search-suggestions__link:focus-visible { font-weight: 700; color: var(--secondary-cta); text-decoration: underline; background-color: transparent; } .new-global-search-suggestions__link:active { color: var(--red-dark); } .breadcrumbs { display: flex; align-items: center; height: 50px; background-color: transparent; } .breadcrumbs__items { display: none; margin: 0; } @media screen and (min-width: 768px) { .breadcrumbs__items { display: flex; } } .breadcrumbs__item { display: flex; align-items: center; margin: 0; font-size: 14px; line-height: 20px; } .breadcrumbs__item::before { display: none; /* To counter Gruppen */ } .breadcrumbs__item a { font-weight: 700; color: var(--secondary-cta); font-family: 'ICA Text'; text-decoration: none; } .breadcrumbs__item a:hover { color: var(--red-dark); } .breadcrumbs__item span { font-weight: 400; color: var(--brown-dark); } .breadcrumbs__arrow { width: 42px; height: 10px; rotate: -90deg; padding: 0 16px; fill: var(--brown-dark); } .breadcrumbs__back-button { display: flex; align-items: center; font-size: 14px; font-weight: 700; color: var(--secondary-cta); font-family: 'ICA Text'; text-decoration: none; cursor: pointer; } .breadcrumbs__back-button:hover { color: var(--red-dark); text-decoration: none; /* To counter Gruppen */ } .breadcrumbs__back-button svg { width: 14px; height: 12px; margin-right: 8px; fill: var(--secondary-cta); } @media screen and (min-width: 768px) { .breadcrumbs__back-button { display: none; } } .gruppen-header { display: flex; flex-direction: column; position: sticky; top: 0; z-index: 5000; background-color: var(--white); } .new-main-bar { width: 100dvw; font-family: 'ICA Text', sans-serif; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.04); } .new-main-bar > .container { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: 'logo desktop-nav global-menu'; column-gap: 32px; position: relative; min-height: 64px; /* Needed so desktop nav doesn't create sideways scroll on mobile. */ overflow: hidden; } .new-main-bar > .container::before, .new-main-bar > .container::after { display: none; } .new-main-bar__logo { grid-area: logo; display: flex; align-items: center; } .new-main-bar__logo a { line-height: 0; } .new-header-logo { width: 50px; height: 35px; fill: var(--red); } @media screen and (min-width: 1440px) { .new-header-logo { width: 67px; height: 47px; } } .new-main-bar__desktop-nav { grid-area: desktop-nav; display: flex; align-items: center; } .desktop-nav { display: flex; align-items: center; column-gap: 16px; margin: 0; } .desktop-nav li { margin: 0; line-height: 0; } .desktop-nav__item { font-size: 16px; line-height: 24px; color: var(--grey-dark); white-space: nowrap; position: relative; padding-bottom: 4px; border-bottom: 2px solid var(--white); } .desktop-nav__item:hover, .desktop-nav__item--selected, .desktop-nav__item:focus-visible { text-decoration: none; color: inherit; border-bottom: 2px solid var(--red-dark); outline: none; } .new-main-bar__mobile-nav { width: 100dvw; position: fixed; background-color: #ffffff; display: none; top: 64px; left: 0; overflow-y: auto; overflow-x: hidden; transition: top 0.2s ease-in-out; } .new-main-bar__global-menu { grid-area: global-menu; display: flex; align-items: center; } .new-main-bar__mobile-nav--visible { display: block; } .global-menu { margin: 0; display: flex; flex-direction: row; column-gap: 8px; } .global-menu li { margin: 0; } #closeMobileMenu svg { width: 10px; height: 10px; } /* Legacy */ .print-header.display-none { min-height: 77px; visibility: hidden; } .megamenu { display: none; position: fixed; top: 64px; left: 0; width: 100dvw; background: var(--white); cursor: default; z-index: 1; } .megamenu a, .megamenu a:focus-visible { outline: none; text-decoration: none; } .megamenu--visible { display: flex; } .megamenu__content { position: relative; display: flex; flex-direction: row; gap: 24px; left: 42px; /* To line up with header nav */ margin: 0 auto; padding-top: 48px; } .report-page-header .megamenu__content { left: 66px; } @media screen and (min-width: 1440px) { .megamenu__content { left: 59px; } .report-page-header .megamenu__content { left: 83px; } } .megamenu-column { display: none; flex-direction: column; gap: 10px; min-width: max-content; margin-bottom: 48px; } .megamenu-column[data-second-level] { display: flex; } .megamenu-column--visible { display: flex; } .megamenu-column__h2, .megamenu-column__h3 { margin: 0; padding: 8px 16px; background: var(--white); border-radius: 16px; font-size: 24px; font-style: normal; font-weight: 700; line-height: 24px; color: var(--secondary-cta); text-align: justify; font-family: 'ICA Text'; } .megamenu-column__h3 { color: var(--grey-dark); } .megamenu-column__h2:hover, a:focus-visible .megamenu-column__h2, .megamenu-column__h3:hover, a:focus-visible .megamenu-column__h3 { background-color: var(--red-special); color: var(--red-dark); outline: none; } .megamenu__list { display: flex; flex-direction: column; row-gap: 8px; list-style: none; padding: 0; margin: 0; } .megamenu__close { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 24px; right: 24px; width: 32px; height: 32px; border: none; background-color: var(--red-special); border-radius: 16px; font-size: 24px; cursor: pointer; } .megamenu__close:hover, .megamenu__close:focus-visible { background-color: var(--secondary-cta); outline: none; cursor: pointer; } .megamenu__close:active { background-color: var(--red-dark); } .megamenu__close > svg { height: 10px; width: 10px; fill: var(--red-dark); } .megamenu__close:hover > svg, .megamenu__close:focus-visible > svg { fill: var(--red-special); } .nav { border: 1px solid transparent; } .nav > ul { display: flex; flex-direction: row; list-style: none; } .navitem:hover, .navitem:focus-visible { cursor: pointer; } .megamenu-button { display: flex; align-items: center; column-gap: 16px; background-color: var(--white); padding: 8px 16px; border-radius: 16px; width: min-content; border: none; font-size: 18px; line-height: 24px; color: var(--grey-dark); fill: var(--red-dark); } .megamenu-button:hover, .megamenu-button:focus-visible, .megamenu-button--active { background-color: var(--red-special); outline: none; fill: var(--red-special); cursor: pointer; } .megamenu-button:has(.megamenu-button__icon) { padding: 8px 8px 8px 16px; } .megamenu-button__text { flex: 1; white-space: nowrap; } .megamenu-button__icon { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; background-color: var(--red-special); } .megamenu-button__icon > svg { height: 12px; width: 12px; } .megamenu-button:hover:not(.megamenu-button--active) .megamenu-button__icon, .megamenu-button:focus-visible:not(.megamenu-button--active) .megamenu-button__icon { background-color: var(--secondary-cta); } .megamenu-button:active .megamenu-button__icon, .megamenu-button--active .megamenu-button__icon { background-color: var(--red-dark); } .megamenu__overlay { position: absolute; top: 100%; width: 100%; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(8px); cursor: pointer; } .layouts-back-button { display: flex; align-items: center; color: var(--secondary-cta); margin-bottom: 20px; } .layouts-back-button::before { display: none; } .layouts-back-button a { display: inline-flex; align-items: center; font-family: 'ICA Rubrik'; font-size: 20px; cursor: pointer; } .layouts-back-button--first a { font-weight: 500; } @media screen and (min-width: 1440px) { .layouts-back-button--first a { font-size: 25px; } } .layouts-back-button--first a svg { width: 22px; height: 16px; margin-right: 8px; rotate: 180deg; fill: var(--secondary-cta); } .report-left-menu + .layouts-back-button--first { margin-top: 40px; } .breadcrumbs .layouts-back-button--first { margin-top: 40px; } .layouts-back-button--second a { font-family: 'ICA Text'; font-weight: 400; } .layouts-back-button--second a svg { width: 12px; height: 7.5px; margin-right: 4px; rotate: 90deg; fill: var(--secondary-cta); } /* For when they decided they wanted an old one in a certain case. */ .old-back-button { color: var(--primary-cta); text-decoration: none; font-size: 17px; } .old-back-button:hover { text-decoration: underline; } .old-back-button::before { content: '<'; padding-right: 5px; font-size: 19px; font-weight: 700; } @media screen and (min-width: 768px) { .old-back-button--mobile { display: none; } } .subsite-mobile-navigation { display: none; padding: 0 32px; position: absolute; top: 100%; left: -32px; width: calc(100dvw + 32px); height: calc(100dvh - 63px); background-color: #fff; overflow: auto; z-index: 4000; } .subsite-mobile-navigation ul, .subsite-mobile-navigation li { margin: 0; } .subsite-mobile-navigation__link ul { margin: 1rem 0 0 0; padding: 0; } .subsite-mobile-navigation__level-2--no-children { margin: 0 !important; } .subsite-mobile-navigation__link { display: block; position: relative; /*border-bottom: 2px solid transparent;*/ padding: 0; margin: 0; white-space: nowrap; } .subsite-mobile-navigation__link > div { display: grid; grid-template-columns: 1fr auto; align-items: center; cursor: pointer; } .subsite-mobile-navigation__level-1 > .subsite-mobile-navigation__link { padding: 16px 0 4px 0; } .subsite-mobile-navigation__level-1 > .subsite-mobile-navigation__link::after { content: ''; display: block; position: absolute; height: 1px; top: 59px; width: 100%; background-color: var(--grey-special); } .subsite-mobile-navigation__level-1 > .subsite-mobile-navigation__link > div { font-weight: 700; font-size: 24px; line-height: 24px; padding: 0 8px 0 16px; border-radius: 16px; height: 40px; } .subsite-mobile-navigation__level-1 > .subsite-mobile-navigation__link > div.subsite-mobile-navigation__link--selected::after { background-color: var(--grey-special); } .subsite-mobile-navigation__level-1 > .subsite-mobile-navigation__link > div.subsite-mobile-navigation__link--expanded::after { background-color: var(--grey-mid); } .subsite-mobile-navigation__level-2 > .subsite-mobile-navigation__link > div, .subsite-mobile-navigation__level-3 > .subsite-mobile-navigation__link > div { padding: 0 8px 0 16px; height: 40px; border-radius: 16px; font-weight: 400; color: var(--grey-dark); white-space: nowrap; font-size: 16px; line-height: 24px; margin-bottom: 16px; } .subsite-mobile-navigation__level-2 .subsite-mobile-navigation__link:last-of-type .subsite-mobile-navigation__level-3 .subsite-mobile-navigation__link:last-of-type > div { margin-bottom: 0; } .subsite-mobile-navigation__level-2 > .subsite-mobile-navigation__link--expanded > div { font-weight: 700; } .subsite-mobile-navigation__level-3 > .subsite-mobile-navigation__link > div { padding-left: 32px; } .subsite-mobile-navigation__link > div:hover { background-color: var(--red-special); } .subsite-mobile-navigation__link--expanded .button--small { background-color: var(--red-dark); } .subsite-mobile-navigation__link--expanded .button--small svg { fill: var(--white); } /* This first section of this file was done early in the project by somneone else, without scss. Not sure if all the css variables exist. */ .subsite-footer.search-icon-hover, .subsite-footer.icon-language-hover { margin-left: 8px; } .subsite-footer-container { padding: var(--spacing-large, 24px) var(--spacing-large, 24px) 0px var(--spacing-large, 24px); } .subsite-footer-columns { display: grid; grid-template-columns: 1fr; gap: 16px; padding: 16px 0; } @media only screen and (min-width: 768px) { .subsite-footer-columns.subsite-footer-four-columns { grid-template-columns: repeat(4, 1fr); } .subsite-footer-columns.subsite-footer-three-columns { grid-template-columns: repeat(3, 1fr); } } .subsite-footer-column { display: flex; width: 232px; align-items: flex-start; } .subsite-footer-column-links { padding: 0px; margin: 0; align-items: center; color: var(--grey-special-dark); font-size: 14px; line-height: 20px; display: inline; } .subsite-footer-part-of-icagruppen { display: flex; width: 100%; padding: 24px 24px 0px 24px; /*flex-direction: column;*/ align-items: center; gap: 5px; display: flex; padding: 20px 0px; justify-content: center; } .subsite-footer-part-of-icagruppen p { color: #626262; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .subsite-footer-part-of-icagruppen a :hover { text-decoration: underline; } .subsite-footer-part-of-icagruppen a { color: #626262; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; padding-right: 0px; padding-bottom: 0px; } .subsite-contact-phone-and-email a { padding: 0px; } .subsite-contact { display: flex; } .subsite-contact-info-container { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .subsite-contact-info-container .subsite-contact-info p { color: #626262; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; /* 114.286% */ } .subsite-contact-info-container a { font-weight: 700; color: var(--grey-special-dark); text-align: right; font-size: 14px; line-height: 16px; } .subsite-logotype-footer-desktop { max-width: none; display: block; margin-bottom: 0; display: flex; width: 100px; height: auto; padding: 0; align-items: center; flex-shrink: 0; } .subsite-pull-left { float: left; } .subsite-pull-right { float: right; } .subsite-contact-info { display: flex; width: 100%; align-items: center; gap: 50px; } .subsite-social-media-icons { /* padding: 0;*/ display: flex; justify-content: center; align-items: flex-start; gap: 16px; margin-left: auto; } .subsite-social-media-icon { /*padding:0;*/ width: var(--spacing-large, 20px); height: var(--spacing-large, 20px); } .subsite-footer-show-in-medium-down { display: none; } .subsite-links-ul { margin-bottom: 0; } .subsite-arrow-down { background-image: url(/Static/img/subsite-footer-arrow-down.svg); background-repeat: no-repeat; } .subsite-arrow-up { background-image: url(/Static/img/subsite-footer-arrow-up.svg); background-repeat: no-repeat; } /*.subsite-footer-column-list { margin-bottom: 8px; } footer.subsite-footer .container { width: 1440px; }*/ @media only screen and (min-width: 993px) and (max-width: 1200px) { .subsite-footer-columns { gap: 16px; } /* .container.subsite-header { width: 1024px; }*/ } @media only screen and (min-width: 768px) and (max-width: 992px) { .subsite-social-media-icon { width: var(--spacing-large, 20px); height: var(--spacing-large, 20px); } .subsite-social-media-icons { display: flex; padding: var(--spacing-small, 16px) 0px; /*flex-direction: column;*/ align-items: center; gap: var(--spacing-small, 16px); border-bottom: 1px solid #ededed; align-self: stretch; order: 1; } .subsite-footer-part-of-icagruppen-container { display: flex; padding: 20px 0px; justify-content: space-between; align-items: center; align-self: stretch; } .subsite-footer-icon-link { padding-right: 0; } .subsite-footer-container { display: flex; width: 768px; padding: var(--spacing-large, 24px) var(--spacing-large, 24px) 0px var(--spacing-large, 24px); flex-direction: column; justify-content: flex-end; align-items: center; gap: 10px; } .subsite-contact-info { display: flex; width: 503px; align-items: center; gap: 20px; flex-shrink: 0; } .subsite-social-media-icons { border-bottom: none; } .subsite-footer-columns.subsite-footer-four-columns { display: flex; flex-direction: column; align-items: flex-start; padding: 16px 0; gap: 10px; } .subsite-footer-columns.subsite-footer-four-columns .subsite-footer-column { display: flex; width: 100%; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 10px; border-radius: 4px; flex-direction: column; align-items: flex-start; align-self: stretch; } .subsite-footer-columns.subsite-footer-four-columns .subsite-footer-column details .subsite-dropdown-footer-mobile.subsite-arrow-up, .subsite-footer-columns.subsite-footer-four-columns .subsite-footer-column details[open] .subsite-dropdown-footer-mobile.subsite-arrow-down { display: none; } .subsite-footer-columns.subsite-footer-four-columns .subsite-footer-column details .subsite-dropdown-footer-mobile.subsite-arrow-down, .subsite-footer-columns.subsite-footer-four-columns .subsite-footer-column details[open] .subsite-dropdown-footer-mobile.subsite-arrow-up { display: inline-block; margin-right: -5px; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; border-radius: 1000px; color: #cf2e05; } .subsite-footer-columns.subsite-footer-four-columns .subsite-footer-column details[open] .subsite-dropdown-footer-mobile.subsite-arrow-up { color: #fff; } .subsite-footer-columns.subsite-footer-four-columns .subsite-footer-details-heading { width: 100%; } .subsite-footer-columns.subsite-footer-four-columns .subsite-footer-column details[open] .subsite-footer-column-headings { color: var( --color-accordion-header-active, var(--color-states-active, #9b0600) ); } .subsite-footer-columns.subsite-footer-four-columns .subsite-footer-column-headings { margin-bottom: 0px; background: var(--color-accordion-background, #fff); } .subsite-footer-columns.subsite-footer-four-columns .subsite-footer-column ul { display: flex; padding: 0px 30px; padding-top: 16px; flex-direction: column; align-items: flex-start; align-self: stretch; margin-bottom: 0; } .subsite-footer-columns.subsite-footer-four-columns .subsite-dropdown-footer-mobile { color: #e13205; display: inline-block; text-decoration: none !important; float: right; } .subsite-contact-info-container { border-top: none; } h3 .subsite-footer-column-headings { background: var(--color-accordion-background, #fff); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 6px 0px rgba(0, 0, 0, 0.02); padding: 12px var(--spacing-small, 16px); margin-bottom: 0px; font-weight: 400; } } @media only screen and (max-width: 767px) { .subsite-logotype-footer-desktop { max-width: none; display: block; margin-bottom: 0; display: flex; width: 100px; height: auto; padding: 0; justify-content: center; align-items: center; flex-shrink: 0; } .subsite-contact-info-container { border-top: none; } .subsite-social-media-icon { width: var(--spacing-large, 20px); height: var(--spacing-large, 20px); } .subsite-footer-columns { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .subsite-footer-column { display: flex; width: 100%; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 10px; border-radius: 4px; flex-direction: column; align-items: flex-start; align-self: stretch; } .subsite-footer-accordion { width: 100%; padding-bottom: 0; } .subsite-footer-column-links { display: flex; padding: 4px 0px; align-items: center; align-self: stretch; } .subsite-social-media-icons { display: flex; padding: var(--spacing-small, 16px) 0px; padding-top: 0px; /*flex-direction: column;*/ align-items: center; gap: var(--spacing-small, 16px); border-bottom: 1px solid #ededed; align-self: stretch; order: 1; } .subsite-contact-info-container { display: flex; flex-direction: column; padding: var(--spacing-small, 16px) 0px; justify-content: center; align-items: center; align-items: center; gap: var(--spacing-small, 16px); align-self: stretch; } .subsite-footer-hide-in-medium-down { display: none; } .subsite-footer-show-in-medium-down { display: inherit; } .subsite-contact-phone-and-email.subsite-footer-hide-in-medium-down.subsite-pull-left { margin-right: 16px; } /*.subsite-contact-info { width: auto; order: 2; }*/ .subsite-footer-container { padding: var(--spacing-large, 24px) var(--spacing-large, 24px) var(--spacing-large, 24px) var(--spacing-large, 24px); } .subsite-footer-column ul { display: flex; padding: 0px 30px; padding-top: 16px; flex-direction: column; align-items: flex-start; align-self: stretch; margin-bottom: 0; } .subsite-contact-info { display: flex; padding: 10px 0px; justify-content: center; align-items: center; gap: 20px; align-self: stretch; order: 2; } .subsite-dropdown-footer-mobile { color: #e13205; display: inline-block; text-decoration: none !important; float: right; } .subsite-footer-column details .subsite-dropdown-footer-mobile.subsite-arrow-up, .subsite-footer-column details[open] .subsite-dropdown-footer-mobile.subsite-arrow-down { display: none; } .subsite-footer-column details .subsite-dropdown-footer-mobile.subsite-arrow-down /*.subsite-footer-column details[open] .subsite-dropdown-footer-mobile.subsite-arrow-up*/ { display: inline-block; margin-right: -5px; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; border-radius: 1000px; color: #cf2e05; } .subsite-footer-column details[open] .subsite-dropdown-footer-mobile.subsite-arrow-up { display: inline-block; margin-right: -5px; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; border-radius: 1000px; color: #fff; } .subsite-footer-details-heading { width: 100%; } .subsite-footer-column details[open] .subsite-footer-column-headings { color: var( --color-accordion-header-active, var(--color-states-active, #9b0600) ); font-weight: 700; } } /* Newer (but before scss was implemented) */ .subsite-footer { border-top: 1px solid var(--grey-light) !important; background-color: var(--white); margin-top: 24px; } .subsite-footer__part-of-ica-gruppen { height: 64px; display: flex; align-items: center; justify-content: center; } .subsite-footer__part-of-ica-gruppen p { font-weight: 400; color: var(--grey-special-dark); font-size: 16px; } .subsite-footer__part-of-ica-gruppen a { font-weight: 700; color: inherit !important; display: inline; font-size: inherit !important; padding: 0 !important; } .subsite-footer__contact-info { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px 0px; border-top: 1px solid var(--grey-special); border-bottom: 1px solid var(--grey-special); } .subsite-footer__logo { fill: var(--red); width: 64px; height: 40px; } .subsite-footer__street { display: flex; flex-direction: column; justify-content: center; } .subsite-footer__street a:hover { text-decoration: underline; } .subsite-footer__post-box, .subsite-footer__phone-email { display: none; } .subsite-footer__social-media { display: flex; align-items: center; gap: 20px; order: -1; flex: 1 0 100%; justify-content: center; padding-bottom: 16px; border-bottom: 1px solid var(--grey-special); } .subsite-footer__social-media a { padding: 0; margin: 0; line-height: 0; } .subsite-footer__social-media-icon { height: 24px; width: 24px; fill: var(--grey-light); } .subsite-footer__social-media-icon:hover { fill: var(--grey-mid); cursor: pointer; } @media only screen and (min-width: 768px) { .subsite-footer__contact-info { gap: 40px; } .subsite-footer__phone-email { display: flex; flex-direction: column; justify-content: center; } .subsite-footer__phone-email p { display: flex; justify-content: space-between; } .subsite-footer__social-media { margin-left: auto; justify-content: end; order: 0; flex: auto; border: none; padding: 0; } .subsite-footer__social-media a { height: 24px; } .subsite-footer-columns { padding: 32px 0; } } @media only screen and (min-width: 1024px) { .subsite-footer__post-box { display: flex; flex-direction: column; justify-content: center; } } .subsite-footer__contact-info p, .subsite-footer__contact-info a { color: var(--grey-special-dark); font-size: 14px !important; line-height: 16px !important; white-space: nowrap; } .subsite-footer__phone-email a { font-weight: 700; color: var(--grey-special-dark); font-size: 14px; line-height: normal; padding: 0; text-align: right; display: inline; margin-left: 10px; } .subsite-footer-columns li, .subsite-footer-columns a { font-size: 14px; line-height: 20px; color: var(--grey-special-dark); } .subsite-footer-columns a:hover { color: inherit; text-decoration: underline; } .subsite-footer-columns li { margin-bottom: 8px; } .subsite-footer-column-headings a { display: inline; font-weight: 700; font-size: 16px; color: var(--grey-dark); margin-bottom: 9px; padding: 0; } .subsite-footer h3 { margin: 0 0 20px 0; display: inline-block; font-weight: 700; font-size: 16px; margin-bottom: 1px; padding: 0; font-family: 'ICA Text', sans-serif; font-weight: 700; color: var(--grey-dark); line-height:24px; margin-bottom:9px; } .subsite-footer-column-headings a:hover { color: inherit; } .subsite-footer summary:hover { cursor: pointer; } .subsite-footer summary h3 { margin: 0; } .subsite-footer summary h3 { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 12px 16px; border-radius: 4px; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.04); font-family: 'ICA Text', sans-serif; font-weight: 700; font-size: 16px; } .subsite-footer summary svg { fill: var(--secondary-cta); border-radius: 50%; background-color: var(--red-special); width: 24px; height: 24px; padding: 7px; transition: transform 0.2s ease-in-out; } .subsite-footer summary:hover svg { fill: var(--white); background-color: var(--secondary-cta); } .subsite-footer [open] summary svg { fill: var(--white); background-color: var(--red-dark); transform: rotate(-180deg); } .subsite-footer [open] summary h3 { font-weight: 700; color: var(--red-dark); } .subsite-footer details ul { margin: 20px 0 0 32px; } .subsite-footer-details-heading { margin-bottom: 7px; } .subsite-footer a { padding: 0; } .subsite-footer summary { list-style: none; } .subsite-footer summary::-webkit-details-marker, .subsite-footer summary::-moz-list-bullet { display: none; } /* Gruppen's footer (also used in Report) has alternate section called brand-bar instead of subsite-footer__contact-info */ .brand-bar { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: 'address brands social-media'; gap: 16px; align-items: center; margin-bottom: 24px; } @media (max-width: 1023px) { .brand-bar { grid-template-columns: auto auto; grid-template-rows: auto auto; grid-template-areas: 'address social-media' 'brands brands'; } } .brand-bar__address { grid-area: address; display: flex; column-gap: 24px; align-items: center; } .brand-bar__address > a { color: var(--grey-special-dark); font-size: 14px !important; line-height: 16px !important; white-space: nowrap; } .brand-bar__brands { grid-area: brands; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; row-gap: 24px; column-gap: 16px; } .footer-brand { flex: 1 1 auto; text-align: center; height: 16px; } .footer-brand > svg { height: 20px; fill: var(--grey-light); } .footer-brand:hover > svg { fill: var(--grey-mid); cursor: pointer; } .brand-bar__social-media { grid-area: social-media; display: flex; justify-content: flex-end; column-gap: 16px; } .brand-bar__social-media a { line-height: 0; } .subsite-footer__ch-heading { display: block; font-size: 11px; line-height: 19px; font-weight: 600; text-transform: uppercase; } /* Utlility classes, should perhaps be elsehwere, but used here. */ .display-none { display: none; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .news-section-hero { color: var(--grey-dark); position: relative; } .text--white .news-section-hero__text-area .h1 { color: var(--white); } .news-section-hero__image-area { position: relative; z-index: 1; } .news-section-hero__image-area:has(img) { height: 370px; } @media (min-width: 1024px) { .news-section-hero__image-area, .news-section-hero__image-area:has(img) { height: 400px; } } @media (min-width: 1440px) { .news-section-hero__image-area, .news-section-hero__image-area:has(img) { height: 500px; } } .news-section-hero__image-area img { width: 100%; height: 100%; object-fit: cover; } .news-section-hero > .news-section-hero__container { z-index: 2; } .news-section-hero > .news-section-hero__container { position: absolute; top: 0; left: 50%; width: calc(100% - 48px); height: 100%; translate: -50%; max-width: 1200px; } .news-section-hero__text-area { padding: 16px; display: flex; flex-direction: column; row-gap: 16px; font-weight: 300; } @media (min-width: 768px) { .news-section-hero__text-area { padding: 24px; } } .news-section-hero__text-area { position: absolute; top: 50%; left: 50%; width: calc(100% - 64px); max-width: 700px; box-sizing: border-box; padding: 32px; background: rgba(255, 255, 255, 0.9); border-radius: 8px; transform: translate(-50%, -50%); text-align: center; } .news-section-hero__text-area--top-right { transform: none; top: 32px; right: 0; bottom: auto; left: auto; text-align: left; } .news-section-hero__text-area--bottom-right { transform: none; top: auto; right: 0; bottom: 32px; left: auto; text-align: left; } .news-section-hero__text-area--bottom-left { transform: none; top: auto; right: auto; bottom: 32px; left: 0; text-align: left; } .news-section-hero__text-area--top-left { transform: none; top: 32px; right: auto; bottom: auto; left: 0; text-align: left; } .news-section-hero__text-area--no-background { background-color: transparent; } .news-section-hero__container > .news-section-hero__text-area h1 { font-size: 40px; line-height: 44px; color: var(--secondary-cta); margin: 0; font-weight: 500; font-family: "ICA Rubrik"; } .news-section-hero__text-area a { width: fit-content; } .news-section-hero__text-area--center a { margin: 0 auto; } .news-section-hero__container .news-section-hero__text-area .text-editor p { font-size: 20px !important; line-height: 24px !important; font-family: "ICA Text", sans-serif !important; font-weight: 300 !important; } @media (max-width: 1023px) { .news-section-hero__container > .news-section-hero__text-area h1 { font-size: 24px; line-height: 28px; } .news-section-hero__container .news-section-hero__text-area .text-editor p { font-size: 20px !important; line-height: 28px !important; text-align:center!important; } .news-section-hero__text-area .text-editor { margin-bottom: 8px; } .news-section-hero > .news-section-hero__container { width: calc(100% - 16px); } .news-section-hero__text-area a { margin: 0 auto; } .news-section-hero__text-area { row-gap: 8px; position: absolute; top: 50%; left: 50%; bottom: unset; right: unset; width: calc(100% - 12px); max-width: 700px; box-sizing: border-box; padding: 24px; background: rgba(255, 255, 255, 0.9); border-radius: 8px; transform: translate(-50%, -50%); text-align: center; } } /* Kom igåg att använda px, inte rem */ a.ch-highlightblock .ch-highlightblock-area { height: 100%; } a.ch-highlightblock:hover { text-decoration: none; border-radius: 8px 0 0 8px; } .ch-highlightblock { margin-bottom:32px; width:100%; } .ch-highlightblock-area { position: relative; width: calc(100% - 0px); max-width: 1200px; margin: 0 auto; padding-left: 0; padding-right: 0; display: grid; grid-template-columns: 683px auto; column-gap: 40px; } @media screen and (max-width: 768px) { .ch-highlightblock.block--width-100 > .ch-highlightblock-area { width: auto; } } .ch-highlightblock-area:hover img { transform: scale(1.1); } .ch-highlightblock__image-area img { /*border-radius: 8px 0 0 8px;*/ height: 100%; width: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .ch-highlightblock__image-area picture { display: block; border-radius: 8px 0 0 8px; overflow: hidden; height:400px; } .ch-highlightblock__image-area { order: 1; /* padding-right: 16px; */ overflow: hidden; /* hide overflow */ position: relative; } .ch-highlightblock__text-area { border-radius: 8px 0 0 8px; order: 2; display: flex; flex-direction: column; } .ch-highlightblock__text { margin-top: auto; margin-bottom: auto; } .ch-highlightblock__footer { display: flex; align-items: center; margin-top: 16px; } .ch-highlightblock__timer { font-family: "ICA Text"; color: #3A3A3A; font-size: 14px; margin-bottom: 16px; } .ch-highlightblock .button { align-self: flex-start; margin-right: 32px; font-size:14px; margin-bottom:16px; } .ch-highlightblock .button:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .ch-highlightblock__prefix { margin-top: 16px; color: #CF2E05; font-family: "ICA Pensel"; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .ch-highlightblock__heading { margin-top: 16px; overflow: hidden; color: #3A3A3A; font-family: "ICA Rubrik"; font-size: 32px; font-style: normal; font-weight: 700; line-height: 36px; /* 112.5% */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; flex: 1 0 0; margin-bottom:0; } .ch-highlightblock__preamble { margin-top:8px; margin-bottom:0; overflow: hidden; color: #3A3A3A; text-overflow: ellipsis; font-family: "ICA Text"; font-size: 20px; font-style: normal; font-weight: 300; line-height: 28px; /* 140% */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; flex: 1 0 0; } .ch-highlightblock.block--breakout { position: relative; left: 50%; width: 100dvw; max-width: none; flex: 0 0 100dvw; transform: translateX(-50%); } @media screen and (min-width: 768px) { .ch-highlightblock.block--width-50 { flex: 1 0 calc(50% - 8px); max-width: calc(50% - 8px); } } @media screen and (min-width: 1024px) { .ch-highlightblock.block--width-50 { flex: 1 0 calc(50% - 12px); max-width: calc(50% - 12px); } } @media screen and (min-width: 1400px) { .ch-highlightblock.block--width-50 { flex: 1 0 calc(50% - 20px); max-width: calc(50% - 20px); } } /*100% width block rules*/ .ch-highlightblock.block--width-100 .ch-highlightblock__image-area picture { border-radius: 8px; } .ch-highlightblock.block--width-100 { padding: 48px 0 48px 0; } .ch-highlightblock.block--width-100 > div { padding-top: 0; } /*50% block rules*/ .block:nth-child(n).ch-highlightblock.block--width-50 { margin-top: 0; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.20); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10) } .ch-highlightblock.block--width-50 .ch-highlightblock-area { column-gap: 16px; grid-template-columns: 330px auto; } .block--width-50 .ch-highlightblock__image-area picture { height: 260px; } .block--width-50 .ch-highlightblock__preamble { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ -webkit-line-clamp: 2; } .block--width-50 .ch-highlightblock__heading { font-size: 20px; line-height: 28px; /* 140% */ -webkit-line-clamp: 3; } .block--width-50 .ch-highlightblock__text-area { padding: 0 16px 0 0; } @media (max-width: 1439px) { .ch-highlightblock-area { column-gap: 24px; } } @media (max-width: 1023px) { .ch-highlightblock__heading { font-size:28px; } .ch-highlightblock__prefix { font-size: 14px; } .ch-highlightblock-area { grid-template-columns: 1fr; column-gap:0px; } .block--width-50 .ch-highlightblock__image-area { padding-right: 0px; } .block--width-50 .ch-highlightblock__text-area { padding: 0 16px 0 16px; } .block--width-50 .ch-highlightblock__image-area img { border-radius: 8px 8px 0 0; } .block--width-50 .ch-highlightblock__image-area { height: 240px; } .ch-highlightblock__image-area picture { border-radius: 8px 8px 0px 0px; } } @media (min-width: 1024px) and (max-width: 1439px) { .ch-highlightblock.block--width-50 .ch-highlightblock-area { grid-template-columns: 235px auto; } .ch-highlightblock-area { grid-template-columns: 600px auto; } .ch-highlightblock__heading { -webkit-line-clamp: 3; } .ch-highlightblock__preamble { -webkit-line-clamp: 3; } .block--width-50 .ch-highlightblock__heading { -webkit-line-clamp: 3; } .block--width-50 .ch-highlightblock__preamble { -webkit-line-clamp: 2; } .ch-highlightblock.block--width-100 { padding: 32px 0 32px 0; } } @media (min-width: 768px) and (max-width: 1023px) { .ch-highlightblock.block--width-100 { padding: 32px 16px 32px 16px; } .ch-highlightblock.block--width-50 .ch-highlightblock-area { grid-template-columns: 1fr; } .block--width-50 .ch-highlightblock__image-area picture { height: 240px; } .ch-highlightblock__heading { -webkit-line-clamp: 2; } .ch-highlightblock__preamble { -webkit-line-clamp: 2; } .block--width-50 .ch-highlightblock__heading { -webkit-line-clamp: 2; } .block--width-50 .ch-highlightblock__preamble { -webkit-line-clamp: 2; } } @media (max-width: 767px) { .block:nth-child(n).ch-highlightblock.block--width-100 { border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.20); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10) } .block:first-child.ch-highlightblock.block--width-50, .block:first-child.ch-highlightblock.block--width-100{ margin-top: 16px; } .ch-highlightblock.block--width-50 .ch-highlightblock-area { grid-template-columns: 1fr; } .block--width-50 .ch-highlightblock__image-area picture, .block--width-100 .ch-highlightblock__image-area picture { height: 240px; } .ch-highlightblock.block--width-100 { padding: 0; transform: none; left: 0; flex: 1 0 100%; } .block--width-100 .ch-highlightblock__text-area { padding: 0 16px 0 16px; } .ch-highlightblock__heading { -webkit-line-clamp: 2; font-size: 20px; line-height: 28px; } .ch-highlightblock__preamble { -webkit-line-clamp: 2; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .ch-highlightblock.block--width-100 .ch-highlightblock__image-area picture { border-radius: 8px 8px 0px 0px; } } .ch-listing { display: grid; grid-template-columns: 1fr; row-gap: 24px; margin-bottom:40px; } .ch-listing__heading { margin: 0; } .ch-listing__filters { display: flex; flex-wrap: wrap; gap: 16px; } .ch-listing__filters input[type='checkbox'] { display: none; } .ch-listing__list { display: grid; row-gap: 16px; column-gap: 16px; grid-template-columns: 1fr; } @media (min-width: 768px) { .ch-listing__list { grid-template-columns: repeat(3, 1fr); row-gap: 24px; } } @media (min-width: 1024px) { .ch-listing__list { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 1024px) { .ch-listing__filters .button--big { padding: 0 16px; height: 32px; font-size: 14px; } } @media (max-width: 768px) { .ch-listing__filters .button--big { padding: 0 12px; height: 24px; font-size: 12px; } } .ch-listing-card { display: grid; height: 400px; background-color: var(--white); cursor: pointer; border-radius: 8px; overflow: hidden; color: unset; font-size: unset; line-height: unset; grid-template-rows: 1fr auto; } .ch-listing-card:hover img { transform: scale(1.1); } .ch-listing-card:hover, .ch-listing-card:focus { color: unset; text-decoration: unset; outline: unset; } .ch-listing-card__image-container { overflow: hidden; } @media (min-width: 768px) { .ch-listing-card { height: 300px; } } @media (min-width: 1024px) { .ch-listing-card { height: 320px; } } @media (min-width: 1440px) { .ch-listing-card { height: 400px; } } .ch-listing-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .ch-listing-card__text-container { display: grid; grid-auto-rows: auto; grid-template-columns: 1fr 1fr; padding: 16px; row-gap: 16px; background-color: #ffffff; } .ch-listing-card__heading { grid-column: 1 / span 2; overflow-wrap: break-word; margin: 0; font-size: 20px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-weight:500; } .ch-listing-card__category { grid-column: 1; color: var(--secondary-cta); font-size: 10px; font-weight: 900; letter-spacing: 0.5px; text-transform: uppercase; font-family: "ICA Text", sans-serif; align-self: end; } .ch-listing-card__time { grid-column: 2; font-size: 10px; font-weight: 400; text-align: right; align-self: end; } /* In plain css and with px because it's used in Gruppen as well. */ /* search-results-page */ .search-results-page { display: flex; flex-direction: column; margin-top: 16px; } .search-results-page > h1 { padding-bottom: 8px; border-bottom: 1px solid #868686; margin-top: 32px; margin-bottom: 58px; font-family: 'ICA Rubrik'; font-size: 24px; line-height: 32px; color: #3a3a3a; } .search-results-page > h2 { margin-bottom: 32px; font-family: 'ICA Rubrik'; font-size: 32px; line-height: 36px; font-weight: 600; color: #3a3a3a; } .search-results-page__list { display: grid; row-gap: 24px; list-style: none; margin: 0 0 58px; } .search-results-page__list > li { margin: 0; } .search-results-page__list > li::before { display: none; } /* new-search-result */ .new-search-result { position: relative; left: -16px; display: block; width: calc(100% + 32px); border-radius: 8px; padding: 8px 16px; background-color: rgba(0, 0, 0, 0); text-decoration: none; transition: background-color 0.15s ease, text-decoration 0.15s ease; } .new-search-result:hover, .new-search-result:focus, .new-search-result:focus-visible { background-color: #f9f5f5; text-decoration: none; outline: none; cursor: pointer; } .new-search-result:hover .new-search-result__link { text-decoration: underline; } .new-search-result:active { background-color: #fcece7; } .new-search-result:active .new-search-result__link { text-decoration: none; } .new-search-result__heading { margin: 0 0 8px; font-size: 20px; line-height: 32px; font-weight: 500; font-family: 'ICA Rubrik'; color: #3a3a3a; } @media (min-width: 768px) { .new-search-result__heading { font-size: 24px; } } .new-search-result__preamble { font-size: 20px !important; line-height: 32px !important; color: #3a3a3a; } .new-search-result__link { color: #cf2e05; font-weight: 600; padding: 0 !important; word-break: break-all; } /* Fix for Gruppen */ .generalsearchblock { padding: 0; } .render-body-container .searchPage { margin-top: -17px; } .text--align-left { text-align: left; } .text--align-right { text-align: right; } .text--align-center { text-align: center; } .text--white, .text--white p { color: var(--white); }