/* Minification failed. Returning unminified contents.
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(239,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(259,28): run-time error CSS1039: Token not allowed after unary operator: '-header'
(263,28): run-time error CSS1039: Token not allowed after unary operator: '-header'
(272,28): run-time error CSS1039: Token not allowed after unary operator: '-header'
(322,29): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(412,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(426,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(432,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(455,30): run-time error CSS1034: Expected closing parenthesis, found ','
(455,30): run-time error CSS1042: Expected function, found ','
(455,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(467,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(497,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(563,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(571,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(623,21): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(628,25): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(664,24): run-time error CSS1030: Expected identifier, found '.'
(664,31): run-time error CSS1031: Expected selector, found ')'
(664,31): run-time error CSS1025: Expected comma or open brace, found ')'
(668,14): run-time error CSS1030: Expected identifier, found '.'
(668,21): run-time error CSS1031: Expected selector, found ')'
(668,21): run-time error CSS1025: Expected comma or open brace, found ')'
(700,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(818,21): run-time error CSS1039: Token not allowed after unary operator: '-header'
(820,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(911,22): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(924,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(937,17): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(941,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(966,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(996,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(1015,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1037,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(1055,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(1056,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(1074,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(1126,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(1148,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(1175,22): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1270,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1276,21): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(1281,25): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1303,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1324,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(1327,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(1337,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(1338,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(1350,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(1361,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1402,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(1408,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1425,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(1430,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1458,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(1465,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1513,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs-hover'
(1517,32): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs-hover'
(1523,36): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(1558,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(1570,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(1580,21): run-time error CSS1039: Token not allowed after unary operator: '-header'
(1604,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1613,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1614,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1628,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1635,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1661,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(1669,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1680,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1685,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1690,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1699,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(1700,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(1717,28): run-time error CSS1039: Token not allowed after unary operator: '-header'
(1738,21): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(1743,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1776,21): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-hover'
(1780,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(1792,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(1824,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(1848,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-groen'
(1856,21): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(1867,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(1874,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1882,25): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1883,36): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(1889,25): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1890,31): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(1898,29): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1948,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(1952,21): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-hover'
(1958,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(1985,28): run-time error CSS1039: Token not allowed after unary operator: '-header'
(2008,31): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(2059,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(2077,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(2095,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(2211,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(2220,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(2225,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(2234,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(2239,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(2248,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(2253,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(2263,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(2272,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(2407,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(2443,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(2597,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(2602,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(2606,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(2613,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(2629,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(2635,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(2707,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(2709,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(2720,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(2734,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(2748,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(2749,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(2755,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(2761,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(2766,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(2853,36): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(2854,32): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs-hover'
(2885,25): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3006,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(3015,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3035,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3055,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(3069,36): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(3070,32): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs-hover'
(3076,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(3100,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(3104,21): run-time error CSS1039: Token not allowed after unary operator: '-header'
(3111,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3113,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(3131,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(3145,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(3180,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3217,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3355,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(3378,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3391,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(3394,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(3395,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(3410,28): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(3411,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(3417,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(3426,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3432,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(3433,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(3453,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(3456,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-balk'
(3461,28): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(3467,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(3470,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-balk'
(3478,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(3480,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(3522,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(3525,16): run-time error CSS1039: Token not allowed after unary operator: '-header'
(3567,28): run-time error CSS1039: Token not allowed after unary operator: '-header'
(3588,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(3617,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3633,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3696,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(3715,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(3730,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3757,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3795,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(3796,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(3798,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(3813,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3831,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3853,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(3986,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(3991,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4000,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(4011,36): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4012,32): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs-hover'
(4020,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(4026,21): run-time error CSS1039: Token not allowed after unary operator: '-header'
(4030,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(4058,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(4114,21): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4131,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4137,21): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4141,25): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4156,28): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(4164,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(4192,29): run-time error CSS1030: Expected identifier, found '>'
(4192,59): run-time error CSS1031: Expected selector, found ')'
(4192,59): run-time error CSS1025: Expected comma or open brace, found ')'
(4198,33): run-time error CSS1030: Expected identifier, found '>'
(4198,63): run-time error CSS1031: Expected selector, found ')'
(4198,63): run-time error CSS1025: Expected comma or open brace, found ')'
(4205,33): run-time error CSS1030: Expected identifier, found '>'
(4205,63): run-time error CSS1031: Expected selector, found ')'
(4205,63): run-time error CSS1025: Expected comma or open brace, found ')'
(4211,33): run-time error CSS1030: Expected identifier, found '>'
(4211,63): run-time error CSS1031: Expected selector, found ')'
(4211,63): run-time error CSS1025: Expected comma or open brace, found ')'
(4229,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4234,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4241,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4250,21): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4263,28): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(4271,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4293,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(4294,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(4313,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4382,22): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4399,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4412,22): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4458,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4466,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4478,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(4484,21): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(4496,21): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4502,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4508,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4558,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4570,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4580,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4585,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4611,22): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4616,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(4653,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(4655,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(4665,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(4667,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(4726,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4734,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4763,21): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(4783,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4799,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4818,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(4824,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4830,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(4866,36): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(4867,36): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(4869,31): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(4879,36): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(4880,40): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(4902,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(5030,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5034,21): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(5043,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(5064,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(5076,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(5089,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(5163,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(5170,2): run-time error CSS1030: Expected identifier, found '.'
(5170,2): run-time error CSS1019: Unexpected token, found '.'
(5182,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(5183,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(5193,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(5195,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5199,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(5245,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5320,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5331,17): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(5340,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(5349,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(5373,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5379,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5384,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(5387,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(5414,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(5417,46): run-time error CSS1046: Expect comma, found '0'
(5417,50): run-time error CSS1046: Expect comma, found '/'
(5419,38): run-time error CSS1046: Expect comma, found '0'
(5419,42): run-time error CSS1046: Expect comma, found '/'
(5424,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(5456,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(5459,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5466,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5496,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5523,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5529,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5547,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(5552,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5586,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5594,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5603,21): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5607,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(5761,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5786,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5800,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5829,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5838,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(5869,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5883,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(5886,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(5895,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5900,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5927,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5928,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5942,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(5948,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5963,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(5973,21): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(5982,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(6006,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(6018,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(6041,46): run-time error CSS1046: Expect comma, found '0'
(6041,50): run-time error CSS1046: Expect comma, found '/'
(6043,38): run-time error CSS1046: Expect comma, found '0'
(6043,42): run-time error CSS1046: Expect comma, found '/'
(6048,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(6114,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(6146,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(6197,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(6201,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(6205,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(6295,17): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(6296,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(6309,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(6310,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(6319,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(6360,28): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(6364,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(6446,69): run-time error CSS1030: Expected identifier, found '.'
(6446,94): run-time error CSS1031: Expected selector, found ')'
(6446,94): run-time error CSS1025: Expected comma or open brace, found ')'
(6456,55): run-time error CSS1030: Expected identifier, found '>'
(6456,67): run-time error CSS1031: Expected selector, found ')'
(6456,67): run-time error CSS1025: Expected comma or open brace, found ')'
(6507,17): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(6513,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-selected'
(6517,28): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(6592,36): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(6602,32): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(6634,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(6644,32): run-time error CSS1039: Token not allowed after unary operator: '-primaire-kleur'
(7266,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(7270,32): run-time error CSS1039: Token not allowed after unary operator: '-secundaire-kleur'
(7324,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(7337,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(7339,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7356,35): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(7372,32): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(7384,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(7387,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7401,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7410,25): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(7428,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7483,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(7486,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7495,21): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(7501,17): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(7537,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(7539,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(7548,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(7558,28): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7559,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7572,24): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(7573,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(7579,28): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7580,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7617,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(7633,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(7654,17): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(7662,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7664,37): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7672,57): run-time error CSS1030: Expected identifier, found '>'
(7672,83): run-time error CSS1031: Expected selector, found ')'
(7672,83): run-time error CSS1025: Expected comma or open brace, found ')'
(7695,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(7763,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(7765,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(7766,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(7783,28): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7784,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7794,28): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7796,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7805,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7813,24): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(7814,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(7822,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(7823,32): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(7841,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(7844,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7885,41): run-time error CSS1030: Expected identifier, found '>'
(7885,74): run-time error CSS1031: Expected selector, found ')'
(7885,74): run-time error CSS1025: Expected comma or open brace, found ')'
(7946,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(7977,17): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(7983,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(7985,37): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8003,28): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8006,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8012,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8019,28): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8020,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8086,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(8090,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8096,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8151,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8155,21): run-time error CSS1039: Token not allowed after unary operator: '-header'
(8172,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8174,21): run-time error CSS1039: Token not allowed after unary operator: '-header'
(8179,33): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(8224,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8243,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(8245,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(8256,28): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8257,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8267,28): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8269,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8288,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8319,28): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(8325,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8348,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(8361,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8399,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(8404,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(8409,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8457,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(8471,24): run-time error CSS1039: Token not allowed after unary operator: '-fotohoogte'
(8471,44): run-time error CSS1039: Token not allowed after unary operator: '-balkhoogte'
(8477,22): run-time error CSS1039: Token not allowed after unary operator: '-balkhoogte'
(8478,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8479,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8482,27): run-time error CSS1039: Token not allowed after unary operator: '-balkhoogte'
(8499,32): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(8519,22): run-time error CSS1039: Token not allowed after unary operator: '-fotohoogte'
(8535,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(8536,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8548,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(8549,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8552,17): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(8581,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8585,21): run-time error CSS1039: Token not allowed after unary operator: '-header'
(8591,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(8595,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8630,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(8643,32): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(8663,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8664,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8685,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(8687,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8693,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8698,17): run-time error CSS1039: Token not allowed after unary operator: '-grijs-tekst'
(8704,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(8707,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8711,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8712,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(8717,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(8718,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8739,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(8743,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8756,28): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs'
(8819,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(8822,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8841,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(8844,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8854,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(8863,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(8877,42): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(8916,25): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(8922,29): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8924,45): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8972,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(8978,27): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(8981,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(8993,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9001,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9003,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(9025,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(9029,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9052,28): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9070,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9074,17): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(9079,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9082,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(9108,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(9115,21): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(9120,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9136,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(9144,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(9150,17): run-time error CSS1039: Token not allowed after unary operator: '-header'
(9157,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9162,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9174,21): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(9187,17): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(9192,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9225,27): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(9228,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9246,17): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(9251,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9253,37): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9282,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9308,27): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(9312,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9318,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9321,21): run-time error CSS1039: Token not allowed after unary operator: '-header'
(9338,28): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(9346,27): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(9356,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9373,27): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9385,28): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(9394,27): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(9397,21): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9432,28): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(9462,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9472,23): run-time error CSS1039: Token not allowed after unary operator: '-kop-font'
(9487,28): run-time error CSS1039: Token not allowed after unary operator: '-oranje'
(9488,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9498,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9507,32): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(9509,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9518,23): run-time error CSS1039: Token not allowed after unary operator: '-tekst-font'
(9531,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9536,21): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(9566,9): run-time error CSS1030: Expected identifier, found '>'
(9566,24): run-time error CSS1031: Expected selector, found ')'
(9566,24): run-time error CSS1025: Expected comma or open brace, found ')'
(9570,13): run-time error CSS1030: Expected identifier, found '>'
(9570,28): run-time error CSS1031: Expected selector, found ')'
(9570,28): run-time error CSS1025: Expected comma or open brace, found ')'
(9585,18): run-time error CSS1030: Expected identifier, found '#viewtender-planning'
(9585,38): run-time error CSS1031: Expected selector, found ')'
(9585,38): run-time error CSS1025: Expected comma or open brace, found ')'
(9611,32): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(9618,32): run-time error CSS1039: Token not allowed after unary operator: '-blauw-grijs-hover'
(9757,32): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(9814,32): run-time error CSS1039: Token not allowed after unary operator: '-paars-transparant'
(9897,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9898,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10249,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10250,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10574,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10608,36): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(10618,39): run-time error CSS1039: Token not allowed after unary operator: '-grijs-rand'
(10627,21): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(10640,32): run-time error CSS1039: Token not allowed after unary operator: '-grijs-sectie'
(10641,21): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(10658,32): run-time error CSS1039: Token not allowed after unary operator: '-paars'
(10678,25): run-time error CSS1039: Token not allowed after unary operator: '-paars-link'
(10726,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20330,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20340,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&family=Open+Sans:wght@300;400;600;700;800&display=swap');

/*RESET START*/

html {
    background: white;
    color: black;
    overflow-x: visible;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

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

table {
    border-spacing: 0;
    border-collapse: collapse;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-weight: normal;
    font-style: normal;
}

strong {
    font-style: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2 h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-weight: inherit;
    font-size: inherit;
    *font-size: 100%;
    font-family: inherit;
}
/*because legend doesn't inherit in IE */

legend {
    color: #5a5959;
}

pre {
    white-space: -moz-pre-wrap;
    /* Mozilla, supported since 1999 */
    white-space: -pre-wrap;
    /* Opera */
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word;
    /* IE 5.5+ */
}
/*RESET END*/

/* De drie @font-face-blokken die hier stonden ('Open Sans Condensed',
   'Open Sans Light' en 'Open Sans Extra Bold') zijn verwijderd. Ze waren
   misvormd - format("ttf") bestaat niet en voor de .svg-url ontbrak een komma,
   waardoor de eerste src-regel ongeldig was - en ze declareerden gewichten als
   losse families, wat botst met de echte Open Sans uit de import bovenaan.
   Het ontwerp ("WIF Inhuur Design") gebruikt maar twee letters:
     Plus Jakarta Sans  Bold / ExtraBold   -> koppen   (var(--kop-font))
     Inter              Light t/m Bold     -> tekst    (var(--tekst-font))
   Beide komen uit de @import op regel 1. De losse verwijzingen naar
   'Open Sans Light', 'Open Sans Extra Bold' en 'Dosis' hieronder zijn naar die
   twee variabelen omgezet. */


:root {
    /* --- Huisstijl Werken in Friesland (XD "WIF Inhuur Design") --- */
    --paars: #6E4098; /*paars - banners en accenten*/
    --paars-transparant: rgba(110, 64, 152, 0.9); /*paarse balk over de herofoto*/
    --paars-link: #6B3D8E; /*paars - links*/
    --oranje: #d77d23; /*oranje - primaire call-to-action*/
    --oranje-hover: #D97F00;
    --navy: #291948; /*donkerpaars - koppen en omlijnde knoppen*/
    --grijs-sectie: #EDEDED; /*achtergrond grijze secties*/
    --grijs-rand: #D4D1CF; /*randen en scheidingslijnen*/
    --grijs-tekst: #707070; /*bovenkopjes en bijschriften*/
    --grijs-balk: #707070; /*achtergrond wizardkoppen - zelfde grijs als
                             --grijs-tekst, maar een eigen naam omdat het hier
                             een vlak is en geen tekst*/
    --kop-font: 'Plus Jakarta Sans', 'Open Sans', Arial, sans-serif;
    --tekst-font: 'Inter', 'Open Sans', Arial, sans-serif;

    /* --- bestaande variabelen, doorgezet naar de nieuwe huisstijl --- */
    --primaire-kleur: #d77d23; /*oranje*/
    --secundaire-kleur: #291948; /*donkerpaars*/
    --accent-groen: #6E4098; /*paars*/
    --header: #1A212B; /*bodytekst*/
    --menu-item-hover: #6B3D8E; /*paars*/
    --menu-item-selected: #6E4098; /*paars*/
    --blauw-grijs: #F7F7F7;
    --blauw-grijs-hover: #FBFBFB;
    --licht-grijs: #FFFFFF;
}

a {
    text-decoration: none;
    transition: color 0.5s, background 0.5s;
}

a.accessibilityLink:hover, a.accessibilityLink:focus {
    text-decoration: underline;
}

/* COLOR */
.dark_grey {
    color: #adadad;
}

    .dark_grey a {
        color: #adadad;
    }

.red {
    color: #e42219;
}

.green {
    color: var(--primaire-kleur);
}

.text-grey {
    color: #454545;
}

.dotted-hr {
    background-color: #fff;
    border: #cccccc 1px dotted;
    border-style: none none dotted;
    color: #fff;
    margin-right: 40px;
}

div#spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2000;
    display: none;
    overflow: auto;
    margin-top: -50px;
    margin-left: -50px;
    padding: 10px;
    width: 100px;
    height: 100px;
    border: 1px solid #cccccc;
    background: url(./images/spinner.gif) no-repeat center white;
    text-align: center;
    font: normal 16px Tahoma, Geneva, sans-serif;
}

body {
    font-size: 14px;
    font-family: 'Open Sans', Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    font-weight: 300;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
    color: var(--header);
    width: 100%;
    position: relative;
    text-align: center;
    overflow: auto;
    overflow-x: visible;
}

div#site-container {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 320px;
}

#header {
    position: relative;
    width: 100%;
    text-align: center;
    height: 208px;
    background-color: var(--header);
}

#header .responsive-wrapper {
    background-color: var(--header);
}


#nav {
    overflow: hidden;
    position: relative;
    margin: 70px auto 0 auto;
    text-align: center;
    background-color: var(--header);
    opacity: 0.9;
}

    #nav.sticky {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        border-top: 0;
        margin-top: 0;
    }

#x-nav {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    background-color: #ad9156;
    overflow: hidden;
}

#cross-site-navigation {
    float: left;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

    #cross-site-navigation li {
        display: block;
        float: left;
        position: relative;
        transition: background 0.5s;
    }

        #cross-site-navigation li:hover, #cross-site-navigation li:focus {
            background-color: #ddc999;
        }

        #cross-site-navigation li a {
            text-decoration: none;
            color: white;
            font-size: 24px;
            padding: 10px 36px 11px 36px;
            display: block;
            line-height: 1.5em;
        }

            #cross-site-navigation li a:hover, #cross-site-navigation li a:focus {
                color: var(--secundaire-kleur);
            }


.lock-icon {
    width: 37px;
    height: 37px;
    background-image: url('Images/icon_slot.png');
    float: left;
    margin-right: 5px;
    transition: background-image 0.5s;
}

    .lock-icon:hover, .lock-icon:focus {
        width: 37px;
        height: 37px;
        background-image: url('Images/icon_slot_mouseover.png');
    }

.account-icon {
    width: 37px;
    height: 37px;
    background-image: url('Images/icon_account.png');
    float: left;
    margin-right: 5px;
    transition: background-image 0.5s;
}

    .account-icon:hover, .account-icon:focus {
        width: 37px;
        height: 37px;
        background-image: url('Images/icon_account_mouseover.png');
    }

.settings-icon {
    width: 37px;
    height: 37px;
    background-image: url('Images/icon_beheer.png');
    float: left;
    margin-right: 5px;
    transition: background-image 0.5s;
}

    .settings-icon:hover, .settings-icon:focus {
        width: 37px;
        height: 37px;
        background-image: url('Images/icon_beheer_mouseover.png');
    }

#logo {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

#home-foto-container {
    position: absolute;
    top: 45px;
    width: 100%;
    margin-top: 162px;
}

.home-foto {
    background-position: center;
    position: relative;
    height: 610px;
    width: 100%;
    background-size: cover;
}


#site-foto-container {
    position: absolute;
    top: 207px;
    width: 100%
}

.site-foto {
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    height: 500px;
    width: 100%;
    background-size: cover;
    margin-top:-55px;
    /*de headerfoto is een CSS background-image: de browser vraagt hem pas op
      nadat de stylesheet is verwerkt en het vlak is uitgelijnd, en dat gebeurt
      achter de blokkerende DevExtreme-scripts aan. Tot dat moment was het vlak
      onder de headerrand wit; deze grijstint vult het gat tot de foto er is.*/
    background-color: var(--grijs-sectie);
}

.site-foto-main {
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    height: 400px;
    width: 100%;
    background-size: cover;
}

h2.site-photo-header {
    font-family: var(--tekst-font);
    font-size: 24px;
    position: relative;
    text-transform: uppercase;
    left: 50%;
    margin-left: -480px;
    color: var(--header);
    font-weight: 300;
    padding-top: 30px;
}

.about-foto-innercontainer {
    z-index: 4;
    position: relative;
    float: right;
    padding: 36px;
    width: 560px;
    box-sizing: border-box;
    height: 260px;
    margin-top: 7%;
    margin-right: 16%;
}

.about-foto-innerblock {
    position: relative;
    float: right;
    font-weight: bold;
    padding: 36px;
    box-sizing: border-box;
    background: rgb(49,72,155,0.9);
    opacity: 0.9;
    height: 350px;
    margin-top: 0;
    -moz-border-radius: 0 0 12px 12px;
    -webkit-border-radius: 0 0 12px 12px;
    border-radius: 0 0 30px 30px; /*border bottom rond*/
}

.about-foto-link {
    font-size: 16px;
    font-weight: bold;
    background-color: var(--primaire-kleur);
    color: white;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    bottom: 45px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 45px;
    box-shadow: none;
    padding: 18px 40px;
    overflow: auto;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    white-space: nowrap;
    display: table-cell;
    text-decoration: none;
    -webkit-transform: none;
    transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    transition: 0.5s;
}

    .about-foto-link:hover, .about-foto-link:focus {
        color: white;
        background-color: var(--secundaire-kleur);
        text-decoration: none;
    }

.home-foto-mid {
    z-index: 4;
    width: 100%;
    height: 380px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.home-about-hecht {
    margin: 80px 0;
}

.hecht-labels {
    text-align: center;
    width: 100%;
}

.logos-hecht-labels {
    float: left;
    padding: 16px 20px 16px 0;
    margin: 20px 0;
    box-sizing: border-box;
    height: 110px;
}

.customvideowrapper {
    box-sizing: border-box;
}

.customvideoinnerwrapper {
    position: relative;
    float: left;
    width: 450px;
    box-sizing: border-box;
    margin-bottom: 40px;
    margin-right: 30px;
}

.customvideoplayercontainer {
    position: relative;
    padding-bottom: 54.25%;
    margin-bottom: 10px;
}

    .customvideoplayercontainer iframe, .customvideoplayercontainer object, .customvideoplayercontainer embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.customvideotitle {
    font-size: 18px;
    font-weight: 700;
    box-sizing: border-box;
    float: left;
    position: relative;
}

h1.home-welcome {
    font-family: var(--kop-font);
    font-size: 52px;
    font-weight: 700;
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: left;
    top: 1%;
    color: var(--secundaire-kleur);
    line-height: 1.2em;
    padding: 0 0 12px;
}

h1.home-welcome2 {
    font-family: 'Open Sans';
    font-size: 42px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
    top: 32%;
    color: white;
    line-height: 1.2em;
    padding: 30px 0;
    overflow: auto;
}

#logo-placeholder {
    width: 390px;
    height: 70px;
    float: left;
    margin-top: 30px;
    background: url('/Content/Images/huisstijl/logo/nou_logo.svg') no-repeat center;
}

#logintab {
    float: right;
    position: relative;
    padding: 18px 54px 17px 20px;
    width: 76px;
}

#loginsection {
    font-size: 12px;
    margin-top: 19px;
    float: right;
    z-index: 10;
    color: #807570;
}

#layoutbacklink {
    font-size: 12px;
    float: right;
    overflow: hidden;
    z-index: 10;
    margin-right: 6px;
}

    #layoutbacklink a {
        color: var(--primaire-kleur);
        text-transform: uppercase;
    }

        #layoutbacklink a:hover, #layoutbacklink a:focus {
            color: var(--secundaire-kleur);
            text-decoration: underline;
        }

#login {
    z-index: 10;
    position: absolute;
    background-color: white;
    top: 15px;
    right: 0;
    width: 300px;
}

#content-container-wrapper {
    width: 100%;
    overflow: hidden;
}

#content-container {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 115px;
}

#content {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 60px;
}

/*op pagina's met een wizard stond de stappenbalk zo'n 160px onder de
  navigatie; daar is 80px genoeg*/
#content-container:has(.wizard) {
    padding-top: 80px;
}

#content:has(.wizard) {
    margin-top: 0;
}

#page-title-background {
    width: 100%;
    height: 114px;
    position: relative;
    z-index: 0;
    background: url('/Content/Images/square_background_inhuur.png');
    background-repeat: repeat;
    text-align: center;
}

#background-topshadow {
    position: absolute;
    top: 0px;
    height: 7px;
    width: 100%;
    background: url('/Content/Images/menu_shade_top.png');
}

#background-bottomshadow {
    position: absolute;
    bottom: 0px;
    height: 7px;
    width: 100%;
    background: url('/Content/Images/menu_shade_bottom.png');
}

#page-title {
    color: white;
    font-family: var(--kop-font);
    font-size: 39px;
    font-weight: 200;
    position: relative;
    width: 960px;
    margin: 0 auto;
    text-align: left;
    padding-top: 29px;
}

.li_container {
    height: 25px;
    text-align: justify;
    max-width: 600px;
    font-weight: bold;
    padding-top: 5px;
}

    .li_container div {
        display: inline-block;
    }

    .li_container:after {
        content: '';
        width: 100%;
        display: inline-block;
    }

.block-right {
    float: right;
}

.block-right-no-margin {
    float: right;
}

#backgroundimage {
    z-index: 2;
    position: fixed;
    left: 50%;
    top: 40px;
    margin-left: 414px;
    overflow: visible;
}

#backgroundimage2 {
    width: 960px;
    z-index: 1;
    position: fixed;
    text-align: center;
    overflow: visible;
}

    #backgroundimage2 img {
        position: absolute;
        top: -180px;
        left: -580px;
    }

a.nounderline {
    text-decoration: none;
}

.page-block {
    margin-top: 20px;
}

input[type=text],
input[type=email],
input[type=password] {
    vertical-align: middle;
    padding: 5px 12px;
    border: solid 1px #807570;
    height: 36px;
    width: 696px;
    background: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

input[type=radio] {
    font-size: 15px;
    vertical-align: middle;
}

input[type=radio].gender, input[type=radio].biddertype {
    margin-left: 5px;
}

input[type=radio].gender {
    margin-bottom: 4px;
}

/*de keuzes bij een gunningscriterium staan in kale divs tegen de rand van
  .wizard-item, die overflow: hidden heeft; zonder ruimte links viel de
  focusrand bij toetsenbordbediening daar half weg*/
input[type=radio][name$='SelectedTenderCriteriaListItem'] {
    margin-left: 5px;
}

label {
    display: inline-block;
    width: 200px;
    font-size: 14px;
    vertical-align: middle;
    padding: 10px 7px 10px 0;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 18px;
}

    h2.styledtitle {
        color: var(--header);
        font-size: 32px;
        font-family: var(--tekst-font);
        font-weight: 300;
        padding: 0 0 0.5em 0;
        margin: 0 0 1em 0;
        clear: both;
    }

h3 {
    font-size: 18px;
    margin: 0px 0;
}

h4 {
    font-size: 18px;
    margin: 10px 0;
}

h5 {
    font-size: 16px;
    margin: 10px 0;
}

h6 {
    font-size: 15px;
    margin: 10px 0;
}

p {
    font-size: 16px;
    line-height: 1.7em;
    margin: 0;
    padding: 0;
}

ul {
    list-style: circle;
}

ol {
    list-style: decimal;
}

/*GENERAL LAYOUT ELEMENTS*/
.styledcontainer {
}

    .styledcontainer .home-text {
    }

#breadcrumbcontainer {
    position: relative;
    float: left;
    clear: left;
    margin: 40px 0;
    color: white;
    font-size: 13px;
    width: 100%;
    text-align: left;
    background-color: white;
}

    #breadcrumbcontainer a {
        color: white;
        text-decoration: none;
    }

.breadcrumbitem {
    float: left;
    padding: 15px 25px;
}

.label-default-1 {
    float: left;
    clear: left;
    font-weight: bold;
    width: 250px;
    padding-right: 10px;
}

.textbox-input-default-1 {
    border: solid 1px #f2f2f2;
    height: 25px;
    width: 350px;
}

.green-button {
    float: right;
    color: white;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    background: var(--primaire-kleur);
    min-width: 187px;
    padding: 10px 15px;
    margin: 0 0 0 20px;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

    .green-button:hover, .green-button:focus {
        color: white;
        background-color: var(--secundaire-kleur);
    }

a.green-button {
    display: block;
    text-decoration: none;
}

/*stond in het donkerpaars van --secundaire-kleur en kleurde op hover
  oranje via --primaire-kleur; daardoor las hij niet als link en week de
  hover af van de rest van de site. Hij krijgt hier dezelfde kleur en
  hover als de overige links: paars, op hover navy met onderstreping.*/
a.blue-link {
    color: var(--paars-link);
}

    a.blue-link:hover, a.blue-link:focus {
        color: var(--navy);
        text-decoration: underline;
        cursor: pointer;
    }

/*HOME PARTIALS*/

/*de contentkolom is maximaal 1200px breed en schaalt daaronder mee met het
  scherm; de 20px padding zit binnen de 1240px, dus vanaf 1240px is de kolom
  precies 1200px - even breed als voorheen*/
div.responsive-wrapper {
    box-sizing: border-box;
    width: 100%;
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

h2.home-title {
    font-size: 26px;
    z-index: 5;
    width: 100%;
    text-align: center;
    color: var(--secundaire-kleur);
    margin: 30px 0;
}

.about-home-container {
    width: 100%;
    box-sizing: border-box;
    height: 400px;
    margin: 80px 0;
    overflow: hidden;
    background-color: transparent;
    background-size: 600px 400px;
    background-position: left top;
    background-repeat: no-repeat;
}

.home-about-foto1 {
    background-image: url('/Content/Images/content-blokken/foto_home_block01.jpg');
}

.home-about-foto2 {
    background-image: url('/Content/Images/content-blokken/foto_home_block02.jpg');
}

.about-home-innercontainer-rechts {
    position: relative;
    float: right;
    padding: 36px;
    width: 526px;
    box-sizing: border-box;
    background-color: var(--primaire-kleur);
    opacity: 0.9;
    height: 260px;
    margin-top: 7%;
    -moz-border-radius: 30px 30px 0 0;
    -webkit-border-radius: 30px 30px 0 0;
    border-radius: 30px 30px 0 0;
}

.about-home-innercontainer-rechts p {
    color: white;
}

.about-home-innercontainer-links {
    position: relative;
    float: right;
    padding: 36px;
    width: 526px;
    box-sizing: border-box;
    background-color: var(--secundaire-kleur);
    opacity: 0.9;
    height: 290px;
    text-align: right;
    margin-top: 7%;
    -moz-border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
}

.about-home-innercontainer-links a {
    text-align: right;
    padding: 20px 0;
}

.about-home-innercontainer-links p {
    color: white;
}


h3.home-about-title {
    font-size: 17px;
    font-family: var(--tekst-font);
    color: white;
    font-weight:300;
    margin-top: 7px;
    text-transform: uppercase;
    overflow: auto;
}

/*dezelfde maat en gewicht als h1.frontend-title, de kop die de overige
  pagina's gebruiken. Familie en kleur komen al uit de algemene h1-regel.*/
h1.page-title {
    font-size: 38px;
    font-weight: 800;
    margin: 0 0 1em 0;
    padding: 0;
}

h1.frontend-title, h1.about-title {
    color: var(--header);
    font-family: var(--kop-font);
    font-size: 42px;
    font-weight: 700;
    margin: 0 0 1em 0;
    padding: 0;
}

p.about-intro-text {
    margin: 1em 0 1.5em 0;
}

p.about-text {
    font-size: 16px;
    margin: 0 0 1.5em 0;
}

h2.about-subtitle {
    font-size: 24px;
    color: var(--header);
    font-weight: 400;
    padding: 10px 0;
    margin: 0;
    padding: 0;
    line-height: 2;
}

p.home-intro-text {
    color: white;
    font-weight: normal;
    font-size: 15px;
    width: 500px;
    margin: 14px 0 0 0;
    float: left;
    line-height: 24px;
}

    p.home-intro-text a {
        color: white;
        font-weight: bold;
        text-decoration: none;
    }

.about-image {
    width: 80%;
}

.home-text {
    font-size: 18px;
    margin: 1em 0 1.5em 0;
}

.support-text {
    font-size: 14px;
    margin: 1em 0 1.5em 0;
}


p.home-header-about-text {
    color: white;
    font-weight: 400;
}

.home-block-text {
    padding: 0 25px 0 25px;
    color: white;
}

h2.home-block-title {
    padding: 0;
    margin: 0;
    font-family: var(--tekst-font);
    color: white;
    font-size: 30px;
    font-weight: 300;
    color: white;
    margin-bottom: 20px;
    overflow: auto;
}

h2.home-block-title-grey {
    padding: 0;
    margin: 20px 0 35px 0;
    font-size: 22px;
    color: #8b9dab;
}

#home-blocks-container {
    margin-top: 520px;
}

#home-search {
    position: relative;
    background-color: var(--primaire-kleur);
    float: left;
    width: 294px;
    margin: 0 3px 5px 3px;
    height: 270px;
    color: #121212;
    text-decoration: none;
    z-index: 4;
    -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
}

.home-block-legend {
    font-size: 18px;
    font-weight: bold;
    color: white;
    padding: 0px 25px 5px 25px;
    margin: 0 0 35px 0;
}

#home-search-button {
    margin: 0 25px;
    color: #fff;
    padding: 11px 10px;
    display: block;
    font-size: 14px;
    background: var(--secundaire-kleur);
    text-align: center;
    bottom: 25px;
    position: absolute;
    width: 244px;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    #home-search-button:hover, #home-search-button:focus {
        background: #115552;
    }

#home-register-bidder {
    position: relative;
    background-color: #227D79;
    float: left;
    width: 294px;
    margin: 0 3px 5px 33px;
    height: 270px;
    text-decoration: none;
    z-index: 4;
    -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
}

#home-register-supplier {
    position: relative;
    background-color: #193F6C;
    float: left;
    width: 294px;
    margin: 0 3px 5px 33px;
    height: 270px;
    text-decoration: none;
    z-index: 4;
    -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
}

.home-block-image {
    position: absolute;
    top: -41px;
    left: 106px;
}

.register-link, .home-search-link {
    color: white;
    padding: 18px 0;
    display: block;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    box-sizing: border-box;
}

    .register-link:hover, .register-link:focus {
        text-decoration: underline;
    }

    .home-search-link:hover, .home-search-link:focus  {
        color: #fff;
        background-color: white;
    }

#home-table {
    width: 100%;
    border-collapse: collapse;
    border: 0;
}

    #home-table td {
        vertical-align: top;
    }

#home-contact {
    position: relative;
    z-index: 3;
    float: right;
    clear: right;
    width: 338px;
    height: 191px;
    background-color: white;
    border: 1px solid #cccccc;
}

    #home-contact .home-block-text {
        color: #404040;
    }

    #home-contact .home-block-title {
        color: white;
        background-color: var(--secundaire-kleur);
        padding: 13px 25px 13px 25px;
        margin: 0 0 20px 0;
    }

    #home-contact a {
        color: var(--primaire-kleur);
        text-decoration: none;
    }

        #home-contact a:hover, #home-contact a:focus{
            color: var(--secundaire-kleur);
        }

.home-bottom-block {
    float: left;
    line-height: 1.5em;
    z-index: 2;
    position: relative;
    width: 254px;
    height: 270px;
    padding: 0 23px;
    margin: 40px 0 120px 0;
    background-color: white;
    text-align: left;
}

    .home-bottom-block p {
        margin: 0;
        padding: 0;
    }

    .home-bottom-block h2 {
        color: var(--secundaire-kleur);
        padding: 20px 0;
        font-size: 1.5em;
        margin: 0;
    }

    .home-bottom-block + .home-bottom-block {
        margin-left: 30px;
    }


#home-new-tenders {
    position: relative;
    z-index: 1;
    float: left;
    clear: left;
    width: 100%;
    background-color: transparent;
}

#home-new-tenders .home-block-title {
    font-family: var(--tekst-font);
    font-weight: 500;
    font-size: 22px;
    color: var(--header);
    z-index: 5;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-top: 80px;
    text-transform: uppercase;
}

.home-block-title-nieuwste-opdrachten {
    font-family: var(--kop-font);
    color: var(--header);
    font-size: 42px;
    text-align: center;
    margin-bottom: 40px;
}

.refresh-icon {
    width: 36px;
    height: 36px;
    background-image: url('Images/icon_refresh_white.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: var(--primaire-kleur);
    float: left;
    margin-right: 5px;
    transition: background-color 0.5s;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    cursor: pointer;
}

    .refresh-icon:hover, .refresh-icon:focus {
        background-color: var(--secundaire-kleur);
    }

.home-new-tender-icon {
    position: absolute;
    top: 0px;
    right: 10px;
    color: #f4e1b4;
    cursor: pointer;
    background-image: url('/Content/Images/icon_newtender.png');
    background-repeat: no-repeat;
    background-position: 40px 0;
    padding: 10px 0;
    width: 77px;
    margin: 10px 0;
    transition: background-image 0.5s;
}

    .home-new-tender-icon:hover, .home-new-tender-icon:focus {
        color: #e5a430;
        background-image: url('/Content/Images/icon_newtender_mouseover.png');
    }

.share-tender-icon-container {
    position: relative;
    float: left;
    width: 100%;
}

.share-tender-icon {
    float: right;
    color: white;
    cursor: pointer;
    background-image: url('/Content/Images/icon_share_white.png');
    background-position: 3px 3px;
    width: 32px;
    height: 32px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-repeat: no-repeat;
    background-color: var(--primaire-kleur);
    transition: background 0.5s;
    margin: 10px;
}

    .share-tender-icon:hover, .share-tender-icon:focus  {
        background-color: var(--secundaire-kleur);
    }

.share-detailtender-icon {
    background-image: url('/Content/Images/icon_share_white.png');
    position: relative;
    cursor: pointer;
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin: 12px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
    background-color: var(--primaire-kleur);
    transition: background 0.5s;
}

    .share-detailtender-icon:hover, .share-detailtender-icon:focus {
        background-color: var(--secundaire-kleur);
    }

.share-container {
    text-align: center;
    color: #121212;
    background-color: #fafafa;
    position: absolute;
    display: none;
    width: 172px;
    height: 80px;
    right: 10px;
    top: -109px;
    padding: 15px;
    border: 1px solid #ccc;
}

.share-li, .share-fb, .share-gp, .share-tw {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin: 5px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    background-color: var(--primaire-kleur);
    transition: background 0.5s;
}

.share-li:hover, .share-fb:hover, .share-gp:hover, .share-tw:hover,
.share-li:focus, .share-fb:focus, .share-gp:focus, .share-tw:focus
{
    background-color: var(--secundaire-kleur);
}

.share-li {
    background-image: url('/Content/Images/icon_linkedin_white.png');
}

.share-fb {
    background-image: url('/Content/Images/icon_facebook_white.png');
}

.share-tw {
    background-image: url('/Content/Images/icon_twitter_white.png');
}

.share-gp {
    background-image: url('/Content/Images/icon_google_white.png');
}

#home-published-tenders {
    position: relative;
    float: left;
    width: 275px;
    margin-top: 10px;
}

a.home-contact {
    color: #0da3b5;
}

.home-tender {
    position: relative;
    padding: 0px;
    float: left;
    background-color: white;
    width: 294px;
    height: 310px;
    color: #121212;
    text-decoration: none;
    z-index: 4;
    -moz-border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
    border: 1px solid #00000029;
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
}

.home-tender:hover {
    background-color: var(--blauw-grijs-hover);
}

    .home-tender:hover img {
        background-color: var(--blauw-grijs-hover);
        transition: .2s;
    }

    .home-tender:hover h3 {
        transition: .2s;
        border-top: 4px solid var(--primaire-kleur);
    }

    .home-tender .tender-snippet-image {
        width: 100%;
        float: left;
        height: 170px;
    }

.home-tender-organisation {
    padding: 20px;
    font-size: 12px;
}

.home-tender-bottom {
    background-color: #25819e;
    position: relative;
    padding: 10px;
    text-align: left;
    height: 37px;
    border-top: 3px solid #e03a3e;
}

p.home-tender-text {
    color: #546171;
    height: 66px;
    margin: 10px 20px 80px 20px;
    line-height: 18px;
}

.home-tender-button {
    position: absolute;
    right: 10px;
    bottom: -13px;
    font-weight: bold;
    background-color: var(--primaire-kleur);
    color: white;
    padding: 12px 20px;
    -moz-border-radius: 5px 5px 5px 0;
    -webkit-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

.home-tender-title {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: bold;
    color: var(--header);
    padding: 20px;
    transition: color 0.5s;
    height: 50px;
    float: left;
    width: 86.5%;
    border-top: 4px solid transparent;
}

    .home-tender-title:hover, .home-tender-title:focus {
        color: var(--header);

    }

.home-tender-linkblock + .home-tender-linkblock {
    float: left;
    display: block;
    margin-left: 30px;
    margin-bottom:60px;
}

.home-tenders-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-tenders-listitem {
    margin: 0 0 10px 25px;
    padding: 0;
    list-style: none;
}

.home-tenders-listitemlink, .home-offers-listitemlink, .home-intro-link {
    color: var(--secundaire-kleur);
    font-weight: bold;
    text-decoration: none;
    font-size: 15px;
    transition: color 0.5s;
}

.home-alltenders-link {
    font-size: 18px;
    color: var(--secundaire-kleur) !important;
    border: 2px solid var(--secundaire-kleur);
    font-weight: 600;
    border-radius: 30px;
    padding: 14px 40px;
    overflow: auto;
    text-decoration: none;
    -webkit-transform: none;
    transform: none;
    color: #fff;
    transition: 0.5s;
    text-transform: uppercase;
}

.home-alltenders-link:hover {
    background-color: var(--secundaire-kleur);
    color: white !important;
    text-decoration: none;
}

    .home-tenders-listitemlink:hover, .home-offers-listitemlink:hover, .home-intro-link:hover,
    .home-tenders-listitemlink:focus, .home-offers-listitemlink:focus, .home-intro-link:focus {
        color: var(--secundaire-kleur);
    }

a.skiplink {
    background-color: #D8E9F6;
    border: 2px solid #12405C;
    display: block;
    font-size: 1.3em;
    left: -1000em;
    padding: 0.8em;
    position: absolute;
    z-index: 10;
}

    a.skiplink, a.skipLink:active {
        top: 1em;
        left: 1em;
        z-index: 1000;
        color: #1E6891;
    }

.home-organisations {
    margin-bottom: 80px;
}

h1.frontend-subtitle {
    font-family: var(--tekst-font);
    font-weight: 300;
    margin-top:50px;
    font-size:22px;
    text-transform: uppercase;
}

.home-deelnemende-organisaties-link {
    color: var(--secundaire-kleur);
    font-weight: bold;
    font-size: 16px;
}

.home-deelnemende-organisaties-link:hover {
    text-decoration: underline;
}

.helpcentrum_link {
    font-weight: bold;
    color: var(--secundaire-kleur);
}

.helpcentrum_link:hover{
    font-weight: bold;
    color: var(--secundaire-kleur);
    text-decoration: underline;
}

.organisation_url{
    color: var(--secundaire-kleur);
    font-weight: bold;
}

.organisation_url:hover {
    text-decoration: underline
}

.organisation_tender {
    color: var(--header);
    font-family: var(--kop-font);
    font-size: 34px;
    margin-bottom: 40px;
}
/* MAINMENU   
----------------------------------------------------------*/
#mainmenucontainer {
    position: relative;
    text-align: left;
    margin: 0 auto;
    background-color: transparent;
    padding: 0px;
    display: inline-block;
    width: 1020px;
}

#mainmenucontainerwrapper {
    background-color: var(--header);
    opacity: 0.9;
}

#mainmenu {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 2;
    overflow: hidden;
}

#home-link {
    float: right;
    padding: 0 30px 0 0;
    display: block;
    margin: 37px 0 0 0;
}

    #home-link::before {
        color: var(--primaire-kleur);
        font-size: 19px;
    }

    #home-link:hover:before, #home-link:focus:before {
        color: var(--secundaire-kleur);
    }

.mainmenu-item {
    list-style: none;
    color: white;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: white;
    text-decoration: none;
    display: block;
    text-align: center;
    zoom: 1;
    float: left;
}

a.mainmenu-item-link {
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    display: block;
    float: left;
    text-align: center;
    zoom: 1;
    padding: 20px;
    min-width: 110px;
}

    a.mainmenu-item-link:hover, a.mainmenu-item-link:focus {
        color: var(--menu-item-hover);
    }

a.mainmenu-selecteditem-link {
    color: var(--menu-item-selected);
    font-size: 16px;
    font-weight: 700;
    display: block;
    text-align: center;
    display: inline-block;
    zoom: 1;
    padding: 20px;
    min-width: 110px;
}

a.mainmenu-selecteditem-link:hover, a.mainmenu-selecteditem-link:focus {
    color: var(--menu-item-selected);
    transition: .2s;
    text-decoration: none;
}

.mainmenu-row {
    background-image: url('Images/gradient_shade_menus.png');
    background-repeat: repeat-x;
    z-index: 1;
    position: absolute;
    top: 48px;
    height: 12px;
    width: 100%;
    background-color: transparent;
}

.mainmenu-row2 {
    background-image: url('Images/gradient_shade_menus2.png');
    background-repeat: repeat-x;
    z-index: 1;
    position: absolute;
    top: 88px;
    height: 12px;
    width: 100%;
    background-color: transparent;
}

/* ACCOUNTMENU
----------------------------------------------------------*/

#accountmenu-wrapper {
    width: 100%;
    background-color: var(--menu-item-selected);
    overflow: hidden;
    position: relative;
    margin-top: -40px;
}

#accountmenu {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

#dashboard-account-menu {
    line-height: 10px;
    padding: 0;
    overflow: hidden;
    margin-top: 30px;
}

    #dashboard-account-menu.shadow {
        border: 0;
    }

.account {
    color: var(--accent-groen);
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
    padding: 20px;
    float: right;
}
    .account:hover, .account:focus {
        color: var(--primaire-kleur);
    }

#account-menu ul {
    background-color: #fafafa;
}

#account-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--menu-item-selected);
    font-size: 15px;
    float: left;
    text-transform: uppercase;
}

    #account-menu li a {
        color: var(--secundaire-kleur);
        text-decoration: none;
        display: block;
        padding: 19px;
        text-align: left;
    }

        #account-menu li a:hover, #account-menu li a:focus  {
            color: var(--secundaire-kleur);
            background-color: var(--blauw-grijs);
            border-radius: 6px 6px 0 0;
        }

        #account-menu li a.active {
            background-color: white;
            color: var(--secundaire-kleur);
            font-family: var(--tekst-font);
            font-weight: 300;
            font-size: 15px;
            border-radius: 6px 6px 0 0;
            text-transform: uppercase;
        }

            #account-menu li a.active:hover, #account-menu li a.active:focus {
                color: var(--secundaire-kleur);
                border-radius: 6px 6px 0 0;
            }

/* SUBMENU   
----------------------------------------------------------*/

/*de 75px bovenin dateert van de oude, hogere header; het submenu stond daar
  ver onder. Met de huidige header is 15px genoeg en staat de balk strak onder
  de header. Deze balk is alleen in de beheeromgeving zichtbaar; in de
  frontoffice staat #submenucontainer op display:none.*/
#submenucontainer {
    margin: 0 auto;
    width: 100%;
    background-color: #fafafa;
    padding: 15px 0 15px 0;
    display: none;
    border-bottom: 1px solid #EEEDEB;
    position: absolute;
}

#submenucontainerwrapper {
    width: 100%;
    overflow: hidden;
}

#submenu {
    position: relative;
    padding: 0px;
    width: 960px;
}

.submenu-item {
    display: inline-block;
    list-style: none;
    zoom: 1;
    /* IE 7 Hack starts here*/
    *display: inline;
}

.submenu-item-link {
    text-decoration: none;
    display: inline-block;
    padding: 4px 30px 4px 0;
    line-height: 18px;
    zoom: 1;
    text-transform: uppercase;
    /* IE 7 Hack starts here*/
    *display: inline;
    font-weight: normal;
    color: var(--secundaire-kleur);
}

    .submenu-item-link:hover, .submenu-item-link:focus {
        color: var(--menu-item-hover);
        font-weight: normal;
        text-decoration: underline;
    }

.submenu-selecteditem-link {
    color: var(--menu-item-selected);
    text-decoration: none;
    display: inline-block;
    padding: 4px 30px 4px 0;
    line-height: 18px;
    zoom: 1;
    text-transform: uppercase;
    /* IE 7 Hack starts here*/
    *display: inline;
    font-weight: bold;
}

.label-required-after:after {
    color: black;
    content: " *";
}
/* FOOTER   
----------------------------------------------------------*/

#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 15px;
    background-color: var(--header);
}

.footer-sitewidepages {
    display: inline-block;
    margin-top: 25px;
}

    .footer-sitewidepages ul > li {
        float: left;
    }

    .footer-sitewidepages ul {
        list-style-type: none;
        padding: 0;
    }

        .footer-sitewidepages ul a {
            display: block;
            width: auto;
            margin-right: 60px;
            color: #fff;
            font-size: 18px;
            font-family: var(--tekst-font);
            font-weight: 300;
            text-decoration: none;
        }

            .footer-sitewidepages ul a:hover, .footer-sitewidepages ul a:focus {
                text-decoration: underline;
            }

ul.footer-list {
    float: left;
    list-style: none;
    width: 300px;
    padding: 0;
}

    ul.footer-list li {
        color: white;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.5em;
    }

        ul.footer-list li a {
            color: white;
        }

            ul.footer-list li a:hover, ul.footer-list li a:focus  {
                color: white;
                text-decoration: underline;
            }

.footer-top-section {
    text-align: center;
    padding: 70px 0 120px 0;
}

#footer h2.page-title {
    font-size: 40px;
    color: white;
    margin: 60px auto 30px 0;
    text-align: center;
}

.footer-title1 {
    font-size: 18px;
    font-weight: 300;
    color: white;
    margin: 22px 0 0 0;
    text-align: center;
    font-size: 22px;
    font-family: var(--tekst-font);
    text-transform: uppercase;
}

.footer-title2 {
    padding: 6px 0 20px;
    margin: 0;
    font-size: 42px;
    font-weight: 700;
    color: white;
    text-align: center;
}

#footer-button {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    background-color: var(--primaire-kleur);
    color: white;
    box-sizing: border-box;
    width: 100%;
    border-radius: 30px;
    padding: 14px 60px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    transition: 0.5s;
    margin-bottom: 42px;
}

    #footer-button:hover, #footer-button:focus {
        color: white;
        background-color: var(--secundaire-kleur);
        text-decoration: none;
    }

#footer-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

p.footer-slogan {
    font-size: 20px;
    text-align: center;
    color: white;
}

#footer-content-wrapper {
    background-color: #f1f1f1;
    overflow: hidden;
}

#footer-content {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    color: white;
    font-size: 13px;
}

#footerbottom p {
    font-size: 14px;
    text-align: left;
    padding: 20px 0;
}

.footer-text-customer {
    margin: 16px 0;
    float: left;
}

    .footer-text-customer a {
        text-decoration: none;
        color: white;
    }

.footer-text-TSF {
    margin: 11px 0;
    color: white;
    float: right;
}

    .footer-text-TSF a {
        color: white;
        text-decoration: none;
    }

#footer-icons-table {
    width: 960px;
    overflow: hidden;
    margin: 0px auto;
    border-spacing: 0;
    padding: 30px 0;
}


#footerbottom {
    position: relative;
    float: left;
    text-align: right;
    width: 100%;
    background-color: #484D55;
    color: white;
}

#footerbottomcontent {
    box-sizing: border-box;
    text-align: right;
    margin: 0 auto;
    width: 100%;
    max-width: 1240px;
    padding: 0 20px;
    font-size: 11px;
}

#footerbottom a {
    text-decoration: none;
    color: white;
}

    #footerbottom a:hover {
        text-decoration: underline;
    }

img.footer-logo {
    margin-right: 50px;
}

div.footer-socialmedia {
    display: inline-block;
    margin: 40px 40px 0 0;
}

.footer-facebook, .footer-twitter, .footer-instagram, .footer-youtube, .footer-linkedin {
    height: 40px;
    width: 40px;
    display: inline-block;
    margin: 10px 5px;
    text-indent: -9999px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.footer-facebook {
    background: url(Images/footer_facebook.png) no-repeat 0 0;
    background-color: var(--primaire-kleur);
    padding: 8px 8px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-position: center;
}

    .footer-facebook:hover, .footer-facebook:focus {
        background-color: var(--secundaire-kleur);
    }

.footer-twitter {
    background: url(Images/footer_twitter.png) no-repeat 0 0;
    background-color: var(--primaire-kleur);
    padding: 8px 8px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-position: center;
}

    .footer-twitter:hover, .footer-twitter:focus {
        background-color: var(--secundaire-kleur);
    }

.footer-instagram {
    background: url(Images/footer_instagram.png) no-repeat 0 0;
    background-color: var(--primaire-kleur);
    padding: 8px 8px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-position: center;
}

    .footer-instagram:hover, .footer-instagram:focus {
        background-color: var(--secundaire-kleur);
    }

.footer-youtube {
    background: url(Images/footer_youtube.png) no-repeat 0 0;
    background-color: var(--primaire-kleur);
    padding: 8px 8px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-position: center;
}

.footer-linkedin {
    background: url(Images/footer_linkedin.png) no-repeat 0 0;
    background-color: var(--primaire-kleur);
    padding: 8px 8px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-position: center;
}

    .footer-linkedin:hover, .footer-linkedin:focus  {
        background-color: var(--secundaire-kleur);
    }

.footer-image {
    float: right;
    width: 600px;
}

#image-social-media {
    width: 300px;
    height: 50px;
}

.socialmedia-twitter-icon {
    width: 37px;
    height: 37px;
    background-image: url('Images/icon_twitter.png');
}


.footer-vacancies-icon {
    display: block;
    width: 73px;
    height: 73px;
    margin-bottom: 20px;
    background-image: url('Images/footer_icon_vacatures.png');
    margin-left: 15px;
    transition: background-image 0.5s;
}

    .footer-vacancies-icon:hover, .footer-vacancies-icon:focus {
        width: 73px;
        height: 73px;
        background-image: url('Images/footer_icon_vacatures_mouseover.png');
    }

.footer-marketplace-icon {
    display: block;
    width: 73px;
    height: 73px;
    margin-bottom: 20px;
    background-image: url('Images/footer_icon_inhuur.png');
    margin-left: 15px;
    transition: background-image 0.5s;
}

    .footer-marketplace-icon:hover, .footer-marketplace-icon:focus  {
        width: 73px;
        height: 73px;
        background-image: url('Images/footer_icon_inhuur_mouseover.png');
    }

.footer-employees-icon {
    display: block;
    width: 73px;
    height: 73px;
    margin-bottom: 20px;
    background-image: url('Images/footer_icon_medewerkers.png');
    margin-left: 15px;
    transition: background-image 0.5s;
}

    .footer-employees-icon:hover, .footer-employees-icon:focus {
        width: 73px;
        height: 73px;
        background-image: url('Images/footer_icon_medewerkers_mouseover.png');
    }

.footer-profile-icon {
    display: block;
    width: 73px;
    height: 73px;
    margin-bottom: 20px;
    background-image: url('Images/footer_icon_profiel.png');
    margin-left: 15px;
    transition: background-image 0.5s;
}

    .footer-profile-icon:hover, .footer-profile-icon:focus  {
        width: 73px;
        height: 73px;
        background-image: url('Images/footer_icon_profiel_mouseover.png');
    }

.footer-about-icon {
    display: block;
    width: 73px;
    height: 73px;
    margin-bottom: 20px;
    background-image: url('Images/footer_icon_over.png');
    margin-left: 15px;
    transition: background-image 0.5s;
}

    .footer-about-icon:hover, .footer-about-icon:focus  {
        width: 73px;
        height: 73px;
        background-image: url('Images/footer_icon_over_mouseover.png');
    }

#footercookie {
    background-color: #F5F5F5!important;
}

/* SOCIAL MEDIA
	---------------------------------------------------------*/
#socialmedia {
    z-index: 4;
    position: relative;
    margin-top: 25px;
    margin-right: 45px;
    float: right;
}


/* ViewTender 
	---------------------------------------------------------*/

.shadow {
    border: 0;
}

.viewtender-headerbox, .viewtemplate-headerbox {
    width: 100%;
    margin-bottom: 25px;
    overflow: hidden;
    line-height: 18px;
    background-color: transparent;
    position: relative;
}

.viewtender-header {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    color: var(--header);
    font-size: 32px;
    font-family: 'Open Sans';
    font-weight: 300;
    padding: 10px 0 10px 0;
    margin: 0 0 30px 0;
    position: relative;
    line-height: 1.5em;
}

    .viewtender-header h3 {
        font-size: 18px;
    }

    .viewtender-header h1 {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

.viewtender-iconbar {
    overflow: hidden;
}

.viewtender-header-item, .viewtemplate-header-item {
    background-position: center;
    background-repeat: no-repeat;
    background-position: center 40%;
    float: left;
    text-align: center;
    width: 318px;
    height: 208px;
    padding: 160px 0 30px 0;
    display: block;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--blauw-grijs);
    position: relative;
    margin: 10px 0;
}

.viewtender-iconbar-contract .viewtender-header-item {
    width: 237px;
}

.viewtender-iconbar-contract .viewtender-header-item-shade {
    width: 237px;
    margin-bottom: -17px;
}

.viewtender-header-item-selected, .viewtemplate-header-item-selected {
    background-color: white;
    border: 1px solid #cccccc;
    margin: 0px 0 30px 0;
    height: 228px;
    padding: 160px 0 30px 0;
}

.viewtender-header-item-shade {
    width: 318px;
    bottom: 0;
    left: 0;
    position: absolute;
    margin-bottom: -21px;
    display: none;
}

.viewtender-header-item-selected .viewtender-header-item-shade, .viewtemplate-header-item .viewtender-header-item-shade {
    display: block;
}

.viewtender-header-item + .viewtender-header-item, .viewtemplate-header-item + .viewtemplate-header-item {
    margin-left: 3px;
}

.view-tender-organisation {
    position: absolute;
    top: 0;
    right: 0;
}

.view-tender-organisation img {
    border-radius: 0 0 30px 30px;
}

.viewtender-header-item.viewtender-header-item-details {
    background-image: url('/Content/Images/icon_details_big_inactive.png');
}

.viewtender-header-item.viewtender-header-item-offers {
    background-image: url('/Content/Images/icon_offertes_big_inactive.png');
}

.viewtender-header-item.viewtender-header-item-questions {
    background-image: url('/Content/Images/icon_vragen_big_inactive.png');
}

.viewtender-header-item.viewtender-header-item-contract {
    background-image: url('/Content/Images/icon_contract_big.png');
}

.viewtender-header-item.viewtender-header-item-invoice {
    background-image: url('/Content/Images/icon_facturen_big.png');
}

.viewtender-header-item-selected.viewtender-header-item-details, .viewtemplate-header-item.viewtemplate-header-item-selected {
    background-image: url('/Content/Images/icon_details_big.png');
}

.viewtender-header-item-selected.viewtender-header-item-offers {
    background-image: url('/Content/Images/icon_offertes_big.png');
}

.viewtender-header-item-selected.viewtender-header-item-questions {
    background-image: url('/Content/Images/icon_vragen_big.png');
}

.viewtemplate-offers-disabled {
    background-image: url('/Content/Images/icon_offertes_big_disabled.png');
}

.viewtemplate-questions-disabled {
    background-image: url('/Content/Images/icon_vragen_big_disabled.png');
}

.viewtender-header-item-selected {
    cursor: pointer;
}

.viewtender-header-item span, .viewtemplate-header-item span {
    color: #121212;
    font-size: 18px;
    font-weight: normal;
    display: block;
}

.viewtender-header-item-selected span, .viewtemplate-header-item-selected span {
    color: #121212 !important;
}

.viewtender-offer-item {
    float: left;
    font-weight: bold;
    color: #0da3b5;
}

.viewtemplate-header {
    background-color: #a3c4e9;
    font-size: 20px;
    font-weight: normal;
    color: white;
    padding: 22px 15px;
    overflow: hidden;
}

.viewtemplate-header-item img {
    display: none;
}



div#right-block {
    text-align: left;
    width: 130px;
    padding: 0px 10px 10px 10px;
}

    div#right-block span {
        text-align: left;
        width: 180px;
        margin-top: 0px;
    }

    div#right-block .alert {
        color: red;
    }

.view-details-header-regular {
    line-height: 33px;
    float: left;
    margin: 10px 0px;
}

.tendersection {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 30px;
    background-color: transparent;
}

h2.tendersectiontitle {
    font-family: var(--tekst-font);
    font-weight: 300;
    font-size: 32px;
    margin: 1em 0 24px 0;
    width: 100%;
    color: var(--header);
}

.view-details-header {
    font-family: var(--tekst-font);
    font-weight: 300;
    font-size: 24px;
    float: left;
    clear: left;
    margin: 1em 0 8px 0;
    width: 100%;
    color: var(--header);
}

#tenderdetails .view-details-body > ul:first-child {
    margin-top: 0;
}

/*de meerkeuze-gunningscriteria krijgen in de gedeelde view een inline
  margin-left van 5px; daardoor valt de helft van het bolletje weg*/
#tenderdetails .view-details-body > ul[style] {
    margin-left: 20px !important;
    padding-left: 0 !important;
}

.view-details-header-large {
    font-size: 32px;
    font-family: var(--tekst-font);
    font-weight: 300;
    width: 100%;
    float: left;
    clear: left;
    display: block;
    color: var(--secundaire-kleur);
    z-index: 2;
    margin: 1em 0 0.5em 0;
}

.view-details-body {
    width: 100%;
    font-size: 14px;
    line-height: 1.5em;
    float: left;
    clear: both;
    margin: 5px 0 5px 0;
    overflow: hidden;
    box-sizing: border-box;
}

    .view-details-body li {
        font-weight: 300;
        line-height: 1.7;
    }

.view-details-content {
    overflow: hidden;
    width: 100%;
}
/* POPUP */

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: black;
    display: none;
}

.gradientbar {
    margin: 15px 0px 10px 15px;
    border: solid 1px #cccccc;
    background-color: #ddc999;
    height: 14px;
    width: 185px;
}

.gradientoverlay {
    background-color: white;
    float: right;
    height: 14px;
}

#tender-planning-wrapper {
    margin: 30px auto;
}

#viewtender-planning {
    margin: 20px 0 26px;
    float: right;
    clear: right;
    width: 217px;
}

    #viewtender-planning .viewtender-planning-item {
        margin: 0 0 10px 0;
        width: 217px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    #viewtender-planning h3 {
        color: var(--secundaire-kleur);
        font-size: 32px;
        font-family: var(--tekst-font);
        font-weight: 300;
        padding: 0;
        margin: 0 0 1em 0;
        clear: both;
    }

.viewtender-planning-item {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    background-color: var(--blauw-grijs);
    width: 158px;
    padding: 10px;
    text-align: center;
    line-height: 1.5em;
    font-size: 12px;
    box-sizing: border-box;
    margin: 10px 1px;
}

.viewtender-planning-item-selected {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    background-color: var(--secundaire-kleur);
    width: 158px;
    padding: 15px 10px;
    text-align: center;
    line-height: 1.5em;
    font-size: 14px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin: 3px 1px;
    color: white;
    font-weight: bold;
}

.viewtender-planning-item span.viewtender-planning-action a {
    color: var(--secundaire-kleur);
    font-family: var(--tekst-font);
    font-weight: 300;
    text-transform: uppercase;
}

.viewtender-planning-item a {
    color: var(--secundaire-kleur);
    font-weight: bold;
    text-decoration: none;
}

.viewtender-active-planning a {
    color: var(--primaire-kleur);
    text-decoration: none;
}

.wizard-overviewheader {
    color: var(--primaire-kleur);
    font-size: 36px;
    font-weight: 600;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
}

.view-content-header {
    font-weight: bold;
    float: left;
    width: 140px;
    margin: 0px 10px 0px 0px;
    padding-right: 10px;
}

.dashboard-rightitem {
    width: 217px;
    float: right;
    clear: right;
    background-color: #f0f0f0;
    font-size: 20px;
    font-weight: normal;
    padding: 0;
    margin-bottom: 30px;
}

    .dashboard-rightitem + .dashboard-rightitem {
        margin-top: 30px;
    }


.blue-background-white-text {
    background-color: #f0f0f0;
}


.dashboard-rightitem h3 {
    background-color: #f1f1f1;
    font-size: 16px;
    font-weight: bold;
    color: #8b8b8b;
    padding: 17px 15px;
    overflow: hidden;
}

.dashboard-rightitem p {
    font-size: 18px;
    line-height: 1.5em;
    margin: 15px;
    overflow: hidden;
}

.large-rightitem {
    width: 270px;
}

.organisations-logo-container {
    margin: 20px 0;
    overflow: hidden;
}

.organisation-logo-item {
    position: relative;
    padding: 30px 0px;
    float: left;
    background-color: white;
    margin: 0 0 20px 0;
    text-align: center;
    -moz-border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
}
.organisation-logo-link {
    display: block;
    overflow: hidden;
    float: left;
    transition: .2s;
}

.organisation-logo-item.shadow {
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    transition: .2s;
    Border-top: 4px solid transparent;
}

    .organisation-logo-item.shadow:hover, .organisation-logo-item.shadow:focus {
        border-top: 4px solid var(--primaire-kleur);
        background-color: var(--blauw-grijs-hover);
        transition: .2s;
    }

.div-item {
    width: 180px;
    height: 40px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}


.internaltender-rightitem {
    font-size: 11px;
    padding: 15px;
    width: 180px;
    line-height: 14px;
    background-color: #f8f8f8;
}

    .internaltender-rightitem a {
        color: #50A125;
        text-decoration: none;
    }

        .internaltender-rightitem a:hover, .internaltender-rightitem a:focus {
            color: var(--secundaire-kleur);
        }

    .internaltender-rightitem h3 {
        font-size: 15px;
    }

.internaltender {
    width: 710px;
    float: left;
    line-height: 19px;
}

    .internaltender a {
        color: #50A125;
    }

.internaltender-button {
    cursor: pointer;
    background-color: #50A125;
    float: right;
    color: white;
    border: none;
    font-size: 15px;
    vertical-align: middle;
    text-align: center;
    padding: 10px 15px;
    margin-right: 5px;
    margin-left: 10px;
    min-width: 100px;
    text-decoration: none;
}

.internaltender a {
    text-decoration: none;
    margin: 15px 15px 5px 5px;
    float: right;
    padding-top: 10px;
}

#offers {
    margin: 5px;
    display: none;
}

    #offers td {
        height: 22px;
    }

#mcTooltipWrapper {
    text-align: left;
}

#questions {
    margin: 5px;
    display: none;
}

#questions p, #userquestions p {
    font-size: 14px;
}
/* Search page
	----------------------------*/
.facets {
    float: left;
    width: 280px;
    clear: left;
    padding: 0 0 20px 0;
    background-color: white;
    overflow: hidden;
}

    .facets .shadow {
        border: 0;
    }

.facet {
    float: left;
    padding-bottom: 10px;
    width: 260px;
    overflow: hidden;
}

    .facet ul {
        float: left;
        clear: left;
        list-style: none;
        padding: 0;
        margin-bottom: 20px;
    }

        .facet ul li {
            overflow: hidden;
            float: left;
            clear: left;
        }

    .facet label {
        color: #121212;
        display: block;
        float: left;
        margin: 0 0 5px 0;
        width: 210px;
        line-height: 20px;
        padding: 0;
        font-size: 14px;
    }

input.facetiteminput {
    margin: 4px 15px 8px 0px;
    float: left;
    clear: left;
}

.facet h2 {
    color: #1D1D1B;
    font-size: 24px;
    margin: 16px 0px 20px 0;
    float: left;
    clear: left;
    width: 225px;
    font-family: var(--tekst-font);
    font-weight: 300;
}

.facets hr {
    display: none;
}

.facets-header {
    color: var(--secundaire-kleur);
    font-size: 18px;
    font-weight: bold;
    padding: 15px 20px 20px 0;
    width: 240px;
    margin: 0;
    clear: both;
}

.searchresult {
    float: left;
    width: 680px;
    box-sizing: border-box;
}

.searchresults-found {
    width: 680px;
    padding: 15px 0 20px 0;
    font-size: 18px;
    margin-bottom: 16px;
    color: var(--secundaire-kleur);
    background-color: transparent;
    font-weight: bold;
    box-sizing: border-box;
}

.searchresults-totals {
    font-size: 15px;
    font-weight: bold;
}

.searchresults ul, ul.searchresults {
    list-style: none;
}

.searchresult-item {
    font-size: 15px;
    cursor: pointer;
    margin: 24px 0;
    padding-left: 16px;
    background-color: var(--blauw-grijs);
    overflow: hidden;
    -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    transition: color 0.5s, background 0.5s;
    -moz-border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
    border-top: 4px solid transparent;
}

    .searchresult-item:hover, .searchresult-item:focus {
        cursor: pointer;
        border-top: 4px solid var(--primaire-kleur);
        background-color: var(--blauw-grijs-hover);
        transition: .2s;
    }

.searchresult-item-header {
    font-weight: bold;
    color: var(--header);
    padding: 20px 15px;
    font-size: 18px;
}

.searchresult-item-awarded, .searchresult-templateitem {
    font-size: 15px;
    margin: 24px 0;
    padding-left: 16px;
    background-color: #F5F5F5;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 30px 30px;
}

.searchresult-item-header-awarded, .searchresult-template-header {
    width: 100%;
    font-size: 24px;
    float: left;
    font-family: 'Open Sans';
    font-weight: bold;
    padding: 26px 16px 12px;
    color: var(--header);
}

    .searchresult-item-header-awarded .searchresult-organisation {
        color: var(--header);
        font-size: 15px;
        text-transform: uppercase;
        margin-top: 12px;
    }

.searchresult-organisation {
    color: var(--secundaire-kleur);
    font-size: 16px;
    font-family: var(--tekst-font);
    font-weight: 300;
    line-height: 2.5em;
    float: left;
    margin-top:12px
}

.searchresult-item-awarded .searchresult-item-data {
    background-color: transparent;
}

.searchresult-template-header + .searchresult-item-data {
    background-color: transparent;
}

.searchresult-item-data {
    padding: 10px 15px;
    background-color: transparent;
    color: var(--header);
    float: left;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.searchresult-item-label {
    width: 100%;
    font-weight: 400;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    margin-top: 20px;
    font-family: var(--tekst-font);
    font-weight: 300;
    text-transform: uppercase;
}

.searchresult-item-value1 {
    text-transform: uppercase;
    color: #000;
    width: 60%;
    float: left;
    margin-top: 16px;
    padding: 5px;
    box-sizing: border-box;
}

.searchresult-item-value2 {
    text-transform: uppercase;
    color: #000;
    width: 30%;
    float: left;
    margin-top: 16px;
    padding: 5px;
    box-sizing: border-box;
}

.searchresult-item-value3 {
    text-transform: uppercase;
    width: 40%;
    float: left;
    margin-top: 16px;
    padding: 5px;
    box-sizing: border-box;
}

.searchresult-selecteditem .searchresult-item-header {
    color: var(--secundaire-kleur);
}

.searchresult-organisation {
    display: block;
}

.tenderdurationnormal {
    color: #121212;
}

.tenderdurationalert {
    color: #c80000;
}

/*REGISTER PAGE*/

.register-block {
    font-size: 15px;
    line-height: 1.5em;
    margin-bottom: 25px;
    overflow: hidden;
    background-color: white;
}

    .register-block .wizard-item {
        margin: 20px 0;
        padding: 0;
    }

    .register-block .wizard-label label {
        padding: 8px 10px 0 0;
    }

.register-header {
    box-sizing: border-box;
    width: 100%;
    color: var(--secundaire-kleur);
    border-bottom: 1px solid #cccccc;
    background-color: white;
    font-size: 26px;
    font-weight: bold;
    padding: 10px 0;
    line-height: 1.5em;
    position: relative;
}

.register-block a.text-blue {
    text-decoration: underline;
}

/* UserManagement Style
    -----------------------------------------*/

.usersoverview ul {
    list-style: none;
    width: 710px;
}

.user-item {
    margin-bottom: 25px;
    background-color: white;
    font-size: 15px;
    border: 1px solid #cccccc;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    overflow: hidden;
}

.user-item-header {
    background-color: #8b8b8b;
    font-size: 16px;
    font-weight: bold;
    color: white;
    padding: 11px 15px 5px 15px;
    height: 24px;
}

.user-item-data {
    margin: 10px 5px 5px 10px;
}


/* Wizard styles 
	-----------------------------------------*/

.icon {
    width: 40px;
    height: 40px;
}

.wizard-title {
    font-weight: bold;
    font-size: 2em;
    margin-left: 10px;
    margin-bottom: 10px;
    clear: left;
}

.wizard-state-icon {
    background-color: transparent !important;
    background-image: url(/Content/Images/icon_vinkje_grijs.png);
    height: 27px;
    width: 27px;
    position: absolute;
    top: 7px;
    right: 12px;
}

div.wizard-state-icon-invalid {
    background-image: url(/Content/Images/icon_vinkje_grijs.png);
}

div.wizard-state-icon-valid {
    background-image: url(/Content/Images/icon_vinkje_groen.png);
}

div.wizard-state-background-invalid {
    background-image: url(/Content/Images/pixel_wit.png);
}

div.wizard-state-background-valid {
    background-image: url(/Content/Images/pixel_groen.png);
}

.wizard-groupstate-icon {
    background-image: url(/Content/Images/icon_steps_inactive.png);
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
}

div.wizard-groupstate-icon-invalid {
    background-image: url(/Content/Images/icon_steps_invalid.png);
}

div.wizard-groupstate-icon-valid {
    background-image: url(/Content/Images/icon_steps_validate.png);
}

div.wizard-groupstate-icon-active {
    background-image: url(/Content/Images/icon_steps_active.png);
}

.wizard-group {
    display: none;
}

.wizard-groupbar {
    margin-bottom: 30px;
    overflow: hidden;
}

/*de stappen verdelen de volle breedte. !important omdat de views (o.a.
  _ReviewOfferWizard) width: 204px en margin-right: 30px inline op elke stap
  zetten.*/
.wizard-groupbar {
    display: flex;
    gap: 30px;
}

    .wizard-groupbar .wizard-groupbar-item {
        flex: 1 1 0;
        width: auto !important;
        margin-right: 0 !important;
    }

.wizard-groupbar-item {
    position: relative;
    cursor: pointer;
    float: left;
    background-color: var(--menu-item-selected);
    padding: 2px 0 2px 11px;
    width: 157px;
    font-size: 15px;
}

.wizard-groupbar-item-awarding {
    cursor: pointer;
    float: left;
    background-color: #D8D8D8;
    padding: 2px 0 2px 11px;
    width: 200px;
}

.wizard-groupbar-item span {
    color: white;
    font-size: 14px;
    display: block;
    float: left;
    margin: 10px auto;
}

.wizard-groupbar-itemselected {
    background-color: var(--secundaire-kleur);
}

.wizard-navigation {
    float: right;
}

/*de wizardknoppen waren nog pillen met kapitalen in Open Sans Light; ze volgen
  nu dezelfde vorm en tekstopmaak als .button-primary elders op de site. Float,
  marge en min-width blijven staan zodat de knoppenbalk niet verschuift.*/
.wizard-button {
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--oranje);
    float: left;
    color: white;
    border: 1px solid var(--oranje);
    font-family: var(--tekst-font);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: middle;
    text-align: center;
    text-transform: none;
    padding: 14px 26px;
    margin: 20px;
    min-width: 100px;
    transition: background-color 0.25s, color 0.25s;
    border-radius: 8px;
}

    .wizard-button:hover, .wizard-button:focus  {
        border-color: var(--navy);
        background-color: var(--navy);
        color: #fff;
    }

.wizard-button-previous {
    background-color: white;
    color: var(--primaire-kleur);
    font-size: 14px;
    font-weight: 700;
    padding: 14px 0;
    border-radius: 8px;
}

    .wizard-button-previous:hover, .wizard-button-previous:focus  {
        background-color: white;
        color: var(--secundaire-kleur);
    }

.wizard-section {
    overflow: hidden;
    margin-bottom: 25px;
    border: 1px solid var(--menu-item-selected);
    background-color: var(--blauw-grijs);
    font-size: 14px;
    position: relative;
    padding-left: 12px;
    border-radius: 10px;
}

.IE9 .wizard-section, .IE10 .wizard-section, .IE11 .wizard-section {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.collapsed {
    height: 55px;
}

.wizard-header {
    padding: 10px 15px;
    font-size: 20px;
    font-family: var(--tekst-font);
    font-weight: 300;
    color: white;
    background-color: var(--grijs-balk);
    margin-left: -12px;
}

.wizard-header-valid {
    background-color: var(--paars);
}

.wizard-header-grey {
    padding: 10px 15px;
    font-size: 24px;
    font-family: var(--tekst-font);
    font-weight: 300;
    color: white;
    background-color: var(--grijs-balk);
    margin-left: -12px;
}

.wizard-subheader {
    padding: 10px;
    height: 25px;
    font-size: 24px;
    font-family: var(--tekst-font);
    font-weight: 300;
    color: var(--header);
    margin: 5px 5px 5px 0px;
}

.wizard-body {
    overflow: auto;
    font-size: 14px;
    line-height: 1.5em;
    padding: 10px 16px 10px 0;
}

.wizard-item {
    overflow: hidden;
    margin: 14px;
    font-size: 14px;
}

.wizard-tableheader {
    overflow: hidden;
    margin: 10px;
    margin-bottom: 0px;
}

.wizard-label {
    float: left;
    clear: left;
    font-weight: 600;
    width: 222px;
    padding-right: 10px;
}

.wizard-label-small {
    float: left;
    clear: left;
    font-weight: normal;
    width: 150px;
    padding-right: 10px;
    margin-left: 10px;
}

.wizard-label label {
    padding: 0px;
    font-family: var(--tekst-font);
    font-weight: 300;
    width: auto;
    color:var(--header);
}

.wizard-label .wizard-display {
    float: left;
    margin-left: 5px;
}

.wizard-edit {
    float: left;
    padding: 4px;
}

.wizard-validate {
    float: right;
    width: 280px;
}

a.fileupload-delete {
    display: block;
    overflow: hidden;
    backface-visibility: hidden;
    padding: 11px 10px;
    cursor: pointer;
    text-transform: uppercase;
}

.awardedscoreslider {
    background-color: white!important;
}

.field-validation-error {
    color: #c80000;
    font-size: 12px;
    margin-left: 10px;
    float: left;
    margin-top: 10px;
    display: block;
    width: 100%
}

.wizard-item input[type='text'], input[type='password'], input[type='email'] {
    border: solid 1px var(--header);
    height: 36px;
    width: 440px;
    background: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wizard-item input[type='checkbox'] {
    width: 14px;
    height: 24px;
}

.wizard-item select {
    background-color: white;
    border: solid 1px #807570;
    border-radius: 3px;
    padding: 8px;
    height: 50px;
    width: 464px;
    font-family: var(--tekst-font);
    font-weight: 300;
}

.wizard-item textarea {
    border: solid 1px #807570;
    background-color: white;
    height: 74px;
    width: 455px;
    padding: 5px;
}

.wizard-valid {
    background-color: #26ff00;
}

.wizard-invalid {
    background-color: #ff3700;
}

.wizard-header-buttons {
    float: right;
    margin-top: -40px;
    margin-right: 10px;
}

.wizard-footer-buttons {
    float: right;
    margin: 10px 5px;
    color: var(--secundaire-kleur);
    font-size: 15px;
    font-weight: bold;
}

.wizard-button-large {
    width: 20px;
    height: 20px;
    z-index: 99;
    cursor: pointer;
    margin-top: 8px;
}

.wizard-listitem-buttons {
    float: right;
    overflow: hidden;
    color: var(--secundaire-kleur);
    font-weight: bold;
    vertical-align: middle;
}

.wizard-button-small {
    width: 27px;
    height: 27px;
    margin-right: 5px;
    z-index: 99;
    cursor: pointer;
}

.wizard-list {
    list-style-type: none;
}

    .wizard-list li {
        margin: 0px;
        padding-top: 10px;
    }

        .wizard-list li li {
            margin: 30px 0 0 0;
        }

li li dxm-spacing {
    margin: 0px 0 0 0;
}

ul.dx li {
    padding-top: 0px;
}

.wizard-header-item {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 10px;
}

.wizard-tooltip {
    margin-left: 10px;
    float: left;
}

.wizard-message {
    background-image: url(/Content/Images/Warning.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-size: 30px 30px;
    padding: 12px;
    padding-left: 40px;
    margin: 0 0 20px 0;
    border-radius: 5px;
    background-color: rgba(253, 149, 149, 1);
    font-size: 1.1em;
    font-weight: bold;
    border: 1px solid black;
}

.wizard-scoreblock {
    padding: 40px 10px 10px 10px;
    color: white;
    background-color: var(--menu-item-selected);
    float: right;
    clear: right;
    font-weight: bold;
    font-size: 18px;
    vertical-align: bottom;
    /*het blok is een float, dus width:auto betekent shrink-to-fit: hij groeit
      mee met "Score: [invoerveld] %" zodat het procentteken niet meer op de
      volgende regel valt. De 144px blijft als minimum staan, zodat blokken met
      kortere inhoud er net zo uitzien als voorheen.*/
    width: auto;
    min-width: 144px;
    margin: -120px 10px 0 0;
    /*zelfde ronding als de knoppen*/
    border-radius: 8px;
}

.wizard-textpanel {
    padding: 0;
    background-color: var(--blauw-grijs);
    border: none;
    margin: 0 10px 20px 10px;
}

input[type='text'].wizard-score {
    width: 25px;
    font-size: 12px;
    margin-left: 10px;
    font-weight: normal;
    text-align: center;
}

.wizard-totalscoreblock {
    padding: 55px 10px 10px 10px;
    background-color: var(--secundaire-kleur);
    color: white;
    float: right;
    font-weight: bold;
    font-size: 18px;
    vertical-align: bottom;
    width: 134px;
    /*zelfde ronding als de knoppen*/
    border-radius: 8px;
}


.uploadattachmentbutton {
    width: 18px;
    height: 18px;
}

.validation-summary-errors li {
    color: red;
}

.addwizardbutton {
    cursor: pointer;
    text-transform: uppercase;
}

    .addwizardbutton:hover, .addwizardbutton:focus  {
        color: var(--secundaire-kleur);
    }

.editwizardbutton {
    cursor: pointer;
    text-transform: uppercase;
}

.savewizardbutton {
    cursor: pointer;
    text-transform: uppercase;
}

.cancelwizardbutton {
    cursor: pointer;
    margin-left: 10px;
    text-transform: uppercase;
}

.deletewizardbutton {
    cursor: pointer;
    margin: 10px;
    float: right;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

/*zelfde knopvorm als hierboven. De vaste breedte van 130px vervalt omdat de
  ruimere padding daar niet in past; inline-block zorgt dat de knop zich naar
  zijn tekst voegt in plaats van de volle breedte te pakken (het is een div)*/
.fileupload-button {
    /*de knop is een div; JS zet er bij het tonen inline display:block op, dus
      display niet forceren. fit-content laat het blok toch om zijn tekst
      krimpen in plaats van de volle formulierbreedte te pakken.*/
    display: inline-block;
    width: fit-content;
    box-sizing: border-box;
    background-color: var(--oranje);
    border: 1px solid var(--oranje);
    color: white;
    font-family: var(--tekst-font);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: middle;
    text-align: center;
    text-transform: none;
    padding: 14px 26px;
    cursor: pointer;
    transition: background-color 0.25s, color 0.25s;
    border-radius: 8px;
    margin: 18px 0 14px 17px !important;
}

    .fileupload-button:hover, .fileupload-button:focus  {
        background-color: var(--secundaire-kleur);
    }

#file {
    display: none;
}

.wizard-spacer {
    height: 10px;
    clear: both;
}

input.textbox-small {
    width: 50px !important;
}

.wizard-notification {
    margin: 5px;
    background-color: var(--secundaire-kleur);
    clear: both;
    opacity: 0;
    height: 0px;
    padding: 10px 20px;
    width: 100%;
    cursor: pointer;
    display: none;
}

    .wizard-notification a {
        color: white;
        text-decoration: none;
    }

    .wizard-notification span {
        color: white;
        font-size: 15px;
    }

.wizard-notification-cookie {
    font-size: 16px;
    background-color: var(--secundaire-kleur);
    clear: both;
    padding: 10px 0px;
    text-align: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: left;
    z-index: 100;
}
    /**/
    .wizard-notification-cookie span {
        color: white;
    }

.dropdownlist {
    height: 50px;
    overflow: hidden;
    /*background: url(/content/images/icon_arrow_down.png) no-repeat right white;*/
    width: 467px !important;
}

    .dropdownlist select {
        background: white;
        padding: 10px;
        line-height: 1;
        border: 1px solid #807570;
        border-radius: 3px;
        height: 50px;
        overflow: hidden;
        width: 467px;
    }

.homedropdownlist {
    overflow: hidden;
    /*background: url(/content/images/icon_arrow_down.png) no-repeat right white;*/
}

    .homedropdownlist select {
        background: #193F6C;
        color: white;
        padding: 5px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        height: 42px;
        margin: 0 0 67px 25px;
        overflow: hidden;
        width: 244px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

.spinner {
    float: left;
    width: 40px;
    height: 40px;
    display: none;
}

.exclusiongroundpopup {
    position: absolute;
    left: 70px;
    background-color: white;
    padding: 15px;
    border: 1px solid #cccccc;
    display: none;
    width: 700px;
    overflow-y: scroll;
    height: 250px;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.withdrawpopup {
    position: absolute;
    left: 220px;
    background-color: white;
    padding: 15px;
    border: 1px solid #cccccc;
    display: none;
    width: 465px;
    overflow-y: hidden;
    height: 200px;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.withdrawpopup {
    position: absolute;
    left: 220px;
    background-color: #FFF;
    padding: 15px;
    border: 1px solid #cccccc;
    display: none;
    width: 465px;
    overflow-y: hidden;
    height: 200px;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}
/* Snippet list 
        --------------------------------------------*/

.new-tender-icon {
    position: absolute;
    top: -7px;
    right: -47px;
    width: 37px;
    height: 37px;
    background-image: url('/Content/Images/icon_add_white.png');
    transition: background-image 0.5s;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    background-position: 6px 6px;
    background-repeat: no-repeat;
    background-color: var(--primaire-kleur);
    transition: background 0.5s;
}

    .new-tender-icon:hover, .new-tender-icon:focus {
        background-color: var(--secundaire-kleur);
    }

.tendersnippet {
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 25px;
    overflow: hidden;
    padding-bottom: 5px;
    background-color: var(--blauw-grijs);
    -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 30px 30px;
    transition: .2s;
    border-top: 4px solid transparent;
}

    .tendersnippet:hover, .tendersnippet:focus {
        cursor: pointer;
        border-top: 4px solid var(--primaire-kleur);
        background-color: var(--blauw-grijs-hover);
    }

.tendersnippet-item-header {
    width: 96%;
    font-size: 24px;
    float: left;
    font-weight: 700;
    color: var(--header);
    overflow: hidden;
    padding: 24px 18px 14px;
}

    .tendersnippet-item-header:hover, .tendersnippet-item-header:focus  {
        color: var(--header);
    }

.snippet-selected.tendersnippet-item-header {
    color: var(--header);
}

.tendersnippet-organisation {
    display: none;
}

.tendersnippet-type {
    color: #121212;
    font-size: 15px;
    float: left;
    clear: left;
}


.tendersnippet-item {
    padding: 10px 20px;
    margin-bottom: 5px;
    color: #121212;
}

    .tendersnippet-item td {
        padding: 7px 0;
        font-size: 15px;
        line-height: 18px;
    }

.tendersnippet-item-highlight {
    color: var(--header);
}

.snippet-selected {
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
}

.tooltip {
    text-decoration: none;
    border-bottom: 1px dotted black;
    outline: none;
    cursor: pointer;
}

img.tooltip {
    border-bottom: none;
    cursor: pointer;
    position: relative;
    margin-top: -9px;
    top: 2px;
    width: 20px;
}

.wizard-subheader img.tooltip {
    margin-top: 0px;
    top: 2px;
    width: 20px;
}
/* DASHBOARD ITEMS */

.dashboard-snippet {
    overflow: hidden;
    width: 708px;
    background-color: white;
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 25px;
    overflow: hidden;
}

#dashboard-agenda .agenda-item .agendaitem-large {
    font-weight: bold;
    color: #5a5a5a;
    margin: 5px 0 0 0;
}

#dashboard-agenda .agenda-item {
    font-size: 15px;
    line-height: 1.5em;
    margin: 15px 0px 15px 0px;
    overflow: hidden;
}

    #dashboard-agenda .agenda-item a {
        color: var(--primaire-kleur);
        font-weight: bold;
        text-decoration: none;
    }

.popup-container {
    height: auto;
    background-color: white;
    border: 1px solid #cccccc;
    padding: 2px;
    z-index: 1000;
    overflow: hidden;
}

.dashboard-question-header {
    font-size: 19px;
    font-weight: bold;
    color: var(--primaire-kleur);
    padding: 12px 0px;
    overflow: hidden;
}

    .dashboard-question-header a {
        color: var(--primaire-kleur);
    }

        .dashboard-question-header a:hover, .dashboard-question-header a:focus  {
            color: var(--secundaire-kleur);
        }

.question-list-item {
    border-bottom: 1px #cccccc solid;
    overflow: hidden;
    margin: 5px 0px 10px 0px;
    padding-bottom: 10px;
}

#popupExclusionGrounds {
    font-size: 11px;
}

.popup-header {
    background-color: var(--paars);
    padding: 10px;
    overflow: hidden;
}

.popup-header-text {
    color: white;
    font-size: 20px;
    font-family: var(--tekst-font);
    font-weight: 300;
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}

.popup-container .wizard-edit {
    float: right;
}

.popup-container .wizard-validate {
    display: inline;
    float: left;
    clear: left;
}

.popup-container .wizard-label {
    display: inline;
    float: left;
    clear: left;
}

.popup-container .wizard-validate .field-validation-error {
    margin-left: 0px;
    margin-top: 5px;
}

#sendEmail .wizard-item:has(> .wizard-edit > #RecoverEmail) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    #sendEmail .wizard-item:has(> .wizard-edit > #RecoverEmail) > .wizard-label {
        order: -1;
        flex: none;
        float: none;
        box-sizing: border-box;
    }

    #sendEmail .wizard-item:has(> .wizard-edit > #RecoverEmail) > .wizard-edit {
        flex: 1;
        min-width: 0;
        float: none;
    }

    #sendEmail .wizard-item:has(> .wizard-edit > #RecoverEmail) > .wizard-validate {
        flex: 0 0 100%;
        float: none;
        box-sizing: border-box;
        padding-left: 210px;
    }

#sendEmail #RecoverEmail {
    width: calc(100% - 26px);
}

.answer {
    margin-bottom: 20px;
}


.deletelink, .editlink .forwardlink {
    margin-right: 30px;
    color: var(--secundaire-kleur);
    text-decoration: none;
}

.answerlink, .editlink, .forwardlink {
    color: var(--secundaire-kleur);
    text-decoration: none;
    margin-top: 20px;
    margin-right: 30px;
}

.cancelbutton, .savebutton, .forwardbutton {
    color: var(--primaire-kleur);
    text-decoration: none;
    margin-top: 10px;
    margin-right: 30px;
    transition: color 0.5s;
}

    .answerlink:hover , .forwardlink:hover , .forwardbutton:hover , .cancelbutton:hover,
    .answerlink:focus , .forwardlink:focus , .forwardbutton:focus , .cancelbutton:focus  {
        color: var(--primaire-kleur);
    }

.answerlink span, .forwardlink span, .deletelink span, .editlink span {
    vertical-align: middle;
}

.answerlink img, .forwardlink img, .deletelink img, .editlink img {
    margin-left: 3px;
    vertical-align: middle;
    /*de ronde icoonvlakjes stonden in het oranje van --primaire-kleur; ze
      horen bij de links en krijgen hier de linkkleur. De hover hieronder
      staat al op --secundaire-kleur en werkt daar als donkere variant op.*/
    background-color: var(--paars-link);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

    .answerlink img:hover , .forwardlink img:hover , .deletelink img:hover , .editlink img:hover,
    .answerlink img:focus , .forwardlink img:focus , .deletelink img:focus, .editlink img:focus {
        background-color: var(--secundaire-kleur);
    }

.dashboard-question-item {
    list-style-type: none;
    padding: 0;
    font-size: 15px;
    line-height: 1.5em;
}

.question-organisation {
    font-weight: normal;
    margin-left: 18px;
    margin-top: 5px;
}

#question {
    margin-top: 5px;
}

h2.faq-subtitle {
    font-size: 42px;
    color: var(--header);
    font-family: var(--kop-font);
    font-weight: 300;
    margin: 0 0 1em 0;
    padding: 0;
}

.dashboard-question-item .question-subject {
    font-size: 16px;
    cursor: pointer;
    font-weight: normal !important;
}

.summary-title {
    font-size: 16px;
    cursor: pointer;
    font-weight: normal !important;
}

.summary-title::marker {
    color: var(--secundaire-kleur);
}

.dashboard-question-item .question-answer {
    margin-left: 18px;
    margin-top: 10px;
}

.dashboard-question-item .question-answer-container {
    margin-top: 10px;
}

.dashboard-question-item .question-noanswer {
    margin-left: 18px;
    margin-top: 10px;
}

.dashboard-question-item .question-status-icon {
    float: right;
    margin-top: 10px;
}

.dashboard-question-item .questions-action-buttons {
    background-color: #fafafa;
    padding: 10px;
    margin-top: 20px;
}


.wizard-edit input.postalcode {
    width: 100px;
}

.wizard-edit input.additional {
    width: 245px;
}

.wizard-edit input.housenumber {
    width: 45px;
    margin: 0px 10px;
}

/* .question-collapsed:before {
    content: "► ";
    color: #807570;
    padding-right: 4px;
}

.question-show:before {
    content: "▼ ";
} */

.modal_close {
    float: right;
}

.popup_close {
    float: right;
}


input.blue-button {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 20px;
    min-width: 187px;
    display: block;
    font-size: 14px;
    background: var(--primaire-kleur);
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: middle;
    float: right;
    border: none;
    transition: background-color 0.5s;
    margin-left: 20px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: 50px;
}

input.blue-button:hover, a.blue-button:hover,
input.blue-button:focus, a.blue-button:focus   {
    background-color: var(--secundaire-kleur);
    text-decoration: none;
}

/*IS NIET BLAUW*/
a.blue-button {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 11px 20px;
    display: block;
    font-size: 14px;
    min-width: 187px;
    background: var(--primaire-kleur);
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: middle;
    float: right;
    border: none;
    transition: background-color 0.5s;
    margin-left: 20px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin-bottom:30px;
}

input#HourlyRate {
    width: 100px;
}

input#FixedPrice {
    width: 100px;
}

input[type="button"]:disabled {
    background: #cccccc;
    border-color: #cccccc;
    cursor: default;
}

input[type="submit"]:disabled {
    background: #cccccc !important;
    border-color: #cccccc !important;
    cursor: default !important;
}


a.disabled,
a.disabled:hover,
a.disabled:focus  {
    background-color: #cccccc !important;
    border-color: #cccccc !important;
    cursor: default !important;
}

.question-button {
    background-color: transparent;
    color: var(--primaire-kleur);
    padding: 10px 0px;
    text-decoration: none;
    float: right;
}

.question-button-cancel {
    background-color: transparent;
    color: var(--primaire-kleur);
    padding: 10px 0px;
    text-decoration: none;
    float: right;
}

p.requirement-disclaimer {
    padding: 5px;
    line-height: 1.4em;
}

.actionlink {
    color: var(--menu-item-selected);
    margin: 0 0 35px 0;
    text-decoration: none;
}

    .actionlink:hover {
        color: var(--menu-item-selected);
        text-decoration: underline;
    }

    .actionlink:focus-visible {
        border: 2px solid black;
        color: white;
        text-decoration: underline;
    
    }

    .actionLink passwordForgotten {
        color: var(--primaire-kleur);
        margin: 0 0 35px 15px;
        text-decoration: none;
    }

.manuallink {
    color: var(--primaire-kleur);
    margin: 0 0 35px 15px;
    text-decoration: none;
}

    .manuallink:hover, .manuallink:focus {
        color: var(--secundaire-kleur);
    }



/* WEBGRID   
----------------------------------------------------------*/
.webgrid {
    border-collapse: collapse;
    width: 100%;
    background-color: #F0F6FB;
    float: left;
    font-size: 1em;
    margin: 10px 0 0 0;
}

.webgridbottomextension {
    float: left;
    width: 100%;
    height: 10px;
    background-color: #F0F6FB;
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
}

.webgrid tr {
    vertical-align: top;
}

.webgrid td {
    border-style: solid none solid none;
    border-width: 3px;
    background-color: #F0F6FB;
    border-color: white;
    padding: 14px 3px 14px 14px;
}

.webgrid th {
    border-style: none none solid none;
    border-color: white;
    padding: 4px 3px 4px 14px;
    font-weight: bold;
}

.webgrid a {
    color: black;
}

.webgridheader {
    background-color: var(--secundaire-kleur);
    color: #FFFFFF;
    font-weight: bold;
    height: 30px;
}

    .webgridheader a {
        color: #FFFFFF;
        font-weight: bold;
    }

.webgridfooter {
    background-color: var(--secundaire-kleur);
    color: #FFFFFF;
    border-width: 1px;
    border-color: #cccccc;
    width: 500%;
    border-top-style: solid;
}

    .webgridfooter td {
        padding: 4px 3px 4px 14px;
        background-color: var(--secundaire-kleur);
        font-weight: bold;
    }

    .webgridfooter a {
        background-color: var(--secundaire-kleur);
        color: #FFFFFF;
        font-weight: normal;
    }

        .webgridfooter a:hover, .webgridfooter a:focus {
            text-decoration: underline;
        }

.webgridrow {
    background-color: #FFFFFF;
}

.webgridalternatingrow {
    background-color: #FFFFFF;
}

#webgridaddlink {
    margin: 0px 7px 5px 0px;
    text-align: right;
}

input[type="submit"].searchbutton {
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    background: var(--primaire-kleur);
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: var(--tekst-font);
    font-weight: 300;
    border: 0px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    cursor: pointer;
}

.display-label {
    float: left;
    clear: left;
    font-weight: bold;
    width: 160px;
    margin-bottom: 3px;
}

.display-display {
    float: left;
    margin-bottom: 3px;
}

li.reviewrequirement + li.reviewrequirement .requirementbordertop {
    border-top: 1px dashed #cccccc;
    padding-top: 10px;
}

.adminuseritem {
    border-bottom: 1px #cccccc dashed;
    overflow: hidden;
    margin: 5px 5px 10px 10px;
    padding-bottom: 5px;
}

li.faq {
    margin: 10px 5px 15px 0px;
    padding: 16px;
    border: 1px solid var(--blauw-grijs);
    overflow: hidden;
    background-color: var(--blauw-grijs);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
}

.faq {
    margin: 10px 5px 15px 0px;
    padding: 16px;
    border: 1px solid var(--blauw-grijs);
    overflow: hidden;
    background-color: var(--blauw-grijs);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
}


/*de score staat in .wizard-scoreblock: dat blok is donkerpaars met witte
  tekst, en in de alleen-lezen variant lichtgrijs met grijze tekst (inline in
  _ReviewAwardingCriteria/_ReviewInterview/_ReviewMotivationLetter). Een eigen
  kleur was in beide gevallen mis; hij volgt nu de kleur van het blok.*/
.displayscore {
    color: inherit;
    font-size: 1.6em;
}

input#MinFixedPrice, input#MaxFixedPrice, input#MinHourlyRate, input#MaxHourlyRate {
    width: 100px;
}


.pointslabel {
    float: right;
    margin-top: 4px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 16px;
    color: #0da3b5;
}


.map-header {
    font-size: 15px !important;
    font-weight: bold !important;
    text-decoration: none;
}

.map-list {
    margin-top: 10px;
}

.map-item a {
    color: #0da3b5;
    font-size: 15px !important;
}

#personaldata-popup .wizard-item {
    width: 721px;
}

.favouritecontainer {
    float: right;
    position: relative;
    width: 32px;
    height: 32px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: var(--primaire-kleur);
    margin-right: 36px;
    margin-left: 6px;
    cursor: pointer;
}

.favouritecontainer:hover,
.favouritecontainer:focus {
    background-color: var(--secundaire-kleur);
}

.favouriteimage {
    position: absolute;
    left: 3px;
    top: 4px;
}

.imagedownload {
    float: left;
    text-align: left;
    width: auto;
    overflow: visible;
    overflow-wrap: break-word;
}

    .imagedownload img {
        margin: 0 10px 0 0;
        padding: 0;
        float: left;
        width: 24px;
    }


    .imagedownload span {
        /*de bestandsnaam naast het bijlage-icoon stond in het oranje van
          --primaire-kleur; het is een downloadlink en krijgt hier dezelfde
          kleur als de overige links op de site*/
        color: var(--paars-link);
        margin: 0 auto;
        padding-right: 20px;
        padding-top: 3px;
        display: block;
        float: left;
    }

.detailheader-container {
    float: left;
    width: 100%;
    height: 15px;
    position: relative;
    margin: 30px 0 15px 0;
}

.detailheader {
    display: block;
    background-color: white;
    padding-right: 5px;
    color: var(--secundaire-kleur);
    z-index: 2;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
}

.detailheader-stripe {
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 12px;
    border-bottom: 1px solid #cccccc;
}

.dashboardsnipperlink {
    color: var(--secundaire-kleur);
    text-decoration: none;
}

    .dashboardsnipperlink:hover, .dashboardsnipperlink:focus {
        text-decoration: underline;
    }

.arrowdown:before {
    content: "▼";
    margin-right: 20px;
}

.arrowright:before {
    content: "►";
    margin-right: 20px;
}

.supplieroffertoggler, .supplieroffereditlink {
    color: var(--primaire-kleur);
    font-weight: bold;
    text-decoration: none;
}

    .supplieroffertoggler:hover, .supplieroffertoggler:focus {
        color: var(--secundaire-kleur);
        text-decoration: none;
        cursor: pointer;
    }

    .supplieroffereditlink:hover, .supplieroffereditlink:focus {
        color: var(--secundaire-kleur);
        cursor: pointer;
    }

hr.dashedline {
    border: dashed #cccccc;
    border-width: 1px 0 0 0;
    height: 0;
    line-height: 0px;
    font-size: 0;
    margin: 0 10px 15px 10px;
    padding: 0;
}

#add-awardingcriteria-table {
    margin: 10px;
    width: 918px;
    background-color: transparent;
    margin: 37px 10px 0 0;
}

    #add-awardingcriteria-table td {
        color: black;
        padding: 10px;
        border-left: 1px solid #f5f5f5;
        font-weight: 600;
    }

        /*de drie knoppen boven de gunningscriteria hadden nog de oude pilvorm
          met kapitalen; ze krijgen dezelfde vorm en tekstopmaak als de knoppen
          elders op de site*/
        #add-awardingcriteria-table td a {
            display: inline-block;
            box-sizing: border-box;
            color: #fff;
            padding: 14px 26px;
            border: 1px solid var(--oranje);
            background-color: var(--oranje);
            border-radius: 8px;
            font-family: var(--tekst-font);
            font-size: 14px;
            font-weight: 700;
            line-height: 1.2;
            text-align: center;
            text-transform: none;
            transition: background-color 0.25s, color 0.25s;
        }

            #add-awardingcriteria-table td a:hover, #add-awardingcriteria-table td a:focus {
                border-color: var(--navy);
                background-color: var(--navy);
                color: #fff;
            }

.awardingcriteria-span {
    padding: 10px 27px 10px 20px;
    margin: 0;
}

    .awardingcriteria-span:hover, .awardingcriteria-span:focus {
        text-decoration: none;
    }

.wizard-nextline {
    clear: left;
    margin-left: 250px;
}

.wizard-note {
    font-size: 11px;
    margin: -6px 0 0 12px;
    color: #807570;
    font-family: var(--tekst-font);
    font-weight: 300;
    text-transform: uppercase;
}

.wizard-addlistitem {
    margin: -2px 215px 20px 0;
    float: right;
    padding: 0 0 25px 0;
}

img.removebutton {
    margin-left: -35px;
    margin-bottom: -10px;
    padding-right: 5px;
}

table.offer-core-info {
    width: 100%;
    border: 0px;
    font-size: 15px;
}

    table.offer-core-info td {
        padding: 3px;
        vertical-align: top;
    }

table.supplied-candidate-info {
    border: 0px;
}

    table.supplied-candidate-info td {
        padding: 3px 3px 3px 0;
        vertical-align: top;
    }

.offer-details-header {
    margin: 10px 0 5px 0;
    font-weight: bold;
    float: left;
    clear: left;
}

.details-mini-icon {
    margin: 0 5px 0 0;
    float: left;
}

div.dayofweek {
    float: left;
    padding: 8px 10px 0px 0px;
    width: 70px;
    text-align: right;
}

.second-review {
    color: #aaa;
}

#home-organisation-contactblock {
    position: relative;
    z-index: 3;
    float: right;
    clear: right;
    width: 340px;
    background-color: #999999;
    color: white;
}

    #home-organisation-contactblock.shadow {
        border: 0;
    }

#home-organisation-contactlink {
    text-decoration: none;
    color: white;
}

#home-organisation-logoblock {
    width: 340px;
    height: auto;
    margin-bottom: 30px;
    float: right;
    clear: right;
}

#home-organisation-helpblock {
    width: 340px;
    height: 190px;
    margin-bottom: 30px;
    float: right;
    clear: right;
    color: black;
}

.organisationhelp-title {
    color: black;
    padding: 20px 20px 0 20px;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}

.organisationhelp-text {
    font-size: 15px;
    line-height: 20px;
    padding: 20px 20px 0 20px;
}

    .organisationhelp-text a {
        color: #72D2D4;
    }

.organisatie-text {
    z-index: 5;
    position: relative;
    width: 580px;
    float: left;
    line-height: 19px;
}

.contact-list {
    list-style-type: none;
}

    .contact-list li {
        padding: 10px 0;
        color: var(--secundaire-kleur);
    }

    .contact-list a {
        color: var(--primaire-kleur);
        text-decoration: none;
    }

.widescore {
    width: 100%;
    /*.widescore staat alleen op .view-details-body (8 plekken): de weging
      onder elk gunningscriterium, lichtgrijs op de witte pagina.*/
    background-color: #f1f1f1;
    color: var(--header);
    padding: 10px;
    margin-bottom: 25px;
    text-align: left;
    font-weight: bold;
    box-sizing: border-box;
}

li.no-questions {
    margin: 0;
}

#myoffer, #myoffers {
    margin: 5px;
    line-height: 18px;
}

.offer-bar-grey {
    /*zelfde behandeling als .offer-bar-green en -blue: donkerpaars op wit. Dit
      blok had zelf geen color, waardoor de tekst op het paarse vlak in de
      donkere bodykleur stond.*/
    color: var(--navy);
    padding: 16px;
    width: 100%;
    background-color: white;
    overflow: hidden;
    margin: 10px 0;
    box-sizing: border-box;
    border-radius: 4px;
}

.offer-bar-blue {
    /*zelfde behandeling als .offer-bar-green: donkerpaars op wit*/
    color: var(--navy);
    padding: 16px;
    width: 100%;
    background-color: white;
    overflow: hidden;
    margin: 10px 0;
    box-sizing: border-box;
    border-radius: 4px;
}

.offer-bar-green {
    /*donkerpaars op wit; de balk markeert de positieve status en week met
      het paarse vlak af van de omliggende blokken*/
    color: var(--navy);
    padding: 16px;
    width: 100%;
    background-color: white;
    overflow: hidden;
    margin: 10px 0;
    box-sizing: border-box;
    border-radius: 4px;
}

.offerdashgrey {
    border-bottom: 1px #cccccc dashed;
}

#layout-bottom-bar {
    width: 100%;
    height: 180px;
    background-color: #f1f1f1;
    position: absolute;
    top: 730px;
    left: 0;
    display: none;
}

.prices {
    padding: 10px;
}

#prices-table {
    width: 650px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
}

    #divMinPrice > td > div,
    #divMaxPrice > td > div,
    #divPriceKind > td {
        white-space: nowrap;
    }

    #divPriceKind > td + td {
        padding-left: 15px;
    }

    #divMinPrice > td:first-child,
    #divMaxPrice > td:first-child {
        padding-top: 15px !important;
    }

    #divMinPrice input.textbox-small,
    #divMaxPrice input.textbox-small {
        height: 26px;
    }

#offerslider {
    width: 283px;
    float: left;
    margin-top: 8px;
    background: white;
}

.overview-notice {
    margin: 15px;
}

.extra-tender-information td {
    vertical-align: top;
    font-size: 15px;
}


.tenderheaderwrapper {
    background-color: var(--blauw-grijs);
    color: #121212;
    padding: 0 0 30px;
    width: 100%;
    position: relative;
}

..tenderheaderwrapper h2 {
    margin-top: 20px;
}


.tenderheaderwrapper p {
    float: left;
    line-height: 1.5em;
    margin-top: 30px;
}

h1.tenderheadertitle {
    color: var(--header);
    font-family: var(--kop-font);
    font-size: 42px;
    font-weight: 700;
    margin: 0 0 1em 0;
    padding: 0;
    width: 70%;
}

.organisationsubtitle {
    font-size: 16px;
    font-family: var(--tekst-font);
    font-weight: 500;
    color: var(--secundaire-kleur);
}

.tenderbuttonswrapper {
    background-color: var(--blauw-grijs);
    color: white;
    padding: 30px 0;
    width: 100%;
}

    .tenderbuttonswrapper .favouritecontainer {
        float: left;
    }

#tenderdetails {
    float: left;
    width: 100%;
    background-color: transparent;
    padding: 0px;
    box-sizing: border-box;
}

    #tenderdetails ul {
        margin: 20px;
        list-style: disc;
        font-size: 14px;
    }

    #tenderdetails p, #tenderdetails ol {
        font-size: 14px;
    }

#view-tender-container #tenderdetails {
    padding: 0px;
    border: 0px;
    margin: 0px;
}

li.offer-snippet-item {
    border-bottom: 1px #cccccc dashed;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 15px;
    margin-left: 0;
}

.offer-snippet-item-table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    color: var(--secundaire-kleur);
}

.offer-snippet-item-nr {
    vertical-align: top;
    text-align: left;
    width: 20px;
    font-size: 15px;
}

    .offer-snippet-item-nr .dark_grey {
        color: #adadad;
    }

.offer-snippet-item-org {
    text-align: left;
    font-size: 15px;
    vertical-align: top;
}

.offer-snippet-item-con {
    text-align: left;
    vertical-align: top;
    font-size: 15px;
    width: 210px;
}

.offer-snippet-item-icon {
    vertical-align: top;
    width: 19px;
}

.offer-snippet-item-req {
    width: 115px;
    text-align: left;
    vertical-align: top;
    font-size: 15px;
}

.offer-snippet-item-score {
    width: 112px;
    text-align: left;
    vertical-align: top;
    font-size: 21px;
}

.internal-snippet-org {
    color: white;
    font-size: 15px;
    float: right;
    padding-right: 10px;
}

.button-delete {
    margin-top: -2px;
}

li .blue-button {
    margin-right: 20px;
}

.offer-bar-top {
    padding: 10px;
    background-color: #fafafa;
    width: 690px;
    margin-bottom: 20px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.offerrow {
    font-size: 15px;
}

#personaldata-popup-link {
    color: var(--secundaire-kleur);
    font-size: 15px;
    float: right;
    margin: 10px;
    text-decoration: none;
}


#suppliedperson-popup-link {
    /*stond in het oranje van --primaire-kleur; krijgt hier dezelfde kleur als
      de overige links op de site*/
    color: var(--paars-link);
    font-size: 12px;
    float: right;
    margin: 10px 0 0 0;
    text-decoration: none;
    text-transform: uppercase;
}

#deleteresumebutton, .deleteattachmentbutton, .deletedocumentbutton, #deletemotivationbutton {
    color: var(--primaire-kleur);
    font-size: 15px;
    float: right;
    margin-top: 9px;
    text-decoration: none;
    cursor: pointer;
}

.evlink {
    color: var(--primaire-kleur);
    font-size: 11px;
    vertical-align: middle;
    text-decoration: none;
}


#check-offer-details {
    line-height: 18px;
    float: left;
    width: 718px;
    background-color: white;
    padding: 20px;
    border: 1px solid #dce5ec;
    margin: 5px;
}

#view-tender-container #check-offer-details {
    padding: 0px;
    border: 0px;
    margin: 0px;
}

.downloadattachmentlink {
    color: var(--secundaire-kleur);
    font-size: 15px;
    text-decoration: none;
}

    .downloadattachmentlink:hover, .downloadattachmentlink:focus {
        color: var(--secundaire-kleur);
    }

.attentionblock {
    padding: 20px;
    background-color: var(--blauw-grijs);
    border-radius: 4px;
    margin: 20px 10px 10px;
    border: 1px solid var(--menu-item-selected);
}

/*registreren, aanvullende documenten: de toelichting (tekst uit de
  editor) had geen eigen lettermaat en viel terug op 14px, normaal gewicht en
  een krappe regelhoogte. Hij krijgt dezelfde tekst als het uploadblok eronder.
  div. in de selector omdat de view een eigen <style> na Site.css heeft die de
  regelhoogte van de lijsten met dezelfde specificiteit zet.*/
#registration-documents div.registration-document-explanation,
#registration-documents div.registration-document-explanation p,
#registration-documents div.registration-document-explanation ul,
#registration-documents div.registration-document-explanation ol {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.7;
}

#roundingquestionscancel {
    margin-top: 4px;
}

.notificationblock {
    float: left;
    margin: 0px;
    padding: 20px 34px 34px 34px;
    width: 100%;
    box-sizing: border-box;
    background-color: var(--blauw-grijs);
    line-height: 1.5em;
    font-size: 16px;
    -webkit-box-shadow: 0 5px 4px -4px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 4px -4px rgb(0 0 0 / 15%);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 46px;
    border: 1px solid var(--menu-item-selected);
}

    .notificationblock h2.styledtitle {
        margin: 0.7em 0 0.5em 0;
        border: 0;
        padding: 0;
    }

    .notificationblock p {
        margin: 1em 0;
    }

.registration-manual {
    float: left;
}

    .registration-manual h3 {
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        color: #121212;
        background-color: white;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 0 10px 0;
        margin: 0 0 20px 0;
        position: relative;
        line-height: 1.5em;
    }

.checkreviewoffertitle {
    font-family: var(--tekst-font);
    font-weight: 300;
    font-size: 24px;
    color: var(--secundaire-kleur);
    float: left;
    margin-bottom: 10px;
}

.checkreviewoffertitleright {
    float: right;
    color: var(--secundaire-kleur);
    font-size: 15px;
    font-weight: bold;
}

.tenderselector-block {
    margin-right: 10px;
    margin-top: 30px;
    float: left;
    font-size: 15px;
}

    .tenderselector-block a {
        text-decoration: none;
    }

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

.tenderselector-subblock {
    position: relative;
    padding: 20px;
    width: 260px;
    height: 260px;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: white;
    background-color: var(--secundaire-kleur);
}

    .tenderselector-subblock h3 {
        font-size: 18px;
    }

    .tenderselector-subblock p {
        font-size: 18px;
        padding-top: 30px;
        height: 190px;
        line-height: 1.5em;
    }

.tenderselector-start {
    font-size: 18px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 260px;
}

    .tenderselector-start img {
        margin-top: 0 !important;
    }

.tenderselector-tender {
    background-color: var(--secundaire-kleur);
    color: white;
}


.tenderselector-tender-2a {
    background-color: var(--secundaire-kleur);
    color: white;
}


.tenderselector-privatetender {
    background-color: #cdba95;
    color: white;
}


.tenderselector-internaltender {
    background-color: #cdba95;
    color: white;
}


a.tenderselector-templatelink {
    color: var(--primaire-kleur);
    text-decoration: none;
}

    a.tenderselector-templatelink:hover, a.tenderselector-templatelink:focus {
        color: var(--secundaire-kleur);
    }

#lotDetails {
    width: 700px;
}

.participating-org {
    font-size: 15px;
    margin-bottom: 10px;
}

.participating-orgtxt {
    font-size: 11px;
}

div.snippetlist {
    margin-bottom: 40px;
}

#formWithdraw h3, #removeofferform h3, #removecandidatecontent h3 {
    font-size: 15px;
}

#formWithdraw, #removeofferform {
    font-size: 15px;
}

#withdrawreason {
    padding: 6px 10px;
    box-sizing: border-box;
}

.addreference {
    color: var(--secundaire-kleur);
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    float: right;
}

.removereference {
    color: var(--secundaire-kleur);
    font-size: 15px;
    cursor: pointer;
    margin-top: 20px;
    display: block;
}

    .addreference:hover, .removereference:hover,
    .addreference:focus, .removereference:focus  {
        color: var(--secundaire-kleur);
    }
focus
.requesteddocumentlink {
    color: var(--primaire-kleur);
    font-size: 15px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #9E9E9E !important;
}

#organisations-background {
    display: none;
    width: 100%;
    height: 900px;
    position: absolute;
    top: 1133px;
    border-top: 1px solid #f4e1b4;
    background-color: #fafafa;
}

/*INVOICE*/

.invoice-list {
    overflow: hidden;
}

.invoice-list-item {
    overflow: hidden;
    margin: 10px 10px 15px 12px;
}

    .invoice-list-item div {
        float: left;
        width: 150px;
        height: 15px;
    }

.workassignment-headerbox {
    width: 100%;
    margin-bottom: 25px;
    overflow: hidden;
    line-height: 18px;
    background-color: white;
    position: relative;
}

.workassignment-header {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    color: #121212;
    border-bottom: 1px solid #cccccc;
    background-color: white;
    font-size: 26px;
    font-weight: bold;
    padding: 10px 0 10px 0;
    margin: 0 0 30px 0;
    position: relative;
    line-height: 1.5em;
}

.workassignment-iconbar {
    overflow: hidden;
}

.workassignment-header-item {
    background-position: center;
    background-repeat: no-repeat;
    background-position: center 40%;
    float: left;
    text-align: center;
    width: 318px;
    height: 208px;
    padding: 160px 0 30px 0;
    display: block;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fafafa;
    position: relative;
    margin: 10px 0;
}

.workassignment-header-item-selected {
    background-color: white;
    border: 1px solid #cccccc;
    margin: 0px 0 30px 0;
    height: 228px;
    padding: 160px 0 30px 0;
}

.workassignment-header-item span {
    color: #121212;
    font-size: 18px;
    font-weight: normal;
    display: block;
}

.workassignment-header-item.workassignment-header-item-hours {
    background-image: url('/Content/Images/icon_uren_big_inactive.png');
}

.workassignment-header-item.workassignment-header-item-invoices {
    background-image: url('/Content/Images/icon_offertes_big_inactive.png');
}

.workassignment-header-item.workassignment-header-item-details {
    background-image: url('/Content/Images/icon_details_big_inactive.png');
}

.workassignment-header-item-selected.workassignment-header-item-hours {
    background-image: url('/Content/Images/icon_uren_big.png');
}

.workassignment-header-item-selected.workassignment-header-item-invoices {
    background-image: url('/Content/Images/icon_offertes_big.png');
}

.workassignment-header-item-selected.workassignment-header-item-details {
    background-image: url('/Content/Images/icon_details_big.png');
}

.workassignment-header-item-shade {
    width: 318px;
    bottom: 0;
    left: 0;
    position: absolute;
    margin-bottom: -21px;
    display: none;
}

.workassignment-header-item-selected .workassignment-header-item-shade {
    display: block;
}

.workassignment-header-item + .workassignment-header-item {
    margin-left: 3px;
}

div.workassignment-organisation {
    float: right;
    font-size: 0.7em;
}

div.workassignment-tab {
    width: 100%;
}

.timesheet-line {
    margin: 3px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    margin-bottom: 20px;
}

div.timesheet-line-header {
    font-size: 18px;
    color: var(--secundaire-kleur);
    font-weight: bold;
    padding: 10px 10px 0 10px;
    overflow: hidden;
}

.timesheet-line-hours {
    background-color: #F5F5F5;
    padding: 10px 0;
}

.timesheet-day {
    background-color: #F5F5F5;
    color: #121212;
    width: 74px;
    height: 75px;
    text-align: center;
    font-weight: bold;
    padding: 2px 0 0 0;
}

.timesheet-hour-read {
    padding: 12px 0 0 0;
    margin: 8px 10px 0 10px;
    background-color: #F5F5F5;
    color: var(--secundaire-kleur);
    font-weight: bold;
    border: solid 1px #f2f2f2;
    height: 27px;
    border-radius: 4px;
}

.timesheet-line-hours table {
    border-spacing: 7px 0px;
    border-collapse: separate;
}

.timesheet-total {
    font-size: 12px;
    color: var(--secundaire-kleur);
    font-weight: bold;
    text-align: center;
    width: 135px;
    padding-top: 5px;
}

.timesheet-hour-total {
    font-size: 20px;
    margin-top: 13px;
}

.timesheet-line-selected {
    border: 1px solid #cccccc;
}

.timesheet-line-details {
    font-size: 15px;
    overflow: auto;
    background-color: #F5F5F5;
    padding: 10px 5px;
}

.timesheet-line-detail {
    float: left;
    padding-top: 10px;
}

.timesheet a {
    color: var(--secundaire-kleur);
    text-decoration: none;
}

    .timesheet a:hover, .timesheet a:focus {
        text-decoration: underline;
    }

a.show-timesheet-archive {
    color: var(--primaire-kleur);
    text-decoration: none;
}

.timesheet-line-empty {
    margin: 0 0 10px 2px;
}

input.timesheet-hour-field {
    padding: 5px;
    margin: 8px 8px 0px 8px;
    background-color: #ffffff;
    color: #121212;
    font-weight: normal;
    border: solid 1px #f2f2f2;
    height: 29px;
    border-radius: 4px;
    width: 42px;
    text-align: center;
}

.timesheet select {
    width: 240px;
    border-radius: 4px;
    border: 1px solid #f2f2f2;
    color: #454545;
    padding: 3px;
}

.invoice-popup-header {
    padding: 10px;
    background-color: var(--secundaire-kleur);
    color: white;
    font-weight: bold;
    overflow: hidden;
}

.invoice-popup-subheader {
    background-color: #fafafa;
    padding: 10px 30px 15px 30px;
    overflow: hidden;
}

a.invoice-button {
    padding: 14px 36px;
    background-color: var(--primaire-kleur);
    color: #ffffff;
    border-radius: 4px;
    font-family: var(--tekst-font);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
}

    a.invoice-button:hover, a.invoice-button:focus {
        background-color: var(--secundaire-kleur);
    }

.invoice-detail-header {
    float: left;
    background-color: var(--secundaire-kleur);
    color: #ffffff;
    font-size: 15px;
    margin: 20px 0 0 0;
    cursor: pointer;
}

.invoice-detail-wrapper {
    width: 100%;
    position: relative;
    color: #121212;
    height: 66px;
    padding: 12px 0;
    float: left;
    margin: 25px 0 0 0;
    border-bottom: 1px solid #ccc;
}

.invoice-detail-date {
    font-size: 12px;
    position: absolute;
    top: -20px;
    right: 16px;
    width: 70px;
    height: 66px;
    padding-top: 4px;
    color: white;
    background-color: var(--secundaire-kleur);
    border: 4px solid var(--secundaire-kleur);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

/*het dagnummer in de datumbadge. Die badge is 70x66px en bevat onder het
  nummer ook de maandnaam (12px); voor de inhoud is 62px beschikbaar. De 33px
  hier was op Arial Black afgestemd. Plus Jakarta Sans is hoger, dus mag het
  wat ruimer - gemeten past 36px (inhoud 60px) net wel en 40px (63px) net niet.*/
.invoice-detail-datenr {
    font-size: 40px;
    font-weight: 700;
    font-family: var(--kop-font);
    line-height: 36px;
}

.invoice-amount {
    font-weight: bold;
    color: var(--secundaire-kleur);
    height: 40px;
}

.invoice-snippet {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin: 3px;
    margin-bottom: 20px;
    cursor: pointer;
}

.unbilled-hours-header {
    font-size: 1.1em;
    font-weight: bold;
    color: var(--secundaire-kleur);
    padding: 0 0 8px 0;
}

.unbilled-hours-detail {
    background-color: #FFFFFF;
    padding: 8px 13px;
}

    .unbilled-hours-detail a {
        color: var(--primaire-kleur);
        text-decoration: none;
    }

        .unbilled-hours-detail a:hover, .unbilled-hours-detail a:focus {
            text-decoration: underline;
        }

.invoice-title {
    color: var(--secundaire-kleur);
    text-align: left;
    padding-bottom: 15px;
}

.invoice-lines {
    /*overflow: hidden;*/
}

.invoice-line-item {
    clear: left;
    padding: 12px 0px;
    overflow: hidden;
    text-align: left;
}

    .invoice-line-item div {
        float: left;
        overflow: hidden;
    }

.invoice-line-header {
    float: left;
    background-color: #fafafa;
    color: var(--secundaire-kleur);
    padding: 12px 10px;
    margin-bottom: 10px;
    text-align: left;
}

    .invoice-line-header div {
        float: left;
        height: 15px;
    }

.invoice-lines-container a {
    color: var(--primaire-kleur);
    text-decoration: none;
}

    .invoice-lines-container a:hover, .invoice-lines-container a:focus {
        text-decoration: underline;
    }

.invoice-lines-container input[type=text] {
    width: 25px;
    height: 12px;
}

.workassignments {
    width: 725px;
}

.workassignment-line {
    width: 723px;
    float: left;
    background-color: #F5F5F5;
    margin: 20px 0 0 0;
    color: #454545;
    -webkit-box-shadow: 0 6px 6px -6px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 6px -6px rgb(0 0 0 / 15%);
}

div.workassignment-line-header {
    background-color: #F5F5F5;
    color: var(--secundaire-kleur);
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
    overflow: hidden;
}

div.workassignment-line-header-selected {
    background-color: #ff7e7e;
}

div.workassignment-line-item {
    float: left;
    padding: 10px 10px 10px 10px;
    width: 241px;
    box-sizing: border-box;
}

.workassignment-container {
    overflow: hidden;
    margin-bottom: 50px;
}

    .workassignment-container a {
        color: #121212;
    }

.invoice-label {
    float: left;
    font-weight: bold;
    vertical-align: middle;
    width: 200px;
    text-align: left;
}

.invoice-edit {
    float: left;
    width: 450px;
    text-align: left;
}

    .invoice-edit input {
        width: 250px;
        height: 16px;
    }

    .invoice-edit select {
        width: 262px;
        height: 26px;
    }

.invoice-validation {
    float: left;
    text-align: left;
    clear: left;
}

.invoice-field {
    clear: both;
    padding: 10px 0 10px 0;
    overflow: hidden;
}

.attachment-list a {
    color: var(--primaire-kleur);
    text-decoration: none;
}

    .attachment-list a:hover, .attachment-list a:focus {
        text-decoration: underline;
    }

ul.attachment-list {
    list-style-type: none;
}

    ul.attachment-list li {
        margin: 0px;
        padding-top: 20px;
    }

a.select-costheading {
    cursor: pointer;
}

.invoice-stripe {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 12px 0 0 120px;
}

.workassignment-popup-header {
    width: 700px;
    padding: 10px;
    background-color: var(--secundaire-kleur);
    color: white;
    font-weight: bold;
    overflow: hidden;
}

.alertbox {
    width: 400px;
    position: fixed;
    top: 400px;
    left: 425px;
    margin-bottom: 25px;
    overflow: hidden;
    line-height: 18px;
    background-color: white;
    -moz-box-shadow: 15px 15px 55px #777777;
    -webkit-box-shadow: 15px 15px 55px #777777;
    box-shadow: 15px 15px 55px #777777;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666');
    border: 0;
    margin: 5px 0 25px 5px;
    z-index: 99999;
}

.authenticationheader {
    float: right;
    width: 250px;
    background-color: #f0f1f1;
    margin: 20px 0 0 0;
    padding: 20px 15px 15px 15px;
    line-height: 20px;
    clear: both;
}

    .authenticationheader h2 {
        font-size: 1.5em;
        padding: 0;
        margin: 0;
    }

.roundedcorners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#detailbuttons input[type="submit"]:hover, #detailbuttons input[type="button"]:hover,
#detailbuttons input[type="submit"]:focus, #detailbuttons input[type="button"]:focus {
    background-color: var(--primaire-kleur);
}

#detailbuttons input[type="submit"] {
    background-color: var(--primaire-kleur);
}

#detailbuttons input[type="submit"] {
    background-color: var(--primaire-kleur);
}

#detailbuttons input[type="submit"], #detailbuttons input[type="button"] {
    position: relative;
    float: right;
    display: block;
    padding: 11px 46px;
    color: #fff;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
    margin: 0;
}

.action-container {
    padding: 10px 20px;
    background-color: white;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
}


    .action-container p {
        color: white;
        font-size: 16px;
        display: block;
        float: left;
        margin: 10px 0;
        padding: 0 0 0 20px;
    }

    .action-container span {
        color: white;
        display: inline-block;
        margin-top: 10px;
        padding: 0 0 0 20px;
    }


.action-button {
    background-color: white;
    border-radius: 0 0 5px 5px;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    width: 155px;
    float: right;
}

    .action-button p {
        color: white;
        background-color: #0da3b5;
        display: inline-block;
        margin-left: 5px;
        width: 125px;
        padding-left: 5px;
    }

#organisationRegistrationList a.blue-button {
    height: auto !important;
    padding: 8px 20px;
    margin-left: 10px;
}

.registration-overview-header {
    background-color: #8b8b8b;
    font-size: 17px;
    color: white;
    padding: 15px 10px;
    border-radius: 9px 9px 0 0;
    -webkit-border-radius: 9px 9px 0 0;
    -moz-border-radius: 9px 9px 0 0;
    margin-bottom: 20px;
    height: 20px;
}

.registration-overview-button {
    color: var(--primaire-kleur);
    border: 1px solid var(--primaire-kleur);
    border-radius: 30px;
    padding: 10px 10px;
    top: 0;
    right: 0;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    margin: 0px 10px 20px 10px;
    cursor: pointer;
}

    .registration-overview-button:hover, .registration-overview-button:focus {
        background-color: var(--secundaire-kleur);
        border: 1px solid var(--secundaire-kleur);
        color: white;
    }


.confirmation-box {
    display: none;
    padding: 15px;
    margin: 15px;
    background-color: var(--blauw-grijs);
}

.full-width {
    width: 99% !important;
}

.confirm-exclusionground {
    float: right;
    margin-top: 20px;
    background-color: #fafafa;
    height: 40px;
    width: 150px;
    padding: 20px;
    position: relative;
    border: 1px #c1d0e1 solid;
}

    .confirm-exclusionground.checked {
        background-color: #e4f7e7;
        border: 1px #49c95e solid;
    }


    .confirm-exclusionground p {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

a.approve-organisation {
    background-color: #97bf0d !important;
}

    a.approve-organisation:hover, a.approve-organisation:focus {
        background-color: #a6ce1c !important;
    }

a.blue-button.approve-document {
    background-color: var(--primaire-kleur) !important;
}

    a.blue-button.approve-document:hover, a.blue-button.approve-document:focus {
        background-color: var(--secundaire-kleur) !important;
    }

#register-for-approval h3 {
    line-height: 1.5em;
}

#registration-details-popup .blue-button.modal_close {
    height: auto;
    margin: 0 20px 20px 0;
}

/*knoppen in popups (Sluiten, Annuleren) hebben in de views vaak inline
  height: 21px. Met border-box en 14px boven- en onderpadding blijft daar een
  knop van 30px van over met de tekst op de onderrand. Ze krijgen hun gewone
  hoogte van 47px terug.*/
.popup-container .wizard-button {
    height: auto !important;
}

/*popup "Documenten opvragen" (Documenten bekijken bij een gegunde offerte).
  Beide knoppen krijgen dezelfde marges.*/
#requestDocumentsForm .buttons-requestdocument .wizard-button,
#requestDocumentsForm .buttons-requestdocument .blue-button {
    margin: 0 0 20px 20px;
}

/*popup "Gunning intrekken": beide knoppen staan gelijk met de randen van de
  motiveringseditor.*/
#revertAwarding .buttons-requestdocument .wizard-button {
    margin: 20px 10px;
}

/*knoppenbalk op de opdrachtpagina: "Beoordelen afronden" is een green-button
  en kreeg de grote call-to-actionmaat (16px, 21px 50px), terwijl
  "Opdracht intrekken" ernaast een gewone blue-button is. Beide even groot.*/
.tenderbuttonswrapper .green-button {
    padding: 14px 26px;
    font-size: 14px;
}

/*popup "Opdracht intrekken": de getypte reden stond tegen de rand van het
  tekstvak*/
#popupWithdrawTender #reason {
    box-sizing: border-box;
    padding: 10px 12px;
}

/*popup "Beoordelen afronden": hetzelfde voor de opmerking, en Annuleren
  (wizard-button, 20px bovenmarge) stond lager dan Doorsturen en afwijzen
  (blue-button, geen bovenmarge)*/
#roundingjudgement #Remark {
    box-sizing: border-box;
    padding: 10px 12px;
}

#roundingjudgement #forwardanddeny,
#roundingjudgement #roundingjudgementcancel {
    margin-top: 0;
    margin-bottom: 20px;
}

/*een documentregel: naam links, daarna de status/download en Verwijderen.
  Met floats paste de regel net niet en viel "Nog niet beschikbaar" onder
  Verwijderen; als flexrij krimpt de naam in plaats daarvan.*/
#requestDocumentsForm .document > div:first-child {
    display: flex;
    align-items: baseline;
    gap: 20px;
}

    #requestDocumentsForm .document > div:first-child > div {
        float: none !important;
        padding-right: 0 !important;
    }

        #requestDocumentsForm .document > div:first-child > div:first-child {
            flex: 1;
            min-width: 0 !important;
        }

        /*Verwijderen staat in de html voor de status, maar hoort rechts*/
        #requestDocumentsForm .document > div:first-child > div:has(.delete-requesteddocument) {
            order: 1;
        }

        /*popup "Documenten controleren" gebruikt hetzelfde formulier-id; daar
          staat de omschrijving in dezelfde div en hoort die op een eigen regel*/
        #requestDocumentsForm .document > div:first-child > .dark_grey {
            flex-basis: 100%;
        }

#requestDocumentsForm .document > div:first-child:has(> .dark_grey) {
    flex-wrap: wrap;
    row-gap: 0;
}

/*de keuzerondjes Akkoord / Niet akkoord stonden tegen hun tekst aan*/
#requestDocumentsForm .document input[type=radio] {
    margin: 0 6px 0 0;
    vertical-align: -2px;
}

    #requestDocumentsForm .document input[type=radio] ~ input[type=radio] {
        margin-left: 10px;
    }

/*formulier "Nieuw document opvragen": label links en invoerveld ernaast. De
  inline breedte van 530px plus de veldpadding van deze site werd breder dan
  de rij, waardoor Naam onder zijn label viel en Omschrijving niet.*/
#requestDocumentsForm .div-newdocument input[type=text],
#requestDocumentsForm .div-newdocument textarea {
    box-sizing: border-box;
    width: calc(100% - 120px) !important;
    padding: 12px !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: inherit;
    font-size: 14px;
    vertical-align: top;
}

#requestDocumentsForm .div-newdocument textarea {
    height: 90px !important;
    resize: vertical;
}

    /*het label op de hoogte van de tekst in het veld*/
    #requestDocumentsForm .div-newdocument form > div > .text-blue {
        padding-top: 13px;
    }

    #requestDocumentsForm .div-newdocument .field-validation-error {
        display: block;
        padding-left: 10px;
    }

    /*Annuleren en opslaan rechts gelijk met de invoervelden*/
    #requestDocumentsForm .div-newdocument form > div:last-child {
        padding-right: 0 !important;
    }

.dxgvControl_MaterialCompact a {
    color: var(--secundaire-kleur) !important;
}

.dxgvControl_MaterialCompact .dxgvTable_MaterialCompact .dxgvFocusedRow_MaterialCompact,
.dxgvControl_MaterialCompact .dxgvTable_MaterialCompact .dxgvFocusedRow_MaterialCompact
.dxgvDataRowHover_MaterialCompact {
    background-color: var(--menu-item-selected) !important;
}

.dxpLite_MaterialCompact .dxp-current {
    background-color: var(--secundaire-kleur) !important;
}

/*RESPONSIVE*/
#mainmenuhamburger {
    display: none;
}

/* 0 - 959PX */
@media screen and (min-width: 0px) and (max-width: 959px) {
    .content-placeholder {
        width: 100%;
    }

    #content-container {
        padding-bottom: 0;
    }

    div.responsive-wrapper {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    #footer-content-wrapper .responsive-wrapper {
        padding: 30px 20px;
    }

    #logo {
        width: 100%;
    }

    #layoutbacklink {
        margin-left: 25px;
    }

    #nav {
        text-align: left;
    }

    #mainmenu {
        display: none;
        width: 100%;
    }

    #mainmenucontainer {
        width: 100%;
        height: 100%;
    }

    #mainmenucontainerwrapper {
        height: auto;
    }

    .mainmenu-item {
        width: 100%;
        box-sizing: border-box;
    }

    .accountmenuitem {
        display: block;
        float: none;
    }

    .account {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 0 20px 30px;
        margin: 0;
        text-align: left;
    }

        .account:hover, .account:focus {
            border-bottom: none;
            color: white;
            background-color: var(--secundaire-kleur);
        }

    #home-link {
        display: none;
    }

    #mainmenuhamburger {
        display: block;
        background-image: url(/Content/Images/menu_icon_white.png);
        background-color: var(--primaire-kleur);
        background-size: 58px 66px;
        background-repeat: no-repeat;
        border: none;
        width: 66px;
        height: 58px;
        cursor: pointer;
        float: right;
        background-position: center center;
    }

    #mainmenuhamburger.hamburgerdown {
        background-image: url(/Content/Images/close_big_white.png);
        background-size: 32px 32px;
        background-position: center center;
    }

    a.mainmenu-item-link {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 0 20px 30px;
        margin: 0 2px 0 0;
        text-align: left;
    }

    a.mainmenu-item-link:hover, a.mainmenu-item-linr, a.mainmenu-item-link:focus {
        border-bottom: none;
        color: white;
    }

    a.mainmenu-selecteditem-link {
        color: white;
        background-color: var(--secundaire-kleur);
        width: 100%;
        box-sizing: border-box;
        padding: 20px 0 20px 30px;
        border-bottom: none;
        margin: 0 2px 0 0;
        text-align: left;
    }

    a.mainmenu-selecteditem-link:hover, a.mainmenu-selecteditem-link:focus {
        background-color: var(--primaire-kleur);
    }

    #content {
        margin-top: 0;
    }

    h1.home-welcome {
        position: relative;
        font-size: 48px;
        padding: 10px 0;
        z-index: 2;
        width: 100%;
        margin: 0;
        text-align: right;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        box-sizing: border-box;
    }

    #home-foto-container {
        position: absolute;
        top: 50px;
        width: 100%;
        background-size: cover;
    }

    .about-foto-innercontainer {
        position: absolute;
        padding: 26px 46px 0;
        float: none;
        margin: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 100%;
        z-index: 2;
    }

    .home-foto {
        background-position: left;
    }

    .home-foto-mid {
        height: auto;
    }

    .home-foto-shade-bottom {
        display: none;
    }

    h1.home-welcome2 {
        font-size: 44px;
        padding: 60px 0;
        font-weight: bold;
    }

    #home-blocks-container {
        margin-top: 110px;
    }

    #home-search {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto 25px auto;
    }

    #home-register-bidder {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto 25px auto;
        overflow: hidden;
    }

    #home-register-supplier {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto 25px auto;
        overflow: hidden;
    }

    h2.home-block-title {
        padding: 0 0 10px;
        box-sizing: border-box;
        margin: 0;
    }

    .home-block-legend {
        padding: 25px 0 0px 25px;
    }

    #home-search-button {
        position: absolute;
        right: 0px;
        left: auto;
    }

    .home-block-text {
        padding: 15px 30px 30px 30px;
        box-sizing: border-box;
    }

    .register-link, .home-search-link {
        position: relative;
        right: auto;
        left: auto;
        bottom: auto;
        top: auto;
        float: none;
        margin: 0;
    }

    .homedropdownlist select {
        height: 40px;
        margin: 0 0 25px 25px;
        overflow: hidden;
    }

    #home-new-tenders .home-block-title {
        margin: 0 0 30px 0;
        padding: 0;
        box-sizing: border-box;
        width: 100%;
    }

    .home-tender {
        float: none;
        height: auto;
        margin: 0 auto 25px auto;
        overflow: hidden;
    }

    .home-tender-linkblock {
        margin: 0;
        width: 100%;
        margin-bottom: 60px;
    }

    .home-tender .tender-snippet-image {
        width: 50%;
    }

    h3.home-tender-title {
        width: 50%;
        box-sizing: border-box;
    }

    .share-tender-icon-container {
        position: absolute;
        width: auto;
        right: 0;
        bottom: 0;
    }

    .about-home-container {
        background-color: white;
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        overflow: hidden;
        background-size: 100%;
    }

    p.home-about-text {
        margin-bottom: 25px;
        font-family: 'Open Sans';
        overflow: auto;
        color: white !important;
    }

    .home-about-hecht {
        margin: 40px 0;
    }

    .logos-hecht-labels {
        padding: 20px 30px;
        margin-right: 50%;
        box-sizing: border-box;
        max-width: 100%;
        height: auto;
    }

    .about-home-innercontainer .home-search-link {
        top: auto;
        bottom: auto !important;
        left: auto;
        right: auto;
        position: relative !important;
        float: right !important;
        margin: 0;
    }

    .about-home-container img {
        display: none;
    }

    .about-home-innercontainer-links {
        width: 100%;
        height: auto;
        margin: 44% 0 50px 0;
        overflow: visible;
        -moz-border-radius: 0 0 30px 30px;
        -webkit-border-radius: 0 0 30px 30px;
        border-radius: 0 0 30px 30px;
    }

    .about-home-innercontainer-rechts {
        width: 100%;
        height: auto;
        margin: 44% 0 50px 0;
        overflow: visible;
        -moz-border-radius: 30px 30px 0 0;
        -webkit-border-radius: 30px 30px 0 0;
        border-radius: 30px 30px 0 0;
    }

    h1.frontend-title, h1.about-title {
        margin: 1em 0;
        box-sizing: border-box;
    }

    div.site-photo-header {
        width: 100%;
        text-align: center;
        position: relative;
        left: auto;
        margin-left: 0;
        top: 200px;
    }

    #site-foto-container {
        top: 125px;
    }

    .site-foto {
        height: 450px;
    }

    p.about-intro-text {
        margin: 1em 0 1.5em 0;
    }

    h2.about-subtitle {
        padding: 0;
        box-sizing: border-box;
    }

    .about-text {
        padding: 0;
        box-sizing: border-box;
    }

    .about-image {
        width: 100%;
    }

    h2.styledtitle {
        margin: 1em 20px;
        padding: 20px 0;
        box-sizing: border-box;
        font-size: 26px;
    }

    h2.faq-subtitle {
        padding: 0;
        box-sizing: border-box;
    }

    div.dashboard-question-item {
        padding: 0px;
    }

    .facets {
        float: left;
        width: 100%;
        margin: 0 auto;
        border-right: 0;
    }

    .facets-header {
        float: left;
        position: relative;
        padding: 0 0 20px 0;
        width: 100%;
        margin: 0;
        clear: both;
    }

    .searchresults-found {
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

    .facets {
        width: 100%;
        margin: 0 auto;
        border-right: 0;
    }

    .facet {
        width: 100%;
        padding: 0 0 10px 0;
    }

        .facet h2 {
            width: 100%;
            box-sizing: border-box;
        }

        .facet label {
            width: auto;
        }

    .searchresult {
        width: 100%;
    }

    .searchresults {
        float: left;
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .searchresult-item-data {
        width: 100%;
        box-sizing: border-box;
    }

    .viewtender-headerbox, .viewtemplate-headerbox {
        width: 100%;
        box-sizing: border-box;
    }

    #footerbottomcontent {
        padding: 0 20px;
    }

    .footer-image {
        display: none;
    }

    .wizard-validate {
        width: 100%;
    }

    .customvideoinnerwrapper {
        width: 100%;
    }

    .customvideotitle {
        margin-bottom: 10px;
    }

    .footer-top-section {
        text-align: center;
        padding: 10px 0 70px 0;
    }

    .organisations-logo-container {
        margin: 20px;
    }
}

    /* 0 - 699PX */
    @media screen and (min-width: 0px) and (max-width: 699px) {
        .searchresult-item-label {
            width: 40%;
        }

        .searchresult-item-value {
            width: 60%;
        }
    }

    /* 0 - 599PX */
    @media screen and (min-width: 0px) and (max-width: 599px) {
        .home-tender .tender-snippet-image {
            width: 100%;
        }

        #logo {
            height: 107px;
        }

        #logo-placeholder {
            width: 350px;
            margin-top: 24px;
            margin-left: auto;
            margin-right: auto;
            float: none;
        }

        .home-tender-linkblock + .home-tender-linkblock {
            margin-left: 0px;
        }

        #header {
            height: 155px;
        }

        #loginsection {
            float: none;
        }

        #nav {
            margin: 12px auto 0 auto
        }

        .home-content-blokken {
            padding-top: 100px;
        }

        #content-container {
            padding-bottom: 81px;
        }

        ul.footer-list {
            display: none;
        }

        #right-footer-block {
            width: 100%;
            display: block;
            margin: 20px 0;
        }

        .about-foto-innerblock {
            height: auto;
            float: none;
            margin-top: 100px;
            width: 330px;
        }

        .about-foto-link {
            position: relative;
            bottom: 0;
            font-size:12px;
        }

        p.home-header-about-text {
            font-size:12px;
            margin-bottom: 50px;
        }

        p.home-about-text {
            margin-bottom: 20px;
        }

        .logos-hecht-labels {
            padding: 10px 20px;
            box-sizing: border-box;
            max-width: 80%;
        }

        h1.home-welcome {
            font-size: 44px;
        }

        h3.home-tender-title {
            width: 100%;
            padding: 25px;
            height: auto;
        }

        h1.tenderheadertitle {
            font-size: 26px;
        }

        #loginpageblock .viewtender-header {
            font-size: 26px;
        }

         #home-blocks-container {
            margin-top: 20px;
        }

        #home-search-button {
            float: left;
            position: relative;
            margin-top: 25px;
        }

        #home-foto-container {
            top: 12px;
        }

        #home-new-tenders .home-block-title {
            padding-top: 100px !important;
        }

        .about-home-innercontainer-links {
            width: 100%;
            height: auto;
        }

        .about-home-innercontainer-rechts {
            width: 100%;
            height: auto;
        }

        .register-link, .home-search-link {
            float: left;
            position: relative;
            overflow: auto;
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
            margin: 0;
            width: 100%;
        }

        h1.frontend-title, h1.about-title {
            font-size: 26px;
        }

        h2.about-subtitle {
            font-size: 18px;
        }

        p.about-text {
            font-size: 14px;
        }

        h2.faq-subtitle {
            font-size: 26px;
        }

        .facets-header, .searchresults-found {
            font-size: 18px;
        }

        div.site-photo-header {
            top: 140px;
            font-size: 40px;
        }

        #site-foto-container {
            top: 90px;
        }

        .site-foto {
            height: 430px;
        }

        #footer-button {
            width: 100%;
            min-width: auto;
        }

        #footerbottomcontent {
            width: 100%;
            padding: 0 20px;
            box-sizing: border-box;
        }


        .home-block-title-nieuwste-opdrachten {
            font-size: 35px;
        }
    }

    /* 0 - 360PX */
    @media screen and (min-width: 0px) and (max-width: 360px) {
        h1.home-welcome {
            font-size: 38px;
        }

        .about-foto-innercontainer {
            padding: 26px 26px 0;
        }

        .home-foto {
            height: 550px;
        }

        #loginsection, #layoutbacklink {
            font-size: 3vw;
        }
    }

    /*Used in admin*/
    .edit-icon:hover, .edit-icon:focus {
        width: 37px;
        height: 37px;
        background-image: url('Images/icon_bewerken_mouseover.png');
    }

    .copy-icon {
        width: 37px;
        height: 37px;
        background-image: url('Images/icon_copy.png');
        float: left;
        margin-right: 5px;
    }

    input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys {
        width: 100%;
    }

    .hideColumnData {
        display: none;
    }

    .dxflCaption_MaterialCompact {
        width: auto;
    }

    .BreakWord {
        word-break: break-word;
    }

    .websiteBasisKleur {
        background-color: var(--secundaire-kleur);
    }

    .siteImproveOnderwerpBalk {
        background-color: var(--secundaire-kleur);
    }

/* Skip to main content link for web accessibility */
.skip-to-main-content {
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 1em;
    background-color: black;
    color: white;
    opacity: 0;
}

.skip-to-main-content:focus {
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    color: white;
}


/* =========================================================================
   HUISSTIJL WERKEN IN FRIESLAND
   -------------------------------------------------------------------------
   Overrides op basis van het XD-ontwerp "WIF Inhuur Design", artboard INHUUR.
   Kleuren en typografie komen uit de design specs van dat ontwerp:

     paars      #6E4098    sectiegrijs   #EDEDED
     paars-link #6B3D8E    randgrijs     #D4D1CF
     oranje     #d77d23    grijze tekst  #707070
     navy       #291948    bodytekst     #1A212B

   Koppen: Plus Jakarta Sans   -   Tekst: Inter (via @import bovenin dit bestand)

   Het ontwerp is getekend op een artboard van 2188px breed. De contentkolom
   daarin is 1590px, tegenover 960px hier, dus alle maten uit de specs zijn
   omgerekend met factor 0,604. Dat klopt met de bodytekst: 26px in het
   ontwerp wordt 16px, precies de bestaande p-grootte.

   Dit blok staat onderaan zodat het de generieke regels hierboven
   overschrijft; de variabelen staan in het :root-blok bovenin. De opbouw is
   mobile-first: de basisregels stapelen alles onder elkaar, het @media-blok
   voor 960px en breder legt de desktopindeling eroverheen.
   ========================================================================= */

/* --- TYPOGRAFIE --------------------------------------------------------- */

body,
p,
input,
textarea,
select,
button {
    font-family: var(--tekst-font);
}

body {
    font-weight: 400;
}

/*lopende tekst staat in het ontwerp in de lichte snede*/
p {
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--kop-font);
    font-weight: 700;
    color: var(--navy);
}

.green {
    color: #29A949; /*succesmeldingen blijven groen, het ontwerp kent geen groen*/
}

/* --- HEADER ------------------------------------------------------------- */

/*de header blijft bij het scrollen bovenaan staan, inclusief het menu.
  position:sticky werkt alleen als geen enkele voorouder een scrollcontainer
  is, vandaar dat #site-container hieronder op overflow:visible gaat. De
  oude JS-variant (klasse 'sticky' op #nav) is uit _Layout.cshtml gehaald.*/
#header {
    position: sticky;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid var(--grijs-rand);
}

div#site-container {
    overflow: visible;
}

    /*lichtgrijze balk bovenaan met de terugkoppeling en inloggen/registreren*/
    #header::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 34px;
        background-color: var(--grijs-sectie);
    }

    #header .responsive-wrapper {
        background-color: transparent;
    }

#layoutbacklink,
#loginsection {
    position: relative;
    z-index: 2;
    margin-top: 9px;
    font-family: var(--tekst-font);
    font-size: 12px;
    line-height: 16px;
    color: var(--navy);
}

#layoutbacklink {
    float: left;
    margin-right: 0;
}

    #layoutbacklink,
    #layoutbacklink a,
    #loginsection a,
    #loginsection .actionlink {
        font-weight: 500;
        text-transform: none;
        color: var(--navy);
    }

        #layoutbacklink:hover,
        #layoutbacklink:focus,
        #loginsection a:hover,
        #loginsection a:focus,
        #loginsection .actionlink:hover,
        #loginsection .actionlink:focus {
            color: var(--paars-link);
            text-decoration: underline;
        }

    #layoutbacklink .backlink-icon {
        display: inline-block;
        margin-right: 5px;
        width: 14px;
        height: 14px;
        background-image: url('/Content/Images/icon_menu_back.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: -3px;
    }

    /*het scheidingsteken heeft een inline style color:white in _Layout.cshtml*/
    #loginsection #registerbutton > span {
        color: var(--navy) !important;
    }

    /*het inlog-icoontje voor "Inloggen", zoals in het ontwerp*/
    #loginsection::before {
        content: "";
        display: inline-block;
        margin-right: 6px;
        width: 15px;
        height: 15px;
        background-image: url('/Content/Images/icon_inloggen.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: -3px;
    }

/*inline-block laat de link om het logo heen krimpen in plaats van de volle
  960px; z-index tilt hem boven #nav, dat er met een negatieve marge
  overheen ligt en de klik anders opvangt*/
#logolink {
    position: relative;
    z-index: 2;
    display: inline-block;
}

#logo-placeholder {
    float: none;
    background-image: url('/Content/Images/huisstijl/logo/Werken%20in%20Friesland%20-%20Logo.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* --- HOOFDMENU ---------------------------------------------------------- */

#nav,
#mainmenucontainerwrapper {
    background-color: #fff;
    opacity: 1;
}

/*mocht iets alsnog de klasse 'sticky' op #nav zetten, dan mag dat de balk niet
  nog een keer vastzetten - de header doet dat nu zelf*/
#nav.sticky {
    position: relative;
    top: auto;
    left: auto;
    z-index: auto;
}

a.mainmenu-item-link,
a.mainmenu-selecteditem-link,
.mainmenu-item.account,
.mainmenu-item.account .mainmenu-item-link {
    font-family: var(--tekst-font);
    font-size: 15px;
    font-weight: 500;
    color: var(--navy);
}

    a.mainmenu-item-link:hover,
    a.mainmenu-item-link:focus,
    .mainmenu-selecteditem.account:hover,
    .mainmenu-selecteditem.account:focus,
    .mainmenu-item.account:hover,
    .mainmenu-item.account:focus {
        color: var(--paars-link);
    }

a.mainmenu-selecteditem-link,
a.mainmenu-selecteditem-link:hover,
a.mainmenu-selecteditem-link:focus {
    color: var(--paars);
}

/* --- BEHEER: ORGANISATIES ZOEKEN (/Search/OrganisationIndex) ------------- */
/* .searchresults-found staat ook op de andere zoekpagina's, vandaar de eigen
   klasse op deze pagina. */
.organisatie-zoeken .searchresults-found {
    font-size: 24px;
}

/* --- BEHEER: RAPPORTAGE (/Report) ---------------------------------------- */
/* De datumvelden stonden schots en scheef omdat .facet h2 van oudsher een
   float:left is: "Periode" bleef naast de velden hangen en het tweede veld
   viel naar de volgende regel. Hier staat de kop weer als blok boven de twee
   velden. De knop viel door de float:right van .blue-button midden op de
   pagina; die staat nu links onder de filters. */
.rapportagepagina .facet h2 {
    float: none;
    clear: none;
    margin: 0 0 10px 0;
}

.rapportagepagina .facet input[type=text] {
    margin: 0 10px 10px 0;
}

.rapportagepagina #generateReport {
    float: none;
    display: inline-block;
    margin: 20px 0 0 0;
}

/*de knop op /Report/TenderExcelReport is een DevExtreme-knop; die krijgt hier
  dezelfde vorm en tekstopmaak als de knoppen elders op de site*/
#downloadTenderReport.dx-button {
    box-sizing: border-box;
    border: 1px solid var(--oranje);
    border-radius: 8px;
    background-color: var(--oranje);
    transition: background-color 0.25s, color 0.25s;
}

    #downloadTenderReport.dx-button .dx-button-content {
        padding: 14px 26px;
    }

    #downloadTenderReport.dx-button .dx-button-text {
        font-family: var(--tekst-font);
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
        text-transform: none;
        color: #fff;
    }

    #downloadTenderReport.dx-button.dx-state-hover,
    #downloadTenderReport.dx-button.dx-state-focused {
        border-color: var(--navy);
        background-color: var(--navy);
    }

/*de ASPxButton uit het MaterialCompact-thema staat nog op de themakleur
  (groen, zie Config/DevExpressThemes.config in het bronproject). Het thema
  rendert twee varianten onder dezelfde class: RenderMode Button is een <div>
  met een gekleurd vlak, RenderMode Link is een <a> zonder vlak. Alleen de
  eerste hoort er als knop uit te zien.*/

/*de echte knoppen (Ja/Nee/Sluiten in de goedkeurenpopup, Verzenden op de
  dataverwijderingspagina) krijgen dezelfde oranje knopkleur als de rest van de
  site; !important omdat het thema zijn eigen regels meestuurt.*/
div.dxbButton_MaterialCompact {
    border-color: var(--oranje) !important;
    background-color: var(--oranje) !important;
    color: #fff !important;
}

    div.dxbButton_MaterialCompact:hover,
    div.dxbButton_MaterialCompact:focus {
        border-color: var(--navy) !important;
        background-color: var(--navy) !important;
    }

/*de linkvariant (de acties in de registratiegrid, o.a. "Aanvraag openen" en
  "Goedkeuren") is tekst en geen vlak: daar hoort geen achtergrond en geen rand
  bij. De tekstkleur komt van .dxgvControl_MaterialCompact a (donkerpaars) en
  het thema onderstreept hem zelf bij hover.*/
a.dxbButton_MaterialCompact {
    border: 0 !important;
    background: none !important;
}

/*de dropdownknop van de DevExpress-editors laat bij klikken een groene ripple
  zien (rgba(53,183,105,...), de accentkleur van het MaterialCompact-thema).
  Groen hoort niet bij deze huisstijl, dus hij krijgt de neutrale ripple die het
  thema zelf als standaard gebruikt; !important omdat het thema zijn eigen
  regels meestuurt.*/
.dxeButtonEditButton_MaterialCompact .dxEditors_edtDropDown_MaterialCompact + .dxRippleContainer .dxRipple {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.dxAndroidMobilePlatform .dxeButtonEditButton_MaterialCompact .dxEditors_edtDropDown_MaterialCompact + .dxRippleContainer .dxRipple,
.dxMacOSMobilePlatform .dxeButtonEditButton_MaterialCompact .dxEditors_edtDropDown_MaterialCompact + .dxRippleContainer .dxRipple {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

/* --- BEHEER: GESCHIKTHEIDSEISEN (/registreervoorwaarden) ----------------- */
/* De pagina liep achter op de rest: de uitlegblokken en de conformeringstabel
   stonden op 14px/400 terwijl de alinea's ernaast 16px/300 zijn, de vinkjes
   waren de browserstandaard en de documentlinks browserblauw-achtig. Alles hier
   is aan een eigen paginaklasse gehangen, omdat .attentionblock en .text-blue
   ook op andere plekken in het beheer staan. */

.registratievoorwaarden .attentionblock,
.registratievoorwaarden .attentionblock a,
.registratievoorwaarden .attentionblock li,
.registratievoorwaarden .attentionblock span {
    font-family: var(--tekst-font);
    font-size: 15px;
    font-weight: 300;
    line-height: 1.7;
}

    /*"ondertekend" blijft de nadruk houden*/
    .registratievoorwaarden .attentionblock b,
    .registratievoorwaarden .attentionblock strong {
        font-size: 15px;
        font-weight: 700;
    }

/*de conformeringstabel krijgt exact de tekstmaat van de filterkolom op
  /opdrachten: 15px Light met een regelhoogte van 20px*/
.registratievoorwaarden table td {
    font-family: var(--tekst-font);
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
}

/*het vinkje krijgt dezelfde maat en marges als in de filterkolom op
  /opdrachten: 13x13 met de tekst als blok ernaast*/
.registratievoorwaarden input[type=checkbox].general-condition {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    margin: 4px 15px 8px 0;
}

/*de documentlinks krijgen dezelfde kleur en hover als de links in de
  frontoffice*/
.registratievoorwaarden a,
.registratievoorwaarden a.text-blue {
    color: var(--paars);
    text-decoration: none;
}

    .registratievoorwaarden a:hover,
    .registratievoorwaarden a:focus,
    .registratievoorwaarden a.text-blue:hover,
    .registratievoorwaarden a.text-blue:focus {
        color: var(--navy);
        text-decoration: underline;
        text-decoration-color: var(--navy);
    }

/*elke uitsluitingsgrond is een gefloate rij met de tekst links (75%) en het
  vinkvakje rechts, maar de rij zelf heeft geen breedte: hij krimpt mee met zijn
  inhoud. Bij een korte omschrijving - "Vervalsing van de mededinging" - blijft
  de rij daardoor smaller dan de rest en schuift het "Nee"-vakje naar links uit
  de kolom. De rij vult nu de volle breedte, zodat alle vakjes uitlijnen.*/
.registratievoorwaarden .viewtender-headerbox > div:has(> .confirm-exclusionground) {
    box-sizing: border-box;
    width: 100%;
}

/*de reset zet de padding van ul's op 0; met markers buiten de tekst hangen de
  bolletjes in de uitlegblokken daardoor over de binnenmarge heen, tegen de rand
  aan. Een inspringing zet ze weer binnen het blok.*/
.registratievoorwaarden .attentionblock ul {
    padding-left: 20px;
}

/*de eisen aan het KvK-uittreksel staan boven het uploadblok, op de plek van
  de oude alinea "Upload uittreksel uit het handelsregister". Buiten een
  .attentionblock kregen ze de standaard 14px/400 en hingen de bolletjes zonder
  inspringing buiten de tekst; ze krijgen hier de opmaak van de alinea's op
  deze pagina en dezelfde inspringing als de lijsten in de uitlegblokken.*/
.registratievoorwaarden ul.kvk-uittreksel-eisen {
    margin: 16px 0;
    padding-left: 20px;
}

    .registratievoorwaarden ul.kvk-uittreksel-eisen li {
        font-family: var(--tekst-font);
        font-size: 16px;
        font-weight: 300;
        line-height: 1.7;
    }

/*ruimte tussen de blokken: elk uploadblok krijgt 30px eronder, de koppen
  beginnen onder de gefloate blokken, en "Aanvullende documenten" en de kop
  "Conformering documenten" erna krijgen dezelfde 30px als de andere koppen.
  !important omdat de koppen inline marges hebben.*/
.registratievoorwaarden .viewtender-headerbox .attentionblock {
    margin-bottom: 30px;
}

    .registratievoorwaarden .viewtender-headerbox .attentionblock:last-child {
        margin-bottom: 0;
    }

.registratievoorwaarden .viewtender-headerbox h2 {
    clear: both;
}

.registratievoorwaarden #registration-documents.viewtender-headerbox .viewtender-header,
.registratievoorwaarden #registration-documents ~ .viewtender-headerbox > .viewtender-header {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    padding-top: 5px !important;
}

/* --- BEHEER: SNIPPETLIJST ------------------------------------------------ */
/* Het verwijderkruisje is 37px hoog en staat naast een tekstregel van 30px.
   Gemeten stond .removetender 3,5px te laag en .removeconcepttender 0,5px te
   hoog. Met deze verschuiving valt het midden van het icoon samen met het
   midden van de tekstregel. Relatief verschuiven i.p.v. marges, omdat de
   wrappers in de snippets een inline float/marge hebben. */
.tendersnippet-item-header .removetender {
    position: relative;
    top: -3.5px;
}

.tendersnippet-item-header .removeconcepttender {
    position: relative;
    top: 0.5px;
}

/* --- BEHEER: ARCHIEFZOEKPAGINA (/zoeken) --------------------------------- */
/* De pagina gebruikt dezelfde partials als /opdrachten; met .zoek-sectie om de
   inhoud krijgt zij automatisch dezelfde kolombreedtes, kaarten en tekstmaten.
   Wat daar niet in zit is de zoekbalk (die staat alleen op deze pagina) en de
   twee knoppen, die nog de oude pilvorm met kapitalen hadden. */

.zoek-sectie .searchbox-container {
    padding: 24px 0;
}

/* De blue-button is de oude, algemene knop in de beheeromgeving (59 views).
   Hij stond nog als pil met kapitalen in Open Sans; hier krijgt hij dezelfde
   vorm en tekstopmaak als .button-primary in de frontoffice.
   De selectors staan bewust ook op a. en input. omdat de oorspronkelijke
   regels (a.blue-button, input.blue-button) tag-gebonden zijn en anders
   zwaarder wegen dan een losse .blue-button. Breedte, float en marges laten we
   staan, zodat bestaande knoppenbalken niet verschuiven. */
a.blue-button,
input.blue-button,
.blue-button {
    display: inline-block;
    box-sizing: border-box;
    padding: 14px 26px;
    border: 1px solid var(--oranje);
    border-radius: 8px;
    background-color: var(--oranje);
    font-family: var(--tekst-font);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    transition: background-color 0.25s, color 0.25s;
}

    a.blue-button:hover,
    a.blue-button:focus,
    input.blue-button:hover,
    input.blue-button:focus,
    .blue-button:hover,
    .blue-button:focus {
        border-color: var(--navy);
        background-color: var(--navy);
        text-decoration: none;
        color: #fff;
    }

/*de secundaire variant (bv. "Wissen" naast "Zoeken") krijgt de omlijnde vorm,
  net als .button-outline elders*/
a.blue-button.alternative-buttoncolor,
input.blue-button.alternative-buttoncolor,
.blue-button.alternative-buttoncolor {
    border: 1px solid var(--navy);
    background-color: transparent;
    color: var(--navy);
}

    a.blue-button.alternative-buttoncolor:hover,
    a.blue-button.alternative-buttoncolor:focus,
    input.blue-button.alternative-buttoncolor:hover,
    input.blue-button.alternative-buttoncolor:focus,
    .blue-button.alternative-buttoncolor:hover,
    .blue-button.alternative-buttoncolor:focus {
        background-color: var(--navy);
        color: #fff;
    }

/*een uitgeschakelde knop blijft herkenbaar maar oogt gedempt*/
a.blue-button.disabled,
input.blue-button.disabled,
.blue-button.disabled {
    border-color: var(--grijs-rand);
    background-color: var(--grijs-rand);
    color: #fff;
    cursor: default;
}

    a.blue-button.disabled:hover,
    input.blue-button.disabled:hover,
    .blue-button.disabled:hover {
        border-color: var(--grijs-rand);
        background-color: var(--grijs-rand);
        color: #fff;
    }

/* --- BEHEER: BLOKKOPPEN -------------------------------------------------- */
/* De blokkoppen in de beheeromgeving stonden nog in de oude opmaak: Open Sans
   Light op 32px in de bodykleur. Ze krijgen hier dezelfde opmaak als
   h2.styledtitle in de frontoffice: Plus Jakarta Sans Bold 30px in donkerpaars.
   De klasse viewtender-header wordt op veel meer plekken gebruikt (o.a. de
   accountpagina's), vandaar de extra klasse registratie-kop. Die staat nu in
   Register.cshtml, RegisterForApproval.cshtml en Admin/UserDetails.cshtml.
   De kop "Handleiding" hoort er ook bij: registration-manual komt alleen op
   /registreren voor en stond nog op 18px. De kop "Aanvullende documenten" komt uit
   de gedeelde partial _RegistrationDocuments zonder die klasse en wordt via
   zijn id meegenomen. */
.viewtender-header.registratie-kop,
#registration-documents > .viewtender-header,
.registration-manual h3 {
    font-family: var(--kop-font);
    font-size: 30px;
    font-weight: 700;
    color: var(--navy);
}

/*de tekst in de formulierblokken stond nog op 14px/400 met een krappe
  interlinie; hij krijgt hier dezelfde opmaak als de <p>-tekst op deze pagina.
  Dat geldt ook voor de captcha-uitleg (die staat in een .wizard-edit) en voor
  de introtekst boven de categorielijst. Die introtekst hangt aan het tekstblok
  zelf en niet aan de pagina, zodat de introtekst op de e-mailinstellingen
  dezelfde opmaak krijgt.*/
.registratiepagina .wizard-edit,
.registratie-introtekst {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

    /*invoervelden erven hun font-size (input, textarea, select {font-size:
      inherit}); die houden hier dus expliciet hun eigen maat*/
    .registratiepagina .wizard-edit input,
    .registratiepagina .wizard-edit select,
    .registratiepagina .wizard-edit textarea {
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
    }

/*postcode, huisnummer en toevoeging staan naast elkaar (AddressTemplate.cshtml),
  maar .field-validation-error is 100% breed, waardoor hun meldingen onder
  elkaar vielen. Elke melding krijgt hier de breedte van zijn eigen invoerveld
  uit de <style> in Register.cshtml (40% / 30% / 27%), plus de ruimte tot het
  volgende veld: 5px spatie tussen de inputs en 10px marge van .housenumber.
  De regel hangt ook aan de lege melding (field-validation-valid), zodat de
  melding van huisnummer ook zonder postcodemelding onder huisnummer staat.
  Wijzigen die breedtes in Register.cshtml, dan moeten deze mee.
  De rij is een flexbox en geen rij floats: een lege melding heeft geen
  hoogte, en een float zonder hoogte houdt de volgende float niet tegen.
  De &nbsp;'s tussen de meldingen in de template gaven altijd een regel van
  18px, ook zonder melding; font-size en line-height 0 halen die weg, de
  meldingen zelf zetten hun regelhoogte terug. De 10px ruimte boven de
  melding is padding op alleen de getoonde melding, zodat de rij zonder
  melding net zo hoog is als de andere rijen.*/
.registratiepagina .wizard-validate:has(> [data-valmsg-for$="PostalCode"]) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: 0;
    line-height: 0;
}

.registratiepagina .wizard-validate > [data-valmsg-for$="PostalCode"],
.registratiepagina .wizard-validate > [data-valmsg-for$="HouseNumber"],
.registratiepagina .wizard-validate > [data-valmsg-for$="Additional"] {
    display: block;
    flex: none;
    float: none;
    box-sizing: border-box;
    margin: 0;
    padding-left: 10px;
    line-height: 18px;
}

    .registratiepagina .wizard-validate > .field-validation-error[data-valmsg-for$="PostalCode"],
    .registratiepagina .wizard-validate > .field-validation-error[data-valmsg-for$="HouseNumber"],
    .registratiepagina .wizard-validate > .field-validation-error[data-valmsg-for$="Additional"] {
        padding-top: 10px;
    }

.registratiepagina .wizard-validate > [data-valmsg-for$="PostalCode"] {
    width: calc(40% + 15px);
}

.registratiepagina .wizard-validate > [data-valmsg-for$="HouseNumber"] {
    width: calc(30% + 14px);
}

.registratiepagina .wizard-validate > [data-valmsg-for$="Additional"] {
    width: 27%;
}

@media screen and (max-width: 959px) {
    .registratiepagina .wizard-validate > [data-valmsg-for$="PostalCode"] {
        width: calc(60% + 15px);
    }

    .registratiepagina .wizard-validate > [data-valmsg-for$="HouseNumber"] {
        width: calc(27% + 14px);
    }
}

/*de categorielijst krijgt dezelfde opmaak als de filterkolom op /opdrachten:
  een aangevinkt vakje van 13px links en de tekst als blok ernaast*/
/*de partial zet inline stijlen op het vakje en het label; die winnen van
  gewone regels, vandaar !important op precies die twee eigenschappen. De
  regels hangen aan #diciplineList zelf: die id staat alleen op /registreren
  en op de e-mailinstellingen, zodat beide lijsten dezelfde opmaak krijgen.*/
#diciplineList label {
    display: block;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    color: var(--header);
}

/*de regel "Selecteer alle categorieen" hoort bij de lopende tekst boven de
  lijst, niet bij de categorieen zelf; hij volgt daarom de <p>-tekst*/
#diciplineList label.selectalldiciplines-label {
    width: auto;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

#diciplineList input[type=checkbox] {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    margin: 4px 15px 8px 0 !important;
}

    /*de regel "Selecteer alle ..." staat op 16px met een interlinie van 1.7,
      een regelhoogte van 27px; het vakje van 13px hoort daarin optisch
      gecentreerd en dus lager dan de 4px van de lijstitems zelf*/
    #diciplineList input.selectalldiciplines {
        margin-top: 7px !important;
    }

/*de link naar de handleiding stond nog op het standaard browserblauw; hij
  krijgt dezelfde kleur en hover als de links in de helpcentrum-antwoorden*/
.registration-manual a {
    color: var(--paars);
    text-decoration: none;
}

    .registration-manual a:hover,
    .registration-manual a:focus {
        color: var(--navy);
        text-decoration: underline;
        text-decoration-color: var(--navy);
    }

/* --- BEHEER: DOCUMENT OPVRAGEN (registratiedetails) --------------------- */
/* De knop "Document opvragen" was nog een oranje pil uit de oude huisstijl.
   Hij hoort bij de secundaire acties en krijgt daarom dezelfde vorm en
   opmaak als .button-outline: omlijnd donkerpaars.
   De klasse staat op precies een plek (_OrganisationEvidenceOverview.cshtml),
   dus de regel zelf herschrijven volstaat; de klasse in de view en de
   JS-handler op .request-evidence blijven ongemoeid.
   De vaste breedte van 150px uit de inline style is te krap voor de ruimere
   zijkantpadding, vandaar de min-width en de auto-breedte hier. */
.registration-overview-button {
    display: inline-block;
    box-sizing: border-box;
    width: auto !important;
    min-width: 200px;
    padding: 14px 26px;
    border: 1px solid var(--navy);
    border-radius: 8px;
    background-color: transparent;
    font-family: var(--tekst-font);
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    color: var(--navy);
    transition: background-color 0.25s, color 0.25s;
    cursor: pointer;
}

    .registration-overview-button:hover,
    .registration-overview-button:focus {
        border-color: var(--navy);
        background-color: var(--navy);
        text-decoration: none;
        color: #fff;
    }


/* --- BEHEER: RADIORIJEN IN POPUPS (Geslacht / Rol) --------------------- */
/* De rijen "Geslacht" (PersonTemplate.cshtml) en "Rol" (_AddRequester.cshtml)
   zetten hun radiobuttons niet in een .wizard-edit maar in kale divs met een
   inline float en een vaste breedte van 100px resp. 160px. Samen met het label
   van 222px en de vaste 280px van .wizard-validate is die rij breder dan de
   popup - die heeft zelf nergens een breedte en krimpt naar zijn inhoud -
   waardoor de radiobuttons onder het label vielen in plaats van ernaast.
   De vaste breedte gaat er hier af, zodat elke optie net zo breed is als zijn
   eigen tekst. De !important is nodig omdat die breedte inline staat; de
   selector matcht de inline stijl exact, zodat alleen deze vier divs geraakt
   worden en niet de andere gefloate divs in popuprijen (er staan er met
   width:100% en width:300px tussen). */
.popup-container .wizard-item > div[style="width: 100px; float: left;"],
.popup-container .wizard-item > div[style="width: 160px; float: left;"] {
    box-sizing: border-box;
    width: auto !important;
    margin-right: 24px;
    /*zelfde verticale ruimte als .wizard-edit, zodat de opties op dezelfde
      hoogte staan als de invoervelden in de rijen erboven*/
    padding: 4px 0;
    /*radiobutton en zijn tekst blijven bij elkaar*/
    white-space: nowrap;
}


        /*uitlijnen met de invoerkolom: .popup-container .wizard-edit is een
          float:right (regel 4106 hierboven), dus de invoervelden staan rechts
          uitgelijnd tegen de popuprand en beginnen op 736px. De radiodivs zijn
          gewone floats en begonnen direct achter het label op 688px, waardoor
          ze 48px links van de invoervelden stonden.
          De 48px volgt uit de constanten in dit bestand: rijbreedte 771 - label
          232 (.wizard-label) - invoerkolom 474 (invoerveld 440 + padding en
          rand) - 17 popup-inset. Wordt het invoerveld ooit smaller of breder,
          dan moet deze waarde mee. Alleen de eerste optie krijgt de marge; de
          tweede volgt er vanzelf achteraan.*/
        .popup-container .wizard-item > .wizard-label + div[style="width: 100px; float: left;"],
        .popup-container .wizard-item > .wizard-label + div[style="width: 160px; float: left;"] {
            margin-left: 48px;
        }


        /*tekstregels in deze popup (de rij "Organisatie" toont de naam als
          platte tekst in plaats van een invoerveld) krimpen als float:right
          naar hun eigen tekstbreedte en plakten daardoor tegen de rechterrand
          van de popup. Met een minimumbreedte gelijk aan de invoerkolom vallen
          ze in dezelfde kolom als de invoervelden en de radiogroepen.
          466px is de contentbreedte; met de 4px padding aan weerszijden van
          .wizard-edit komt dat uit op de 474px van de invoerkolom.*/
        #addrequesterPopup .wizard-edit {
            min-width: 466px;
        }


/* --- INHUURDESK: ACCOUNTMENU -------------------------------------------- */
/* De balk stond in het paars van --menu-item-selected met de donkere
   bodytekstkleur erop; zwart op paars leest slecht. Hij krijgt hier het grijze
   sectievlak van de frontoffice met navy tekst. De variabele zelf blijft
   ongemoeid, die staat op achttien andere plekken in dit bestand. */
#accountmenu-wrapper,
#account-menu li {
    background-color: var(--grijs-sectie);
}

#account-menu li a {
    color: var(--navy);
}

    /*de actieve tab blijft het witte vlak; op grijs is dat nog steeds het
      duidelijkste onderscheid*/
    #account-menu li a.active {
        color: var(--navy);
    }

/*de balk gebruikte nog de oude kolom van 960px; het zevende item
  ("E-mailinstellingen") viel daardoor op een tweede regel. Hij volgt nu
  dezelfde kolom als .responsive-wrapper, zodat alle items op een rij staan en
  links uitlijnen met de paginainhoud.*/
#accountmenu {
    box-sizing: border-box;
    width: 100%;
    max-width: 1240px;
    padding: 0 20px;
}

/* --- INHUURDESK: E-MAILINSTELLINGEN ------------------------------------- */
/*de toestemmingsregel stond in twee gefloate blokken met een vaste tekstkolom
  van 660px; de zin liep daardoor over drie regels en het vakje hing aan de
  eerste regel. Als flexrij vult de tekst de beschikbare breedte en staat het
  vakje optisch gecentreerd, ongeacht het aantal regels dat de zin beslaat.*/
.email-toestemming {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}

    /*.wizard-edit is van oudsher een float met eigen padding; binnen de
      flexrij hoeft dat niet meer*/
    .email-toestemming .wizard-edit {
        flex: none;
        padding: 0;
    }


/* --- INLOGVELDEN --------------------------------------------------------- */
/* Gedeeld door /inloggen (LogOn.cshtml) en het inlogblok op een opdrachtpagina
   (_TenderLogOn.cshtml), zodat beide er hetzelfde uitzien. Ontwerp "INHUUR - 6":
   een grijs vlak met het label erin, boven het invoerveld zelf. */

/*ingevuld veld: het label staat in het grijze vlak boven het invoerveld*/
.login-field {
    box-sizing: border-box;
    width: 100%;
    min-height: 54px;
    margin: 0;
    padding: 9px 13px;
    background-color: #F4F4F4;
}

    .login-field label {
        display: block;
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        font-family: var(--tekst-font);
        font-size: 12px;
        font-weight: 300;
        line-height: 1.4;
        color: var(--header);
    }

    .login-field input[type=text],
    .login-field input[type=email],
    .login-field input[type=password] {
        display: block;
        float: none;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        outline: none;
        background: transparent;
        font-family: var(--tekst-font);
        font-size: 14px;
        color: var(--header);
    }

    /*de focusring hoort om het hele vlak, niet om het transparante veld*/
    .login-field:focus-within {
        outline: 2px solid var(--paars);
    }

/*op een opdrachtpagina staat het inlogblok zelf al op een grijs vlak; daar is
  het veld wit zodat het zich van die achtergrond onderscheidt*/
.login-field.login-field-wit {
    background-color: #fff;
}

/*De foutmelding hoort strak onder het veld waar hij bij hoort. Twee dingen
  stonden dat in de weg: de melding is van oudsher een float, waardoor zijn
  container tot 0px inklapte en de tekst over het volgende veld heen liep; en
  de 30px tussenruimte zat op het veld erboven in plaats van onder de melding.
  De marge staat daarom hier: is er geen fout, dan klapt deze lege regel samen
  tot precies dezelfde 30px tussenruimte als voorheen.*/
.login-field + .wizard-validate {
    float: none;
    width: 100%;
    margin: 6px 0 30px 0;
}

    .login-field + .wizard-validate .field-validation-error {
        float: none;
        display: block;
        margin: 0;
    }

/* --- KNOPPEN ------------------------------------------------------------ */

/*de green-button is een oude knopvorm (pil met kapitalen); de kleuren klopten
  al (--primaire-kleur is oranje, hover donkerpaars), dus hij doet hier gewoon
  mee in de knopgroepen. Zijn eigen regel hierboven houdt float, min-width en
  marge, zodat de indeling op de dashboards niet verschuift.*/
.button-primary,
.button-outline,
.home-alltenders-link,
.register-link,
.home-deelnemende-organisaties-link,
.green-button,
#acceptcookies {
    display: inline-block;
    box-sizing: border-box;
    padding: 14px 26px;
    width: auto;
    border-radius: 8px;
    font-family: var(--tekst-font);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: background-color 0.25s, color 0.25s;
}

/*oranje: de primaire call-to-action uit het ontwerp, met ruimere zijkanten
  en een ruimere boven- en ondermarge dan de basisknop*/
.button-primary,
.green-button,
#acceptcookies {
    padding-top: 20px;
    padding-right: 38px;
    padding-bottom: 20px;
    padding-left: 38px;
    border: 1px solid var(--oranje);
    border-radius: 8px;
    background-color: var(--oranje);
    font-weight: 700;
    text-transform: none;
    color: #fff;
}

    /*hover is in het ontwerp donkerpaars, niet donkeroranje*/
    .button-primary:hover,
    .button-primary:focus,
    #acceptcookies:hover,
    #acceptcookies:focus {
        border-color: var(--navy);
        background-color: var(--navy);
        text-decoration: none;
        color: #fff;
    }

/*omlijnd donkerpaars: alle secundaire acties*/
.button-outline,
.home-alltenders-link,
.register-link,
.home-deelnemende-organisaties-link {
    border: 1px solid var(--navy);
    background-color: transparent;
    color: var(--navy) !important;
}

    /*de omlijnde knop is in het ontwerp een stuk breder dan de basisknop:
      "Inloggen" is er 295px op het artboard = 178px hier. De tekstlinks die
      dezelfde omlijning delen houden hun eigen breedte.*/
    .button-outline {
        padding-right: 58px;
        padding-left: 58px;
    }

    .button-outline:hover,
    .button-outline:focus,
    .home-alltenders-link:hover,
    .home-alltenders-link:focus,
    .register-link:hover,
    .register-link:focus,
    .home-deelnemende-organisaties-link:hover,
    .home-deelnemende-organisaties-link:focus {
        background-color: var(--navy);
        text-decoration: none;
        color: #fff !important;
    }

/* --- HERO --------------------------------------------------------------- */

/*de hero staat in de normale flow, niet meer absoluut gepositioneerd; de
  homepage zet daarvoor de padding van #content-container op 0*/
#home-foto-container {
    position: relative;
    top: auto;
    margin-top: 0;
    width: 100%;
}

.home-foto {
    position: relative;
    width: 100%;
    height: 260px;
    background-position: center;
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-band {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 30px 0;
    background-color: var(--paars);
    color: #fff;
}

.hero-eyebrow {
    margin: 0 0 8px 0;
    font-family: var(--tekst-font);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #fff;
}

    .hero-eyebrow-icon {
        display: inline-block;
        margin: 0 5px;
        width: 15px;
        height: 15px;
        background-image: url('/Content/Images/icon_home_inhuur.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: -3px;
    }

.hero-title {
    margin: 0;
    font-family: var(--kop-font);
    font-size: 26px;
    font-weight: 800;
    line-height: 1.15;
    color: #fff;
}

.hero-actions {
    margin-top: 22px;
}

.hero-stat {
    margin: 14px 0 0 0;
    font-family: var(--tekst-font);
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
}

    .hero-stat strong {
        font-weight: 700;
    }

    /*het icoon krijgt de hoogte van de tekstregel en centreert zijn
      afbeelding daarbinnen; met een vaste vertical-align stond het scheef*/
    .hero-stat-icon {
        display: inline-block;
        margin-right: 7px;
        width: 15px;
        height: 1.7em;
        background-image: url('/Content/Images/icon_home_org.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 15px 15px;
        vertical-align: top;
    }

/* --- SECTIES ------------------------------------------------------------ */

.home-section {
    width: 100%;
    padding: 48px 0 56px 0;
}

.home-section-wit {
    background-color: #fff;
}

.home-section-grijs {
    background-color: var(--grijs-sectie);
}

.home-section-titel {
    margin: 0 0 28px 0;
    font-family: var(--kop-font);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    color: var(--navy);
}

/*clear is nodig om onder de zwevende kaarten te komen. De ruimte moet daarbij
  via padding, niet via margin: bij een cleared element wordt de margin-top
  opgeslokt door de clearance die de browser zelf berekent.*/
.home-section-actie {
    clear: both;
    margin: 0;
    padding-top: 24px;
    text-align: center;
}

/* --- OPDRACHTKAARTEN ---------------------------------------------------- */

#home-new-tenders {
    position: relative;
    float: none;
    clear: both;
    width: 100%;
    background-color: transparent;
    overflow: hidden;
}

.home-tender-linkblock {
    float: left;
    box-sizing: border-box;
    margin: 0 0 24px 0;
    width: 100%;
}

.home-tender-linkblock + .home-tender-linkblock {
    margin-left: 0;
    margin-bottom: 24px;
}

.home-tender {
    /*de hoverbalk hangt onderaan de foto; via deze twee variabelen volgt hij
      elke fotohoogte en balkhoogte die een breakpoint hieronder instelt*/
    --fotohoogte: 165px;
    --balkhoogte: 32px;
    float: none;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 8px;
    background-color: var(--grijs-sectie);
    box-shadow: none;
    overflow: hidden;
}

    /*hover volgens het ontwerp: een donkerpaarse balk onderin de foto met
      "Bekijk opdracht" en een onderstreepte titel. De achtergrond van de
      kaart zelf verandert niet.*/
    /*de balk ligt in rust net onder de foto en schuift bij hover omhoog,
      hetzelfde slide up/down-effect als de vacaturekaarten van
      werkeninfriesland.nl. De titel en de organisatie liggen erboven met een
      eigen achtergrond, zodat de balk daarachter uit het zicht schuift.*/
    .home-tender-hover {
        position: absolute;
        top: calc(var(--fotohoogte) - var(--balkhoogte));
        left: 0;
        right: 0;
        z-index: 1;
        box-sizing: border-box;
        padding: 0 20px;
        height: var(--balkhoogte);
        background-color: var(--navy);
        font-family: var(--tekst-font);
        font-size: 12px;
        font-weight: 500;
        line-height: var(--balkhoogte);
        text-align: left;
        color: #fff;
        transform: translateY(100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        pointer-events: none;
    }

    .home-tender:hover .home-tender-hover,
    .home-tender:focus-within .home-tender-hover {
        transform: translateY(0);
    }

    /*de kaart hield in de oude huisstijl een lichtere achtergrond en een
      gekleurde streep boven de titel bij hover; beide zetten we uit*/
    .home-tender:hover,
    .home-tender:focus-within {
        background-color: var(--grijs-sectie);
    }

    .home-tender:hover .home-tender-title,
    .home-tender:focus-within .home-tender-title {
        border-top: 0;
        text-decoration: underline;
    }

    /*de link omsluit de hele kaart (foto inbegrepen)*/
    .home-tender-link {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .home-tender .tender-snippet-image {
        display: block;
        float: none;
        width: 100%;
        height: var(--fotohoogte);
        object-fit: cover;
    }

/*titel en organisatie dekken de hoverbalk af zolang die omlaag staat, dus
  krijgen ze een eigen achtergrond en liggen ze er met z-index bovenop*/
.home-tender-title {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    float: none;
    margin: 0;
    padding: 18px 20px 6px 20px;
    width: 100%;
    height: auto;
    border-top: 0;
    background-color: var(--grijs-sectie);
    font-family: var(--tekst-font);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
}

.home-tender-organisation {
    position: relative;
    z-index: 2;
    margin: auto 0 0 0;
    padding: 0 20px 20px 20px;
    background-color: var(--grijs-sectie);
    font-family: var(--tekst-font);
    font-size: 12px;
    font-weight: 400;
    color: var(--paars-link);
}

/* --- CONTENTBLOKKEN (foto naast tekst) ---------------------------------- */

.home-blok {
    clear: both;
    overflow: hidden;
}

.home-blok + .home-blok {
    margin-top: 48px;
}

.home-blok-foto {
    width: 100%;
    height: 220px;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-blok-tekst {
    padding-top: 24px;
}

    .home-blok-tekst p {
        margin: 0;
        font-family: var(--tekst-font);
        font-size: 16px;
        font-weight: 300;
        line-height: 1.7;
        color: var(--header);
    }

/*ontwerp: 45px tussen kop en tekst en 47px tussen tekst en knop = 26 en 28px*/
.home-blok-titel {
    margin: 0 0 26px 0;
    font-family: var(--kop-font);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--navy);
}

.home-blok-tekst .button-outline {
    margin-top: 28px;
}

/* --- AANGESLOTEN ORGANISATIES ------------------------------------------- */

.organisations-logo-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start;
    margin: 0 0 28px 0;
    overflow: visible;
}

.organisation-logo-link {
    float: none;
    display: block;
    margin: 0;
}

.organisation-logo-item,
.organisation-logo-item.shadow {
    display: flex;
    float: none;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 16px;
    width: 100%;
    height: 118px;
    border: 1px solid var(--grijs-rand);
    border-radius: 8px;
    background-color: #fff;
    box-shadow: none;
    /*houdt de hoverbalk buiten beeld zolang die onder de kaart staat*/
    overflow: hidden;
}

    /*de kaart zelf verandert niet bij hover; de oude regel verderop in dit
      bestand zet een gekleurde bovenrand en achtergrond, die wordt hier
      teruggedraaid*/
    .organisation-logo-item.shadow:hover,
    .organisation-logo-item.shadow:focus {
        border: 1px solid var(--grijs-rand);
        background-color: #fff;
    }

    /*hoverstate uit het ontwerp: een navy balk over de onderrand van de kaart
      met het label "Bekijk organisatie". De balk is 7px afgerond in plaats van
      8px, omdat hij binnen de rand van 1px valt. Hij schuift bij hover omhoog
      en bij verlaten weer omlaag, hetzelfde slide up/down-effect als de
      vacaturekaarten van werkeninfriesland.nl.*/
    .organisation-logo-item.shadow::after {
        content: "Bekijk organisatie";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 28px;
        border-radius: 0 0 7px 7px;
        background-color: var(--navy);
        font-family: var(--tekst-font);
        font-size: 12px;
        line-height: 1;
        color: #fff;
        transform: translateY(100%);
        transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .organisation-logo-link:hover .organisation-logo-item.shadow::after,
    .organisation-logo-link:focus .organisation-logo-item.shadow::after {
        transform: translateY(0);
    }

    .organisation-logo-item img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

.organisation_tender {
    font-family: var(--kop-font);
    font-weight: 700;
    color: var(--navy);
}

/* --- OVERIGE PAGINA'S: KOPPEN ------------------------------------------- */

h1.frontend-subtitle {
    font-family: var(--tekst-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--grijs-tekst);
}

h1.frontend-title,
h1.about-title {
    margin: 0 0 0.6em 0;
    font-family: var(--kop-font);
    font-size: 30px;
    font-weight: 800;
    color: var(--navy);
}

p.about-intro-text {
    font-family: var(--tekst-font);
    color: var(--header);
}

h2.home-block-title,
h3.home-about-title {
    font-family: var(--kop-font);
    color: var(--navy);
}

/*tussenkop in de lopende tekst, bv. "Goed om te weten" op /overons.
  De klasse staat ook elfmaal op de privacyverklaring; die pagina houdt de
  kopopmaak hieronder. De afwijkende maat voor /overons hangt daarom aan een
  extra klasse die alleen op die pagina staat.*/
h2.about-subtitle.overons-subtitle {
    font-size: 30px;
    font-weight: 800;
}

/*evenveel witruimte onder de tekst als boven de paginatitel
  (.site-foto-inflow + .responsive-wrapper)*/
.overons-subtitle + p.about-text {
    margin-bottom: 56px;
}

h2.about-subtitle {
    margin: 38px 0 0.6em 0;
    padding: 0;
    font-family: var(--kop-font);
    font-size: 26px;
    font-weight: 800;
    line-height: 1.3;
    color: var(--navy);
}

/*de oranje knop onderaan de tekst staat op het artboard 44px onder de
  laatste alinea. Eronder hoort ruimte voor de footer: in het ontwerp zit
  100px tussen de onderkant van de knop (y 1482) en de footerfoto (y 1582).*/
p.about-actie {
    margin: 44px 0 40px 0;
    padding: 0;
}

.home-section.overons-organisaties {
    padding: 40px 0;
    background-color: var(--blauw-grijs);
}

    .overons-organisaties .organisations-logo-container {
        margin-bottom: 0;
    }

    .overons-organisaties .home-section-titel {
        font-weight: 800;
        text-align: left;
    }

@media screen and (min-width: 960px) {
    .home-section.overons-organisaties {
        padding: 75px 0;
    }
}

@media screen and (min-width: 960px) and (max-width: 1239px) {
    .home-section.overons-organisaties {
        padding: 60px 0;
    }
}

/*knop met het "opent in een nieuw tabblad"-icoon uit het ontwerp*/
.button-extern {
    display: inline-flex;
    gap: 12px;
    align-items: center;
}

    /*het ontwerp tekent dit icoon als gevuld pad van 21px op een knop van
      91px hoog; omgerekend 16px*/
    /*het vierkant in het icoon loopt tot de onderrand van het pad terwijl de
      pijl rechtsboven uitsteekt; het midden van het vierkant ligt daardoor
      0,9px onder het midden van het icoonvlak. Die 1px halen we er hier af,
      zodat het vierkant optisch op dezelfde lijn staat als de tekst.*/
    .button-extern svg {
        flex: none;
        width: 16px;
        height: 16px;
        stroke: none;
        fill: currentColor;
        transform: translateY(-1px);
    }

/* --- HELPCENTRUM: MEESTGESTELDE VRAGEN ---------------------------------- */
/* Maten uit het ontwerp "INHUUR - 3": balk 1597x77 in #EDEDED zonder radius,
   oranje driehoek 20x17 (#d77d23) op 32,5px van de linkerrand, vraagtekst op
   72px, titel Plus Jakarta Sans Bold. Omgerekend x0,604. */

/*de intro stond met een inline stijl op bold; in het ontwerp is deze tekst
  Inter Light 20/40 (op /overons is dezelfde klasse juist wel Bold, vandaar
  een eigen klasse voor deze pagina)*/
p.about-intro-text.faq-intro {
    font-weight: 300;
    line-height: 2;
}

/*in het ontwerp staat er ruim 90px (ontwerp) tussen de kop en de eerste balk*/
h2.styledtitle.faq-title {
    margin: 0 0 44px 0;
    padding: 0;
    font-family: var(--kop-font);
    font-size: 30px;
    font-weight: 700;
    color: var(--navy);
}

/*de verstuurknop staat rechts onder het contactformulier en is wat breder
  dan de padding alleen oplevert*/
.contactform-actie {
    text-align: right;
}

    /*een input krijgt niet vanzelf een handje, een <a> wel*/
    .contactform-actie .button-primary {
        min-width: 220px;
        font-size: 18px;
        cursor: pointer;
    }

/*"Technische ondersteuning" stond op 42px in een light gewicht; in het
  ontwerp is het dezelfde kop als "Meestgestelde vragen"*/
h2.faq-subtitle {
    font-family: var(--kop-font);
    font-size: 30px;
    font-weight: 700;
    color: var(--navy);
}

/*de balk is in het ontwerp recht en grijs; de padding zit op de vraagregel
  zodat de hele balk klikbaar is*/
li.faq {
    margin: 0 0 12px 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: var(--grijs-sectie);
}

    li.faq .question-subject {
        position: relative;
        box-sizing: border-box;
        min-height: 46px;
        margin: 0;
        padding: 12px 20px 12px 44px;
        font-family: var(--tekst-font);
    }

        /*oranje driehoek links; wijst naar rechts als de vraag dicht is en
          draait naar beneden zodra het antwoord openstaat*/
        li.faq .question-subject::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 20px;
            width: 0;
            height: 0;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 12px solid var(--oranje);
            transform: translateY(-50%);
            transition: transform 0.2s;
        }

        li.faq .question-subject.question-show::before {
            transform: translateY(-50%) rotate(90deg);
        }

    /*flow-root: sommige antwoorden (o.a. de voorwaarden) renderen gefloate
      divs; zonder dit telt de hoogte van het antwoord die niet mee en valt de
      padding onder de tekst in plaats van onder de links*/
    li.faq .question-answer-container {
        display: flow-root;
        margin: 0;
        padding: 0 20px 18px 44px;
    }

        /*het antwoord bij de (inhuur)voorwaarden komt uit _GeneralCondition en
          staat daar in een <p>. Een <p> is in dit bestand 16px/1.7em in de lichte
          snede, terwijl de overige antwoorden kale tekst zijn en dus de 14px/400
          van de body volgen; die alinea week daardoor af van de rest van de
          pagina. Met inherit volgt hij de omliggende antwoordtekst.*/
        li.faq .question-answer-container p {
            font-size: inherit;
            line-height: inherit;
            font-weight: inherit;
        }

        /*dit antwoord eindigt met een rij documentlinks; die stonden te dicht
          op de onderrand van de balk. De ruimte zit bewust op het antwoord en
          niet op de li: die is ook dichtgeklapt zichtbaar, waardoor deze balk
          hoger zou staan dan de andere.*/
        li.faq.faq-voorwaarden .question-answer-container {
            padding-bottom: 32px;
        }

        /*de links in de antwoorden stonden nog op het standaard browserblauw*/
        .question-answer-container a {
            color: var(--paars);
            text-decoration: none;
        }

            .question-answer-container a:hover,
            .question-answer-container a:focus {
                color: var(--navy);
                text-decoration: underline;
                text-decoration-color: var(--navy);
            }

/* --- ZOEKPAGINA (OPDRACHTEN) -------------------------------------------- */
/* Maten uit het ontwerp "INHUUR - 1": kaart 1054x352 met radius 8 en wit,
   paginavlak #EDEDED, titel Plus Jakarta Sans Bold 30px, organisatie Inter
   Medium 20px, tekst en metaregel Inter Regular 20px. Omgerekend x0,604. */

/*op deze pagina staat de headerfoto in de flow (class staat in de view),
  zodat de grijze sectie er direct op aansluit*/
#site-foto-container.site-foto-inflow {
    position: relative;
    top: auto;
    width: 100%;
}

    /*de headerfoto's zijn 2280x550 en het ontwerp toont ze onbesneden (in het
      ontwerp 2188x535, dezelfde verhouding). Met een vaste hoogte sneed
      background-size:cover de onderkant eraf zodra het scherm breder werd,
      dus rekenen we de hoogte uit de verhouding van de foto zelf.*/
    .site-foto-inflow .site-foto {
        margin-top: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 2280 / 550;
    }

    /*pagina's zonder eigen sectie eronder krijgen hier hun witruimte; op
      /opdrachten volgt .zoek-sectie en die sluit juist strak aan*/
    .site-foto-inflow + .responsive-wrapper {
        margin-top: 56px;
    }

/*smalle contentkolom voor korte meldingspagina's (o.a. telefoon ontkoppelen):
  de tekst staat links uitgelijnd in een gecentreerd blok van maximaal 800px*/
.responsive-wrapper.content-narrow {
    text-align: left;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
}

/*hetzelfde grijze paginavlak wordt gebruikt op /opdrachten en /organisaties*/
.zoek-sectie,
.organisaties-sectie {
    width: 100%;
    padding: 60px 0 64px 0;
    background-color: var(--grijs-sectie);
}

    .zoek-sectie h1.frontend-title,
    .organisaties-sectie h1.frontend-title {
        margin: 0 0 34px 0;
        font-family: var(--kop-font);
        font-size: 30px;
        font-weight: 800;
        color: var(--navy);
    }

/*filterkolom: het grijze vlak loopt door, dus geen eigen witte achtergrond*/
.facets {
    background-color: transparent;
}

.facet h2,
.facets-header {
    margin: 0 0 14px 0;
    width: auto;
    font-family: var(--tekst-font);
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.facet label,
.facet li {
    font-family: var(--tekst-font);
    font-size: 13px;
    color: var(--header);
}

/*resultaatkaarten: wit op het grijze vlak*/
.searchresult-item {
    position: relative; /*anker voor de hover-balk onderaan*/
    margin: 0 0 24px 0;
    padding: 0;
    border-top: 0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(41, 25, 72, 0.07);
}

.searchresult-item-header {
    padding: 24px 20px 0 20px;
    font-size: inherit;
}

.searchresult-title {
    margin: 0;
    width: 80%;
    font-family: var(--kop-font);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--navy);
}

/*de oude huisstijl zette bij hover een gekleurde streep boven de kaart en
  verkleurde de achtergrond; in het ontwerp blijft de kaart wit*/
.searchresult-item:hover,
.searchresult-item:focus,
.searchresult-item:focus-within {
    border-top: 0;
    background-color: #fff;
}

/*hover uit het ontwerp: de titel wordt onderstreept en er verschijnt een
  donkerpaarse balk over de volle breedte onderaan de kaart
  (Rectangle 935: 1054x9 met radius 0 0 8 8, omgerekend 5px hoog)*/
.searchresult-item::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    border-radius: 0 0 8px 8px;
    background-color: var(--navy);
    opacity: 0;
    transition: opacity 0.2s;
}

.searchresult-item:hover::after,
.searchresult-item:focus-within::after {
    opacity: 1;
}

.searchresult-item:hover .searchresult-title,
.searchresult-item:focus-within .searchresult-title {
    text-decoration: underline;
}

.searchresult-organisation {
    float: none;
    margin: 0;
    font-family: var(--tekst-font);
    font-size: 13px;
    font-weight: 500;
    line-height: 2;
    color: var(--paars-link);
}

.searchresult-item-data {
    padding: 10px 20px 22px 20px;
    font-family: var(--tekst-font);
    font-size: 13px;
    line-height: 1.85;
    color: var(--header);
}

    .searchresult-item-data p {
        font-size: 13px;
        line-height: 1.85;
    }

        /*ruimte tussen de laatste alinea en de metaregel eronder*/
        .searchresult-item-data p + p {
            margin-bottom: 20px;
        }

/*metaregel: in het ontwerp staan de waarden achter elkaar met een streepje
  ertussen in plaats van in kolommen*/
.searchresult-item-value1,
.searchresult-item-value2,
.searchresult-item-value3 {
    display: inline-block;
    float: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: auto;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--header);
}

    .searchresult-item-value2 + .searchresult-item-value1::before,
    .searchresult-item-value1 + .searchresult-item-value3::before {
        content: "|";
        margin: 0 10px;
        color: var(--grijs-rand);
    }

.searchresult-item-label {
    margin-top: 10px;
    font-family: var(--tekst-font);
    font-size: 12px;
}

/* --- GUNNINGEN ----------------------------------------------------------
   Het ontwerp van deze pagina ("INHUUR - 2") draait het om ten opzichte van
   /opdrachten: het paginavlak is wit en de kaarten zijn grijs. */

.zoek-sectie-wit {
    background-color: #fff;
}

.searchresult-item-awarded {
    margin: 0 0 24px 0;
    padding: 0;
    border-radius: 8px;
    background-color: var(--grijs-sectie);
    box-shadow: none;
}

.searchresult-item-header-awarded {
    box-sizing: border-box;
    padding: 24px 20px 0 20px;
    width: 100%;
    font-family: var(--kop-font);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    /*de kaartkop stond in het donkerpaars van de koppen; hij krijgt hier de
      bodytekstkleur, zodat hij gelijk is aan de tekst in de kaart eronder*/
    color: var(--header);
}

    /*in het ontwerp staat de organisatie in gewone schrijfwijze, niet in
      kapitalen zoals in de oude huisstijl*/
    .searchresult-item-header-awarded .searchresult-organisation {
        margin-top: 2px;
        font-family: var(--tekst-font);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.6;
        text-transform: none;
        color: var(--navy);
    }

/*de waarden onderaan staan hier niet in kapitalen en krijgen een scheiding*/
.searchresult-item-awarded .searchresult-item-value1,
.searchresult-item-awarded .searchresult-item-value3 {
    text-transform: none;
}

    .searchresult-item-value3 + .searchresult-item-value1::before {
        content: "|";
        margin: 0 10px;
        color: var(--grijs-rand);
    }

/* --- OPDRACHTDETAIL: OFFERTELINKS -------------------------------------- */
/* "Beoordeel offerte" (_OfferItemJudging.cshtml) en de overige actielinks in
   de offerteregels hebben alleen de oude klasse text-blue, en die klasse
   heeft nergens in dit bestand een kleur. Een <a> zonder kleurregel valt
   terug op het standaard browserblauw, dus stonden ze letterlijk blauw. Ze
   krijgen hier de linkkleur van de site.
   De organisatie- en contactnaam in dezelfde tabel hebben naast text-blue ook
   home-offers-listitemlink en halen hun kleur daaruit; die blijven ongemoeid,
   vandaar de :not(). */
.offer-snippet-item-table a.text-blue:not(.home-offers-listitemlink) {
    color: var(--paars-link);
}

    .offer-snippet-item-table a.text-blue:not(.home-offers-listitemlink):hover,
    .offer-snippet-item-table a.text-blue:not(.home-offers-listitemlink):focus {
        color: var(--navy);
        /*!important is nodig omdat op "Beoordeel offerte" inline
          text-decoration:none staat; zonder dit komt de streep niet door*/
        text-decoration: underline !important;
    }


/* --- ORGANISATIEPAGINA ---------------------------------------------------
   De pagina volgt de opmaak van de overige pagina's: dezelfde tekstmaat en
   koppen. De contactkolom blijft rechts staan, de tekstkolom ernaast is
   ruimer dan de oude 580px. */

.organisatie-tekst,
.organisatie-opdrachten {
    float: left;
    box-sizing: border-box;
    width: calc(100% - 300px - 80px);
}

.organisatie-opdrachten {
    margin-top: 40px;
}

.organisatie-contact {
    float: right;
    box-sizing: border-box;
    width: 300px;
}

    /*de kop van de contactkolom stond nog in de oude lichte snede*/
    .organisatie-contact h2.styledtitle {
        margin: 0 0 20px 0;
        padding: 0;
        font-family: var(--kop-font);
        font-size: 22px;
        font-weight: 700;
        color: var(--navy);
    }

/*de lopende tekst was 18px; de overige pagina's gebruiken 16px*/
.organisatie-tekst .home-text,
.organisatie-contact .home-text {
    font-size: 16px;
    line-height: 1.7;
}

h2.organisation_tender {
    margin: 0 0 20px 0;
    font-size: 30px;
    font-weight: 800;
}

/*de websitelink in de contactkolom stond nog in de oude secundaire kleur*/
.organisation_url {
    color: var(--paars);
}

    .organisation_url:hover,
    .organisation_url:focus {
        color: var(--navy);
        text-decoration: underline;
        text-decoration-color: var(--navy);
    }

/*de opdrachtkaart volgt /opdrachten: geen afgeronde onderkant en geen
  oranje streep bij hover meer*/
.tendersnippet {
    position: relative; /*anker voor de hover-balk onderaan*/
    margin: 0 0 24px 0;
    padding: 0;
    border-top: 0;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(41, 25, 72, 0.07);
}

    .tendersnippet:hover,
    .tendersnippet:focus {
        border-top: 0;
    }

    /*hover uit het ontwerp, gelijk aan /opdrachten: een balk onderaan de
      kaart en de titel onderstreept*/
    .tendersnippet::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 5px;
        border-radius: 0 0 8px 8px;
        background-color: var(--navy);
        opacity: 0;
        transition: opacity 0.2s;
    }

    .tendersnippet:hover::after,
    .tendersnippet:focus-within::after {
        opacity: 1;
    }

    /*de titel staat in een gefloate div (inline style in _TenderSnippet);
      text-decoration erft niet door naar floats, dus die krijgt de streep
      zelf in plaats van via de kop*/
    .tendersnippet:hover .tendersnippet-item-header,
    .tendersnippet:focus-within .tendersnippet-item-header,
    .tendersnippet:hover .tendersnippet-item-header > div,
    .tendersnippet:focus-within .tendersnippet-item-header > div {
        text-decoration: underline;
    }

    /*de kop van de kaart krijgt de opmaak van .searchresult-title*/
    .tendersnippet-item-header {
        float: none;
        box-sizing: border-box;
        padding: 24px 20px 0 20px;
        width: 100%;
        font-family: var(--kop-font);
        font-size: 20px;
        font-weight: 700;
        line-height: 1.5;
        color: var(--navy);
    }

    .tendersnippet-item {
        padding: 10px 20px 22px 20px;
        margin: 0;
        font-family: var(--tekst-font);
        font-size: 13px;
        line-height: 1.85;
        color: var(--header);
    }

        .tendersnippet-item td {
            padding: 3px 0;
            font-size: 13px;
            line-height: 1.85;
        }

/* --- OPDRACHTDETAIL ------------------------------------------------------
   Ontwerp "INHUUR - 4": onder de headerfoto staat een paarse balk met de
   titel, de organisatie en de kenmerkenregel, allemaal in wit. Daaronder
   staan de tekstblokken op een grijs vlak met afgeronde hoeken. */

/*ontwerp: de balk is bovenin ruimer dan onderin*/
.tenderheaderwrapper {
    padding: 60px 0 48px 0;
    background-color: var(--paars);
    color: #fff;
}

    .tenderheaderwrapper h1.tenderheadertitle {
        margin: 0;
        padding: 0;
        width: auto;
        font-family: var(--kop-font);
        font-size: 40px;
        font-weight: 800;
        line-height: 1.15;
        color: #fff;
    }

    .tenderheaderwrapper .organisationsubtitle {
        display: inline-block;
        margin-top: 12px;
        font-family: var(--tekst-font);
        font-size: 18px;
        font-weight: 400;
        line-height: 1.4;
        color: #fff;
    }

        .tenderheaderwrapper .organisationsubtitle:hover,
        .tenderheaderwrapper .organisationsubtitle:focus {
            color: #fff;
        }

    /*de kenmerkenregel onderaan de balk; in het ontwerp staat er flink wat
      lucht tussen de organisatienaam en deze regel*/
    .tenderheaderwrapper p {
        float: none;
        margin: 60px 0 0 0;
        font-family: var(--tekst-font);
        font-size: 15px;
        line-height: 1.9;
        color: #fff;
    }

/*de tekstblokken zijn in het ontwerp vlak grijs met afgeronde hoeken, zonder
  rand en zonder schaduw*/
.notificationblock {
    padding: 60px 40px 66px 40px;
    border: 0;
    border-radius: 8px;
    background-color: var(--grijs-sectie);
    box-shadow: none;
}

    /*in het ontwerp staat er flink wat lucht tussen de blokken, en ook tussen
      de kop en de tekst eronder*/
    .notificationblock h2.styledtitle {
        margin: 64px 0 40px 0;
        padding: 0;
        font-family: var(--kop-font);
        font-size: 30px;
        font-weight: 700;
        color: var(--navy);
    }

        .notificationblock > h2.styledtitle:first-child,
        .notificationblock > *:first-child h2.styledtitle:first-child {
            margin-top: 0;
        }

/* --- FOOTER ------------------------------------------------------------- */

/*de footer staat in de normale flow in plaats van absoluut onderin
  #site-container; daardoor loopt hij nooit meer over de content heen*/
#footer {
    position: static;
    bottom: auto;
    left: auto;
    width: 100%;
    background-color: transparent;
}

div#site-container {
    padding-bottom: 0;
}

.footer-foto {
    width: 100%;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-cta {
    position: relative;
    width: 100%;
    background-color: var(--paars);
    overflow: hidden;
}

    /*de envelopvorm rechtsonder in de paarse balk*/
    /*de envelopvorm is 520x460; in het ontwerp is hij ongeveer 240px breed en
      staat hij tegen de rechteronderhoek van de paarse balk*/
    .footer-cta::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 180px;
        height: 100%;
        background-image: url('/Content/Images/footer/wif_footer_shape.png');
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: contain;
        pointer-events: none;
    }

.footer-top-section {
    position: relative;
    z-index: 1;
    padding: 44px 0 48px 0;
    text-align: center;
}

.footer-title1 {
    margin: 0;
    font-family: var(--tekst-font);
    font-size: 16px;
    font-weight: 300;
    text-transform: none;
    color: #fff;
}

.footer-title2 {
    margin: 4px 0 24px 0;
    padding: 0;
    font-family: var(--kop-font);
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}

/*ontwerp: knop van 288x81px op het artboard = 174x49px hier*/
#footer-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 17px 50px;
    width: auto;
    border-radius: 8px;
    background-color: var(--oranje);
    font-family: var(--tekst-font);
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    color: #fff;
}

    /*zelfde hover als de andere oranje knop*/
    #footer-button:hover,
    #footer-button:focus {
        background-color: var(--navy);
        text-decoration: none;
        color: #fff;
    }

#footerbottom {
    float: none;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid var(--grijs-rand);
    text-align: left;
    color: var(--navy);
}

#footerbottomcontent {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 18px 20px;
    width: 100%;
    max-width: 1240px;
    font-family: var(--tekst-font);
    font-size: 12px;
    text-align: center;
    overflow: hidden;
}

    #footerbottomcontent p {
        margin: 0;
        font-size: 12px;
        line-height: 1.8;
    }

#footerbottom a {
    color: var(--navy);
}

    #footerbottom a:hover,
    #footerbottom a:focus {
        color: var(--paars-link);
        text-decoration: underline;
    }

/*de cookiebalk heeft zijn eigen <style> in _CookieConsent.cshtml; die staat
  later in het document, dus we winnen hier op specificiteit in plaats van
  met !important*/
#footercookie {
    background-color: #fff !important;
}

body #footercookie {
    padding-top: 28px;
}

    /*de knop komt uit de oude huisstijl (class blue-button); deze resten
      daarvan horen niet bij de knoppen van het ontwerp. De knop staat rechts,
      de links ernaast staan links.*/
    #acceptcookies {
        float: right;
        min-width: 0;
        margin: 0 0 0 20px;
    }

/* --- CONTACTBLOK (dashboard + helpcentrum recruiter) -------------------- */
/* De links in het contactblok (telefoon-/e-mailregel) hadden geen eigen
   kleur en erfden de donkere bodytekstkleur; ze waren niet als link te
   herkennen. Ze krijgen hier dezelfde kleur en hover als de overige links.
   .support-text staat alleen in _Support.cshtml, dus die dient hier als
   ingang; zo blijft de aanpassing beperkt tot dit bestand. */
div:has(> .support-text) a {
    color: var(--paars-link);
}

    div:has(> .support-text) a:hover,
    div:has(> .support-text) a:focus {
        color: var(--navy);
        text-decoration: underline;
    }


/* --- DASHBOARD ---------------------------------------------------------- */

/*"Nieuwe opdracht" en "Nieuw uitzendcontract" staan onder elkaar in de
  rechterkolom en schalen allebei met hun tekstbreedte mee; daardoor verspringt
  hun linkerrand. Alleen op het dashboard - te herkennen aan het agendablok dat
  in dezelfde kolom staat - krijgen ze allebei de breedte van "Nieuwe opdracht".
  De zijkantpadding gaat eraf, anders past het langere label niet meer op een
  regel binnen die breedte.*/
.block-right:has(#viewtender-planning) .green-button {
    box-sizing: border-box;
    width: 236px;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}

/*de agendakaartjes ernaast hadden nog geen hoverstatus, terwijl de
  opdrachtkaarten in de linkerkolom er wel een hebben. Zelfde principe, kleiner
  uitgevoerd: iets lichtere achtergrond, een donkerpaarse balk onderaan de kaart
  en de titel onderstreept. Alleen kaartjes met een link reageren; het kaartje
  "Er zijn momenteel geen taken." valt daarbuiten.*/
#viewtender-planning .viewtender-planning-item {
    position: relative;
    transition: background-color 0.2s;
}

    #viewtender-planning .viewtender-planning-item::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 3px;
        border-radius: 0 0 3px 3px;
        background-color: var(--navy);
        opacity: 0;
        transition: opacity 0.2s;
    }

    #viewtender-planning .viewtender-planning-item:has(a):hover,
    #viewtender-planning .viewtender-planning-item:focus-within {
        background-color: var(--blauw-grijs-hover);
    }

        #viewtender-planning .viewtender-planning-item:has(a):hover::after,
        #viewtender-planning .viewtender-planning-item:focus-within::after {
            opacity: 1;
        }

        #viewtender-planning .viewtender-planning-item:has(a):hover .agendaitem-large,
        #viewtender-planning .viewtender-planning-item:focus-within .agendaitem-large {
            text-decoration: underline;
        }

/* =========================================================================
   INDELING VANAF 960PX
   ========================================================================= */

@media screen and (min-width: 960px) {

    /* --- HEADER: LOGO LINKS, MENU RECHTS OP EEN RIJ --------------------- */

    #header {
        height: 130px;
    }

        #header .responsive-wrapper {
            height: 128px;
        }

    /*logohoogte volgt het ontwerp: ongeveer drie keer de menutekst; het logo
      staat daarmee even hoog gecentreerd in de witte balk als het menu*/
    /*het woordmerk is onderaan zwaarder dan bovenaan, dus optisch gecentreerd
      staat het net iets hoger dan wiskundig gecentreerd*/
    #logo {
        margin: 52px auto 0 auto;
        height: 55px;
        text-align: left; /*body erft text-align:center; het logo staat links*/
    }

    #logo-placeholder {
        margin-top: 0;
        width: 238px;
        height: 55px;
    }

    /*het menu wordt met een negatieve marge naast het logo getrokken; omdat
      #nav relatief gepositioneerd is, schildert het over het logo heen -
      vandaar een transparante achtergrond (het wit komt van #header)*/
    #nav {
        position: relative;
        overflow: visible;
        box-sizing: border-box;
        margin: -82px auto 0 auto;
        width: 100%;
        max-width: 1240px;
        padding: 0 20px;
        background-color: transparent;
        text-align: right;
    }

        #nav #mainmenucontainerwrapper {
            background-color: transparent;
        }

    #nav.sticky {
        box-sizing: border-box;
        margin: -82px auto 0 auto;
        width: 100%;
        max-width: 1240px;
        padding: 0 20px;
    }

    #mainmenucontainer {
        padding: 0;
        width: auto;
    }

    #mainmenu {
        float: right;
        overflow: hidden;
    }

    /*de ruimere padding onderaan laat de menu-items tot de onderrand van de
      header lopen zodat de hover-streep daarop ligt; de bovenpadding blijft
      gelijk, dus de tekst zelf verschuift niet*/
    /*met de zes menu-items uit het ontwerp liep de balk tot over het logo
      heen; kleinere tekst en smallere tussenruimte brengen hem terug binnen
      de rechterhelft, zoals in het ontwerp (daar staat het menu op 12px)*/
    /*25px boven en 27px onder zetten de tekst midden in de witte balk
      (34..104) en laten het item toch tot de onderrand doorlopen, zodat de
      hover-streep daarop ligt*/
    a.mainmenu-item-link,
    a.mainmenu-selecteditem-link,
    .mainmenu-selecteditem.account,
    .mainmenu-item.account {
        position: relative;
        min-width: 0;
        padding: 31px 15px 34px 15px;
        font-size: 15px;
    }

    /*het laatste item lijnt rechts uit met "Registreren" in de grijze balk*/
    #mainmenu > :last-child a.mainmenu-item-link,
    #mainmenu > :last-child a.mainmenu-selecteditem-link,
    #mainmenu > :last-child .mainmenu-item.account {
        padding-right: 0;
    }

        #mainmenu > :last-child a.mainmenu-item-link::after,
        #mainmenu > :last-child a.mainmenu-selecteditem-link::after,
        #mainmenu > :last-child .mainmenu-item.account::after {
            right: 0;
        }

    /*"Mijn inhuurdesk" komt uit de tweede sitemap en heeft de tekst in een
      eigen span; die zet zijn font-size zelf en moet dus meelopen met de
      andere menu-items hierboven*/
    .mainmenu-selecteditem.account .mainmenu-selecteditem-link,
    .mainmenu-item.account .mainmenu-item-link {
        font-size: 15px;
    }

    /*hover: streep onder het menu-item, op de onderrand van de header.
      In het ontwerp is het hover-blok van een menu-item 70px hoog terwijl de
      tekst 24px is, en loopt het tot y 168.88 - net zo diep als het witte
      headervlak (tot y 167.34).
      De streep staat in rust net onder het item en schuift bij hover omhoog
      (slide up/down), hetzelfde effect als op de opdracht- en logokaarten.
      #mainmenu heeft overflow: hidden en houdt hem daarom uit beeld.*/
    a.mainmenu-item-link::after,
    a.mainmenu-selecteditem-link::after,
    .mainmenu-selecteditem.account::after,
    .mainmenu-item.account::after {
        content: "";
        position: absolute;
        right: 15px;
        bottom: 0;
        left: 15px;
        height: 3px;
        background-color: var(--paars);
        transform: translateY(100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    a.mainmenu-item-link:hover::after,
    a.mainmenu-item-link:focus::after,
    a.mainmenu-selecteditem-link:hover::after,
    a.mainmenu-selecteditem-link:focus::after,
    .mainmenu-selecteditem.account:hover::after,
    .mainmenu-selecteditem.account:focus::after,
    .mainmenu-item.account:hover::after,
    .mainmenu-item.account:focus::after {
        transform: translateY(0);
    }

    /*het actieve item houdt diezelfde streep permanent en krijgt zwarte tekst*/
    a.mainmenu-selecteditem-link,
    a.mainmenu-selecteditem-link:hover,
    a.mainmenu-selecteditem-link:focus {
        color: #000;
    }

        a.mainmenu-selecteditem-link::after {
            transform: translateY(0);
        }

    /*"Mijn inhuurdesk" komt uit een tweede sitemap en zweeft standaard naar
      rechts in een eigen blok; op een smallere menubalk valt het daardoor op
      een nieuwe regel. Hier laten we het meelopen in dezelfde rij.*/
    .accountmenuitem,
    .accountmenuitem .main-menu-exitlink,
    .mainmenu-selecteditem.account,
    .mainmenu-item.account {
        float: left;
        margin-left: 0;
        width: auto;
    }

    /*de sitefoto op de overige pagina's sluit aan op de lagere header*/
    #site-foto-container {
        top: 131px;
    }

    /* --- HERO ----------------------------------------------------------- */

    /*de foto loopt in het ontwerp door achter de paarse balk; hij is dus even
      hoog als het zichtbare deel plus de balk, en de balk wordt er met een
      negatieve marge overheen getrokken*/
    .home-foto {
        height: 850px;
    }

    .hero-band {
        margin-top: -300px;
        padding: 0;
        height: 300px;
        background-color: var(--paars-transparant);
    }

        /*tekst en knop staan in het ontwerp verticaal gecentreerd in de balk*/
        .hero-band .responsive-wrapper {
            position: relative;
            padding-top: 105px;
            height: 300px;
            box-sizing: border-box;
            overflow: visible;
        }

    .hero-intro {
        float: left;
        width: 62.5%;
    }

    /*ontwerp: 18px bovenschrift boven de titel*/
    .hero-eyebrow {
        font-size: 13px;
    }
    .hero-title {
        font-size: 41px;
    }

    .hero-actions {
        float: right;
        margin-top: 0;
        text-align: left;
    }

    /*in het ontwerp zit 46px tussen de onderkant van de knop en de regel
      eronder (knop y 853..938, tekst y 984) - omgerekend 28px*/
    .hero-stat {
        margin-top: 35px;
        font-size: 13px;
    }

        /*alleen hier is de knopkolom even breed als de knop zelf, dus alleen
          hier kan de statregel eronder gecentreerd staan; smaller loopt de
          kolom over de volle breedte en zou centreren hem van de knop lostrekken*/
        .hero-stat.center {
            text-align: center;
        }

    /* --- SECTIES -------------------------------------------------------- */

    .home-section {
        padding: 95px 0 105px 0;
    }

    .home-section-titel {
        margin-bottom: 75px;
        font-size: 30px;
    }

    /*ontwerp: kaarten eindigen op y 1853, knop begint op y 1921 = 68px = 41px*/
    .home-section-actie {
        padding-top: 51px;
    }

    /* --- OPDRACHTKAARTEN ------------------------------------------------ */

    /*3 kaarten van 31,25% met 3,125% ertussen vullen samen de kolom*/
    .home-tender-linkblock {
        margin: 0;
        width: 31.25%;
    }

    .home-tender-linkblock + .home-tender-linkblock {
        margin-left: 3.125%;
        margin-bottom: 0;
    }

    /*ontwerp: kaart 498x540 met een foto van 272px, dus 540-272=268px grijs.
      Omgerekend 326px hoog bij een foto van 165px.*/
    .home-tender {
        height: 407px;
    }

    /*ontwerp: foto 272px hoog op een kaart van 540px, met daarin onderaan
      een hoverbalk van 53px*/
    .home-tender {
        --fotohoogte: 205px;
        --balkhoogte: 40px;
    }

    /*ontwerp: "Bekijk opdracht" staat 36px vanaf de linkerrand van de kaart*/
    .home-tender-hover {
        padding: 0 27px;
    }

    /*ontwerp: kaarttitel 26px, organisatie 18px*/
    .home-tender-title {
        padding: 22px 25px 8px 25px;
        font-size: 19px;
    }

    .home-tender-organisation {
        padding: 0 25px 25px 25px;
        font-size: 13px;
    }

    /* --- KNOPPEN -------------------------------------------------------- */

    /*ontwerp: knoptekst 22px in een vlak van 361x85px*/
    .button-primary,
    .button-outline,
    .home-alltenders-link,
    .register-link,
    .home-deelnemende-organisaties-link,
    .green-button,
    #acceptcookies {
        padding: 17px 32px;
        font-size: 16px;
    }

    .button-primary,
    .green-button,
    #acceptcookies {
        padding: 21px 50px;
    }

    /* --- CONTENTBLOKKEN ------------------------------------------------- */

    .home-blok + .home-blok {
        margin-top: 95px;
    }

    /*flexbox in plaats van floats: daarmee staan foto en tekst verticaal
      gecentreerd ten opzichte van elkaar, zoals in het ontwerp. Met floats
      hangen beide aan de bovenkand vast en steekt een langere tekstkolom
      onderaan onder de foto uit.*/
    .home-blok {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /*ontwerp: foto 814x509 en tekstkolom 389 breed op een kolom van 1590,
      omgerekend 492x307 en 389 binnen onze 960px*/
    .home-blok-foto {
        flex: 0 0 51.25%;
        width: 51.25%;
        height: auto;
        aspect-ratio: 814 / 509;
    }

    .home-blok-tekst {
        flex: 0 0 40.5%;
        padding-top: 0;
        width: 40.5%;
    }

    /*tweede blok: tekst links, foto rechts*/
    .home-blok-omgekeerd {
        flex-direction: row-reverse;
    }

    /* --- AANGESLOTEN ORGANISATIES --------------------------------------- */

    .organisations-logo-container {
        gap: 28px;
        margin-bottom: 42px;
    }

    /*vier logo's per rij, met de gap ertussen*/
    .organisation-logo-link {
        width: calc((100% - 3 * 28px) / 4);
    }

    .organisation-logo-item,
    .organisation-logo-item.shadow {
        height: 173px;
        padding: 22px;
    }

    /* --- FOOTER --------------------------------------------------------- */

    .footer-foto {
        height: 400px;
    }

    .footer-top-section {
        padding: 78px 0 88px 0;
    }

    .footer-title1 {
        font-size: 22px;
    }

    .footer-title2 {
        margin-bottom: 37px;
        font-size: 41px;
    }

    .footer-cta::after {
        width: 300px;
    }

    #footerbottomcontent {
        padding: 27px 20px;
        text-align: left;
    }

    .footerbottom-links {
        float: left;
    }

    .footerbottom-rechts {
        float: right;
    }

    /* --- ZOEKPAGINA'S (/opdrachten, /gunningen) -------------------------- */

    /*ontwerp: filterkolom 547 en resultaatkaart 1054 op een kolom van 1601.
      Als percentages vullen ze samen de contentkolom, op elke breedte. De
      oude 280+680px telden nog op tot de vroegere kolom van 960px, waardoor
      rechts een kwart van de rij leeg bleef.*/
    .zoek-sectie .facets {
        width: 34.16%;
    }

    .zoek-sectie .facet {
        width: calc(100% - 20px);
    }

    .zoek-sectie .searchresult {
        width: 65.84%;
    }

    /*ontwerp: paginakop 50px; hier bewust 36px*/
    h1.frontend-title,
    h1.about-title,
    .zoek-sectie h1.frontend-title,
    .organisaties-sectie h1.frontend-title {
        font-size: 36px;
    }

    /*ontwerp: filterkop 30px Bold, filteritems 20px Light - beide Inter*/
    .facet h2,
    .facets-header {
        font-size: 23px;
    }

    .facet label,
    .facet li {
        font-size: 15px;
        font-weight: 300;
    }

    /*ontwerp: kaarttitel 30px Bold, organisatie 20px Medium, tekst 20px Regular*/
    .searchresult-title,
    .searchresult-item-header-awarded {
        font-size: 23px;
    }

    .searchresult-organisation,
    .searchresult-item-header-awarded .searchresult-organisation {
        font-size: 15px;
    }

    .searchresult-item-data,
    .searchresult-item-data p {
        font-size: 15px;
        font-weight: 400;
    }

    .searchresult-item-value1,
    .searchresult-item-value2,
    .searchresult-item-value3,
    .searchresult-item-label {
        font-size: 15px;
    }

    /* --- OVER ONS -------------------------------------------------------- */

    /*ontwerp INHUUR - 5: 80px tussen de basislijn van de kop en die van de
      eerste tekstregel (kop y 843, tekstkader y 899 + halve interlinie en
      ascent) - omgerekend 60px. Alleen deze pagina gebruikt about-title.*/
    h1.about-title {
        margin-bottom: 33px;
    }

    /*de afstanden hieronder waren omgerekend voor de oude kolom van 960px en
      schalen mee naar 1200: 44 -> 55 en 38 -> 48. De 75px eronder komt uit
      het ontwerp: 100px tussen de knop (y 1482) en de footerfoto (y 1582).*/
    p.about-actie {
        margin-top: 55px;
        margin-bottom: 75px;
    }

    /*ontwerp INHUUR - 5: "Goed om te weten" staat in hetzelfde tekstblok als
      de alinea's, op 20px - omgerekend 15px*/
    h2.about-subtitle.overons-subtitle {
        margin-top: 48px;
    }

    /* --- HELPCENTRUM ----------------------------------------------------- */

    /*ontwerp INHUUR - 3: balk 1597x77 met 35px ertussen, vraagtekst 24px op
      83px van de linkerrand, driehoek 20x17 op 32,5px, koppen 44px Bold.
      Omgerekend x0,754 op de kolom van 1200.*/
    h2.styledtitle.faq-title {
        margin-bottom: 55px;
        font-size: 33px;
    }

    h2.faq-subtitle {
        font-size: 33px;
    }

    li.faq {
        margin-bottom: 26px;
    }

        li.faq .question-subject {
            min-height: 58px;
            padding: 15px 25px 15px 55px;
            font-size: 18px;
        }

            li.faq .question-subject::before {
                left: 25px;
                border-top-width: 6.5px;
                border-bottom-width: 6.5px;
                border-left-width: 15px;
            }
}

/* =========================================================================
   960 - 1239PX: dezelfde desktopindeling als hierboven, maar met de maten
   die bij een smallere contentkolom horen. De kolom zelf schaalt mee via
   percentages; alleen de tekstgroottes en de vaste hoogtes gaan hier een
   stap terug naar de waarden van de oude 960px-kolom.
   ========================================================================= */
@media screen and (min-width: 960px) and (max-width: 1239px) {

    /* --- HEADER ---------------------------------------------------------- */

    #header {
        height: 104px;
    }

        #header .responsive-wrapper {
            height: 102px;
        }

    #logo {
        margin-top: 42px;
        height: 44px;
    }

    #logo-placeholder {
        width: 190px;
        height: 44px;
    }

    #nav,
    #nav.sticky {
        margin-top: -66px;
    }

    a.mainmenu-item-link,
    a.mainmenu-selecteditem-link,
    .mainmenu-selecteditem.account,
    .mainmenu-item.account {
        padding: 25px 12px 27px 12px;
        font-size: 14px;
    }

    .mainmenu-selecteditem.account .mainmenu-selecteditem-link,
    .mainmenu-item.account .mainmenu-item-link {
        font-size: 14px;
    }

    a.mainmenu-item-link::after,
    a.mainmenu-selecteditem-link::after,
    .mainmenu-selecteditem.account::after,
    .mainmenu-item.account::after {
        right: 12px;
        left: 12px;
    }

    #site-foto-container {
        top: 105px;
    }

    /* --- HERO ------------------------------------------------------------ */

    .home-foto {
        height: 680px;
    }

    .hero-band {
        margin-top: -240px;
        height: 240px;
    }

        .hero-band .responsive-wrapper {
            padding-top: 84px;
            height: 240px;
        }

    .hero-eyebrow {
        font-size: 12px;
    }

    .hero-title {
        font-size: 36px;
    }

    .hero-stat {
        margin-top: 28px;
        font-size: 12px;
    }

    /* --- SECTIES --------------------------------------------------------- */

    .home-section {
        padding: 76px 0 84px 0;
    }

    .home-section-titel {
        margin-bottom: 60px;
        font-size: 28px;
    }

    .home-section-actie {
        padding-top: 41px;
    }

    /* --- OPDRACHTKAARTEN ------------------------------------------------- */

    .home-tender {
        --fotohoogte: 165px;
        --balkhoogte: 32px;
        height: 326px;
    }

    .home-tender-hover {
        padding: 0 20px;
    }

    .home-tender-title {
        padding: 18px 20px 6px 20px;
        font-size: 16px;
    }

    .home-tender-organisation {
        padding: 0 20px 20px 20px;
        font-size: 12px;
    }

    /* --- KNOPPEN --------------------------------------------------------- */

    .button-primary,
    .button-outline,
    .home-alltenders-link,
    .register-link,
    .home-deelnemende-organisaties-link,
    .green-button,
    #acceptcookies {
        padding: 14px 26px;
        font-size: 14px;
    }

    .button-primary,
    .green-button,
    #acceptcookies {
        padding: 20px 38px;
    }

    /* --- CONTENTBLOKKEN -------------------------------------------------- */

    .home-blok + .home-blok {
        margin-top: 76px;
    }

    /* --- AANGESLOTEN ORGANISATIES ---------------------------------------- */

    .organisations-logo-container {
        gap: 26px;
        margin-bottom: 34px;
    }

    .organisation-logo-link {
        width: calc((100% - 3 * 26px) / 4);
    }

    .organisation-logo-item,
    .organisation-logo-item.shadow {
        height: 130px;
        padding: 18px;
    }

    /* --- FOOTER ---------------------------------------------------------- */

    .footer-foto {
        height: 320px;
    }

    .footer-top-section {
        padding: 62px 0 70px 0;
    }

    .footer-title1 {
        font-size: 18px;
    }

    .footer-title2 {
        margin-bottom: 30px;
        font-size: 33px;
    }

    .footer-cta::after {
        width: 240px;
    }

    #footerbottomcontent {
        padding: 22px 20px;
    }

    /* --- ZOEKPAGINA'S ---------------------------------------------------- */

    h1.frontend-title,
    h1.about-title,
    .zoek-sectie h1.frontend-title,
    .organisaties-sectie h1.frontend-title {
        font-size: 30px;
    }

    .facet h2,
    .facets-header {
        font-size: 18px;
    }

    .facet label,
    .facet li {
        font-size: 13px;
    }

    .searchresult-title {
        font-size: 20px;
    }

    .searchresult-item-header-awarded {
        font-size: 18px;
    }

    .searchresult-organisation {
        font-size: 13px;
    }

    .searchresult-item-header-awarded .searchresult-organisation {
        font-size: 14px;
    }

    .searchresult-item-data,
    .searchresult-item-data p {
        font-size: 13px;
    }

    .searchresult-item-value1,
    .searchresult-item-value2,
    .searchresult-item-value3,
    .searchresult-item-label {
        font-size: 12px;
    }

    p.about-actie {
        margin-top: 44px;
        margin-bottom: 60px;
    }

    h1.about-title {
        margin-bottom: 26px;
    }

    h2.about-subtitle.overons-subtitle {
        margin-top: 38px;
    }

    .button-extern svg {
        width: 13px;
        height: 13px;
    }

    /* --- HELPCENTRUM ----------------------------------------------------- */

    h2.styledtitle.faq-title {
        margin-bottom: 44px;
        font-size: 30px;
    }

    h2.faq-subtitle {
        font-size: 30px;
    }

    li.faq {
        margin-bottom: 21px;
    }

        li.faq .question-subject {
            min-height: 46px;
            padding: 12px 20px 12px 44px;
            font-size: 16px;
        }

            li.faq .question-subject::before {
                left: 20px;
                border-top-width: 5px;
                border-bottom-width: 5px;
                border-left-width: 12px;
            }
}

/* =========================================================================
   INDELING TOT 959PX
   ========================================================================= */

@media screen and (max-width: 959px) {

    /*de organisatiepagina stond op vaste kolombreedtes (620px en 300px) en
      liep daardoor buiten het scherm; onder 960px staan de kolommen onder
      elkaar*/
    .organisatie-tekst,
    .organisatie-opdrachten,
    .organisatie-contact {
        float: none;
        width: 100%;
    }

    .organisatie-contact {
        margin-top: 40px;
    }

        /*het organisatielogo had geen maximum en stak buiten de kolom*/
        .organisatie-contact img {
            max-width: 100%;
            height: auto;
        }

    /*de opdrachtkaart gebruikt een tabel met vaste kolombreedtes in de
      opmaak; die zet de kaart breder dan het scherm*/
    .tendersnippet-item {
        padding: 10px 18px;
    }

        .tendersnippet-item table,
        .tendersnippet-item tbody,
        .tendersnippet-item tr,
        .tendersnippet-item td {
            display: block;
            width: auto !important;
        }

    /*de titel stond op 80% met een float naast de organisatienaam*/
    .tendersnippet-item-header {
        box-sizing: border-box;
        float: none;
        width: 100%;
    }

        .tendersnippet-item-header > div {
            float: none !important;
            width: auto !important;
        }

    /*de koppen erven een vaste regelhoogte van 24px; zodra ze over meerdere
      regels lopen, lopen die regels door elkaar heen*/
    h2.styledtitle {
        line-height: 1.3;
    }

    /*de notificatieblokken (o.a. "Reeds toegelaten..." en "Nog geen account?"
      op de opdrachtpagina) hielden 40px zijpadding en bevatten zelf nog een
      responsive-wrapper met 20px: er bleef 145px over voor de tekst*/
    .notificationblock {
        padding: 34px 24px 40px;
    }

        .notificationblock .responsive-wrapper {
            padding: 0;
        }

        .notificationblock h2.styledtitle {
            font-size: 24px;
        }

    /*de header groeit mee met zijn inhoud; de oude vaste hoogte van 208px
      liet een groot gat achter onder het logo*/
    #header {
        height: auto;
    }

    /*zonder deze regels valt het logo terug op de oude 390x70 uit de basis*/
    #logo {
        box-sizing: border-box;
        margin: 0;
        padding: 30px 0 20px 0;
        width: 100%;
        height: auto;
        text-align: center;
    }

    #logo-placeholder {
        margin: 0;
        width: 180px;
        height: 42px;
    }

    /*de basisregel geeft #nav 70px marge boven (voor de oude hoge header);
      dat liet hier een leeg gat tussen logo en menubalk staan*/
    #nav {
        margin: 0 auto;
    }

    /*Zolang het hamburgermenu in gebruik is (t/m 959px) staan logo en knop op
      dezelfde regel. De knop zat in #nav onder het logo, waardoor er links
      ervan een wit vlak overbleef. Door de knop uit de flow te halen klapt
      #nav dicht zolang het menu dicht is; zodra het opengaat groeit #nav weer
      en schuift de pagina omlaag.*/
    #logo {
        padding-right: 76px;
        text-align: left;
    }

    /*#nav en #mainmenucontainer staan op relative en zouden de knop dus binnen
      hun eigen (1020px brede) doos plaatsen; static maakt de sticky #header
      het referentiepunt*/
    #nav,
    #mainmenucontainer {
        position: static;
    }

        /*als inline-block houdt de container een tekstregel over, goed voor
          een reststrook van 17px onder het logo*/
        #mainmenucontainer {
            display: block;
        }

    /*vanaf de bovenkant gerekend: het beeldmerk begint op 55px en is 42px
      hoog, dus het midden ligt op 76px; de knop is 58px hoog (76 - 29 = 47).
      Niet vanaf de onderkant, want als het menu opengaat groeit de header en
      zou de knop meezakken naar de onderkant van het uitgeklapte menu.*/
    #mainmenuhamburger {
        position: absolute;
        top: 47px;
        right: 20px;
        float: none;
    }

    /*de foto's hielden hun telefoonhoogte terwijl het scherm al breed is;
      daardoor werden ze uitgesneden tot een smalle strook*/
    .home-foto {
        height: 340px;
    }

    .home-tender {
        --fotohoogte: 240px;
    }

    /*de oude regel onder 960px maakt de titel 50% breed en pas onder 600px
      weer 100%; daartussen dekte de titel de hoverbalk maar half af en stond
      die rechts altijd in beeld*/
    h3.home-tender-title {
        width: 100%;
    }

    .home-blok-foto {
        height: 300px;
    }

    .footer-foto {
        height: 260px;
    }

    #mainmenuhamburger {
        width: 46px;
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236E4098' d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E");
        background-size: 30px 30px;
    }

        #mainmenuhamburger.hamburgerdown {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236E4098' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
            background-size: 30px 30px;
        }

    /*het menu klapt open via de klasse mainmenu-open (zie _Layout.cshtml);
      de basisregel hierboven zet #mainmenu op display:none*/
    #mainmenu.mainmenu-open {
        display: block;
        border-top: 1px solid var(--grijs-rand);
    }

    a.mainmenu-item-link,
    a.mainmenu-selecteditem-link,
    .mainmenu-selecteditem.account,
    .mainmenu-item.account {
        box-sizing: border-box;
        position: relative;
        width: 100%;
        border-bottom: 1px solid var(--grijs-rand);
        /*houdt de hoverstreep buiten beeld zolang die onder de regel staat*/
        overflow: hidden;
    }

    /*het uitgeklapte menu is wit; de oude regels gaven de huidige pagina een
      donkere balk met witte tekst en zetten de hovertekst op wit (onzichtbaar)*/
    a.mainmenu-selecteditem-link {
        background-color: transparent;
        color: var(--paars);
    }

    /*"Mijn inhuurdesk" stond niet in deze opsomming en viel daardoor terug op
      de oude regel met een donkere achtergrond en witte tekst*/
    a.mainmenu-item-link:hover,
    a.mainmenu-item-link:focus,
    a.mainmenu-selecteditem-link:hover,
    a.mainmenu-selecteditem-link:focus,
    .mainmenu-selecteditem.account:hover,
    .mainmenu-selecteditem.account:focus,
    .mainmenu-item.account:hover,
    .mainmenu-item.account:focus {
        background-color: var(--grijs-sectie);
        color: var(--paars-link);
    }

    /*zelfde slide up/down-hover als in het bureaubladmenu: een streep die van
      onder de menuregel omhoog schuift, net boven de scheidingslijn. Over de
      volle regelbreedte liep hij ver voorbij de korte labels, dus is het een
      kort accent van 48px op de inspringing van het label*/
    a.mainmenu-item-link::after,
    a.mainmenu-selecteditem-link::after,
    .mainmenu-selecteditem.account::after,
    .mainmenu-item.account::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 30px;
        width: 48px;
        height: 3px;
        background-color: var(--paars);
        transform: translateY(100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    a.mainmenu-item-link:hover::after,
    a.mainmenu-item-link:focus::after,
    a.mainmenu-selecteditem-link:hover::after,
    a.mainmenu-selecteditem-link:focus::after,
    .mainmenu-selecteditem.account:hover::after,
    .mainmenu-selecteditem.account:focus::after,
    .mainmenu-item.account:hover::after,
    .mainmenu-item.account:focus::after {
        transform: translateY(0);
    }

        /*de tekst van "Mijn inhuurdesk" zit in een eigen link met een eigen
          kleur en moet dus apart mee*/
        .mainmenu-item.account:hover .mainmenu-item-link,
        .mainmenu-item.account:focus .mainmenu-item-link {
            color: var(--paars-link);
        }
}

/* =========================================================================
   INDELING TOT 599PX
   ========================================================================= */

@media screen and (max-width: 599px) {

    /*op 320px is ook 24px zijpadding nog te veel voor deze blokken*/
    .notificationblock {
        padding: 28px 20px 32px;
    }

        .notificationblock h2.styledtitle {
            font-size: 20px;
        }

    /*de header groeit mee met zijn inhoud in plaats van een vaste hoogte*/
    #header {
        height: auto;
    }

        #header::before {
            height: 34px;
        }

    /*inloggen/registreren staat op mobiel niet in de grijze balk*/
    #loginsection {
        display: none;
    }


    #layoutbacklink {
        float: none;
        display: block;
        margin: 0;
        padding-top: 9px;
        text-align: center;
    }

    /*op telefoonformaat mogen de foto's weer korter*/
    .home-foto {
        height: 260px;
    }

    .home-tender {
        --fotohoogte: 165px;
    }

    .home-blok-foto {
        height: 220px;
    }

    .footer-foto {
        height: 200px;
    }

    /*zonder breedte krimpen de logokaarten tot hun inhoud en blijft er rechts
      een gat over; twee naast elkaar vult de rij netjes*/
    .organisations-logo-container {
        gap: 12px;
    }

    .organisation-logo-link {
        flex: 0 0 calc(50% - 6px);
    }

    .organisation-logo-item,
    .organisation-logo-item.shadow {
        padding: 12px;
        height: 100px;
    }

    /*de footerregels liepen zonder zijmarge tot tegen de schermrand*/
    #footerbottomcontent {
        padding: 18px 20px;
        text-align: center;
    }

        #footerbottomcontent p {
            float: none;
            text-align: center;
        }
}

@font-face {
    font-family: 'fontello';
    src: url('/Content/Fonts/fontello.eot?96937982');
    src: url('/Content/Fonts/fontello.eot?96937982#iefix') format('embedded-opentype'), url('/Content/Fonts/fontello.woff2?96937982') format('woff2'), url('/Content/Fonts/fontello.woff?96937982') format('woff'), url('/Content/Fonts/fontello.ttf?96937982') format('truetype'), url('/Content/Fonts/fontello.svg?96937982#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="i-"]:before, [class*=" i-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.i-emo-wink2:before {
    content: '\e800';
}
/* '' */
.i-emo-unhappy:before {
    content: '\e801';
}
/* '' */
.i-search:before {
    content: '\e802';
}
/* '' */
.i-mail:before {
    content: '\e803';
}
/* '' */
.i-heart:before {
    content: '\e804';
}
/* '' */
.i-heart-empty:before {
    content: '\e805';
}
/* '' */
.i-star:before {
    content: '\e806';
}
/* '' */
.i-emo-sunglasses:before {
    content: '\e807';
}
/* '' */
.i-emo-displeased:before {
    content: '\e808';
}
/* '' */
.i-user:before {
    content: '\e809';
}
/* '' */
.i-video:before {
    content: '\e80a';
}
/* '' */
.i-picture:before {
    content: '\e80b';
}
/* '' */
.i-th-large:before {
    content: '\e80c';
}
/* '' */
.i-emo-laugh:before {
    content: '\e80d';
}
/* '' */
.i-spin3:before {
    content: '\e80e';
}
/* '' */
.i-spin4:before {
    content: '\e80f';
}
/* '' */
.i-spin5:before {
    content: '\e810';
}
/* '' */
.i-spin6:before {
    content: '\e811';
}
/* '' */
.i-th:before {
    content: '\e812';
}
/* '' */
.i-th-list:before {
    content: '\e813';
}
/* '' */
.i-ok:before {
    content: '\e814';
}
/* '' */
.i-ok-circle:before {
    content: '\e815';
}
/* '' */
.i-cancel:before {
    content: '\e816';
}
/* '' */
.i-cancel-circle:before {
    content: '\e817';
}
/* '' */
.i-plus-circle:before {
    content: '\e818';
}
/* '' */
.i-minus-circle:before {
    content: '\e819';
}
/* '' */
.i-link:before {
    content: '\e81a';
}
/* '' */
.i-attach:before {
    content: '\e81b';
}
/* '' */
.i-lock:before {
    content: '\e81c';
}
/* '' */
.i-lock-open:before {
    content: '\e81d';
}
/* '' */
.i-tag:before {
    content: '\e81e';
}
/* '' */
.i-reply:before {
    content: '\e81f';
}
/* '' */
.i-reply-all:before {
    content: '\e820';
}
/* '' */
.i-forward:before {
    content: '\e821';
}
/* '' */
.i-code:before {
    content: '\e822';
}
/* '' */
.i-retweet:before {
    content: '\e823';
}
/* '' */
.i-comment:before {
    content: '\e824';
}
/* '' */
.i-comment-alt:before {
    content: '\e825';
}
/* '' */
.i-chat:before {
    content: '\e826';
}
/* '' */
.i-attention:before {
    content: '\e827';
}
/* '' */
.i-location:before {
    content: '\e828';
}
/* '' */
.i-doc:before {
    content: '\e829';
}
/* '' */
.i-docs-landscape:before {
    content: '\e82a';
}
/* '' */
.i-folder:before {
    content: '\e82b';
}
/* '' */
.i-archive:before {
    content: '\e82c';
}
/* '' */
.i-rss:before {
    content: '\e82d';
}
/* '' */
.i-rss-alt:before {
    content: '\e82e';
}
/* '' */
.i-cog:before {
    content: '\e82f';
}
/* '' */
.i-firefox:before {
    content: '\e830';
}
/* '' */
.i-chrome-1:before {
    content: '\e831';
}
/* '' */
.i-logout:before {
    content: '\e832';
}
/* '' */
.i-clock:before {
    content: '\e833';
}
/* '' */
.i-block:before {
    content: '\e834';
}
/* '' */
.i-resize-full:before {
    content: '\e835';
}
/* '' */
.i-resize-full-circle:before {
    content: '\e836';
}
/* '' */
.i-popup:before {
    content: '\e837';
}
/* '' */
.i-left-open:before {
    content: '\e838';
}
/* '' */
.i-right-open:before {
    content: '\e839';
}
/* '' */
.i-down-circle:before {
    content: '\e83a';
}
/* '' */
.i-left-circle:before {
    content: '\e83b';
}
/* '' */
.i-right-circle:before {
    content: '\e83c';
}
/* '' */
.i-up-circle:before {
    content: '\e83d';
}
/* '' */
.i-down-dir:before {
    content: '\e83e';
}
/* '' */
.i-right-dir:before {
    content: '\e83f';
}
/* '' */
.i-down-micro:before {
    content: '\e840';
}
/* '' */
.i-up-micro:before {
    content: '\e841';
}
/* '' */
.i-cw-circle:before {
    content: '\e842';
}
/* '' */
.i-arrows-cw:before {
    content: '\e843';
}
/* '' */
.i-updown-circle:before {
    content: '\e844';
}
/* '' */
.i-target:before {
    content: '\e845';
}
/* '' */
.i-signal:before {
    content: '\e846';
}
/* '' */
.i-glass-1:before {
    content: '\e847';
}
/* '' */
.i-progress-0:before {
    content: '\e848';
}
/* '' */
.i-progress-1:before {
    content: '\e849';
}
/* '' */
.i-progress-2:before {
    content: '\e84a';
}
/* '' */
.i-progress-3:before {
    content: '\e84b';
}
/* '' */
.i-progress-4:before {
    content: '\e84c';
}
/* '' */
.i-progress-5:before {
    content: '\e84d';
}
/* '' */
.i-progress-6:before {
    content: '\e84e';
}
/* '' */
.i-progress-7:before {
    content: '\e84f';
}
/* '' */
.i-font:before {
    content: '\e850';
}
/* '' */
.i-list:before {
    content: '\e851';
}
/* '' */
.i-list-numbered:before {
    content: '\e852';
}
/* '' */
.i-indent-left:before {
    content: '\e853';
}
/* '' */
.i-indent-right:before {
    content: '\e854';
}
/* '' */
.i-cloud:before {
    content: '\e855';
}
/* '' */
.i-terminal:before {
    content: '\e856';
}
/* '' */
.i-music:before {
    content: '\e857';
}
/* '' */
.i-search-1:before {
    content: '\e858';
}
/* '' */
.i-mail-1:before {
    content: '\e859';
}
/* '' */
.i-heart-1:before {
    content: '\e85a';
}
/* '' */
.i-star-1:before {
    content: '\e85b';
}
/* '' */
.i-user-1:before {
    content: '\e85c';
}
/* '' */
.i-videocam:before {
    content: '\e85d';
}
/* '' */
.i-camera:before {
    content: '\e85e';
}
/* '' */
.i-attach-1:before {
    content: '\e85f';
}
/* '' */
.i-note:before {
    content: '\e860';
}
/* '' */
.i-cog-1:before {
    content: '\e861';
}
/* '' */
.i-params:before {
    content: '\e862';
}
/* '' */
.i-calendar:before {
    content: '\e863';
}
/* '' */
.i-sound:before {
    content: '\e864';
}
/* '' */
.i-clock-1:before {
    content: '\e865';
}
/* '' */
.i-lightbulb:before {
    content: '\e866';
}
/* '' */
.i-tv:before {
    content: '\e867';
}
/* '' */
.i-mobile:before {
    content: '\e868';
}
/* '' */
.i-beaker:before {
    content: '\e869';
}
/* '' */
.i-truck:before {
    content: '\e86a';
}
/* '' */
.i-money:before {
    content: '\e86b';
}
/* '' */
.i-food:before {
    content: '\e86c';
}
/* '' */
.i-shop:before {
    content: '\e86d';
}
/* '' */
.i-diamond:before {
    content: '\e86e';
}
/* '' */
.i-t-shirt:before {
    content: '\e86f';
}
/* '' */
.i-wallet:before {
    content: '\e870';
}
/* '' */
.i-lock-1:before {
    content: '\e871';
}
/* '' */
.i-eye:before {
    content: '\e872';
}
/* '' */
.i-tag-1:before {
    content: '\e873';
}
/* '' */
.i-thumbs-up:before {
    content: '\e874';
}
/* '' */
.i-pencil:before {
    content: '\e875';
}
/* '' */
.i-comment-1:before {
    content: '\e876';
}
/* '' */
.i-location-1:before {
    content: '\e877';
}
/* '' */
.i-cup:before {
    content: '\e878';
}
/* '' */
.i-trash:before {
    content: '\e879';
}
/* '' */
.i-doc-1:before {
    content: '\e87a';
}
/* '' */
.i-cd:before {
    content: '\e87b';
}
/* '' */
.i-inbox:before {
    content: '\e87c';
}
/* '' */
.i-globe:before {
    content: '\e87d';
}
/* '' */
.i-cloud-1:before {
    content: '\e87e';
}
/* '' */
.i-paper-plane:before {
    content: '\e87f';
}
/* '' */
.i-fire:before {
    content: '\e880';
}
/* '' */
.i-graduation-cap:before {
    content: '\e881';
}
/* '' */
.i-megaphone:before {
    content: '\e882';
}
/* '' */
.i-database:before {
    content: '\e883';
}
/* '' */
.i-key:before {
    content: '\e884';
}
/* '' */
.i-photo:before {
    content: '\e885';
}
/* '' */
.i-desktop:before {
    content: '\e886';
}
/* '' */
.i-glass:before {
    content: '\e887';
}
/* '' */
.i-music-1:before {
    content: '\e888';
}
/* '' */
.i-search-2:before {
    content: '\e889';
}
/* '' */
.i-search-circled:before {
    content: '\e88a';
}
/* '' */
.i-mail-2:before {
    content: '\e88b';
}
/* '' */
.i-mail-circled:before {
    content: '\e88c';
}
/* '' */
.i-heart-2:before {
    content: '\e88d';
}
/* '' */
.i-heart-circled:before {
    content: '\e88e';
}
/* '' */
.i-heart-empty-1:before {
    content: '\e88f';
}
/* '' */
.i-star-2:before {
    content: '\e890';
}
/* '' */
.i-star-circled:before {
    content: '\e891';
}
/* '' */
.i-star-empty:before {
    content: '\e892';
}
/* '' */
.i-user-2:before {
    content: '\e893';
}
/* '' */
.i-group:before {
    content: '\e894';
}
/* '' */
.i-group-circled:before {
    content: '\e895';
}
/* '' */
.i-torso:before {
    content: '\e896';
}
/* '' */
.i-video-1:before {
    content: '\e897';
}
/* '' */
.i-video-circled:before {
    content: '\e898';
}
/* '' */
.i-video-alt:before {
    content: '\e899';
}
/* '' */
.i-videocam-1:before {
    content: '\e89a';
}
/* '' */
.i-video-chat:before {
    content: '\e89b';
}
/* '' */
.i-picture-1:before {
    content: '\e89c';
}
/* '' */
.i-camera-1:before {
    content: '\e89d';
}
/* '' */
.i-photo-1:before {
    content: '\e89e';
}
/* '' */
.i-photo-circled:before {
    content: '\e89f';
}
/* '' */
.i-th-large-1:before {
    content: '\e8a0';
}
/* '' */
.i-th-1:before {
    content: '\e8a1';
}
/* '' */
.i-th-list-1:before {
    content: '\e8a2';
}
/* '' */
.i-view-mode:before {
    content: '\e8a3';
}
/* '' */
.i-ok-1:before {
    content: '\e8a4';
}
/* '' */
.i-ok-circled:before {
    content: '\e8a5';
}
/* '' */
.i-ok-circled2:before {
    content: '\e8a6';
}
/* '' */
.i-cancel-1:before {
    content: '\e8a7';
}
/* '' */
.i-cancel-circled:before {
    content: '\e8a8';
}
/* '' */
.i-cancel-circled2:before {
    content: '\e8a9';
}
/* '' */
.i-plus:before {
    content: '\e8aa';
}
/* '' */
.i-plus-circled:before {
    content: '\e8ab';
}
/* '' */
.i-minus:before {
    content: '\e8ac';
}
/* '' */
.i-minus-circled:before {
    content: '\e8ad';
}
/* '' */
.i-help:before {
    content: '\e8ae';
}
/* '' */
.i-help-circled:before {
    content: '\e8af';
}
/* '' */
.i-info-circled:before {
    content: '\e8b0';
}
/* '' */
.i-home:before {
    content: '\e8b1';
}
/* '' */
.i-home-circled:before {
    content: '\e8b2';
}
/* '' */
.i-website:before {
    content: '\e8b3';
}
/* '' */
.i-website-circled:before {
    content: '\e8b4';
}
/* '' */
.i-attach-2:before {
    content: '\e8b5';
}
/* '' */
.i-attach-circled:before {
    content: '\e8b6';
}
/* '' */
.i-lock-2:before {
    content: '\e8b7';
}
/* '' */
.i-lock-circled:before {
    content: '\e8b8';
}
/* '' */
.i-lock-open-1:before {
    content: '\e8b9';
}
/* '' */
.i-lock-open-alt:before {
    content: '\e8ba';
}
/* '' */
.i-eye-1:before {
    content: '\e8bb';
}
/* '' */
.i-eye-off:before {
    content: '\e8bc';
}
/* '' */
.i-tag-2:before {
    content: '\e8bd';
}
/* '' */
.i-tags:before {
    content: '\e8be';
}
/* '' */
.i-bookmark:before {
    content: '\e8bf';
}
/* '' */
.i-bookmark-empty:before {
    content: '\e8c0';
}
/* '' */
.i-flag:before {
    content: '\e8c1';
}
/* '' */
.i-flag-circled:before {
    content: '\e8c2';
}
/* '' */
.i-thumbs-up-1:before {
    content: '\e8c3';
}
/* '' */
.i-thumbs-down:before {
    content: '\e8c4';
}
/* '' */
.i-download:before {
    content: '\e8c5';
}
/* '' */
.i-download-alt:before {
    content: '\e8c6';
}
/* '' */
.i-upload:before {
    content: '\e8c7';
}
/* '' */
.i-share:before {
    content: '\e8c8';
}
/* '' */
.i-quote:before {
    content: '\e8c9';
}
/* '' */
.i-quote-circled:before {
    content: '\e8ca';
}
/* '' */
.i-export:before {
    content: '\e8cb';
}
/* '' */
.i-pencil-1:before {
    content: '\e8cc';
}
/* '' */
.i-pencil-circled:before {
    content: '\e8cd';
}
/* '' */
.i-edit:before {
    content: '\e8ce';
}
/* '' */
.i-edit-circled:before {
    content: '\e8cf';
}
/* '' */
.i-edit-alt:before {
    content: '\e8d0';
}
/* '' */
.i-print:before {
    content: '\e8d1';
}
/* '' */
.i-retweet-1:before {
    content: '\e8d2';
}
/* '' */
.i-comment-2:before {
    content: '\e8d3';
}
/* '' */
.i-comment-alt-1:before {
    content: '\e8d4';
}
/* '' */
.i-bell:before {
    content: '\e8d5';
}
/* '' */
.i-warning:before {
    content: '\e8d6';
}
/* '' */
.i-exclamation:before {
    content: '\e8d7';
}
/* '' */
.i-error:before {
    content: '\e8d8';
}
/* '' */
.i-error-alt:before {
    content: '\e8d9';
}
/* '' */
.i-location-2:before {
    content: '\e8da';
}
/* '' */
.i-location-circled:before {
    content: '\e8db';
}
/* '' */
.i-compass:before {
    content: '\e8dc';
}
/* '' */
.i-compass-circled:before {
    content: '\e8dd';
}
/* '' */
.i-trash-1:before {
    content: '\e8de';
}
/* '' */
.i-trash-circled:before {
    content: '\e8df';
}
/* '' */
.i-doc-2:before {
    content: '\e8e0';
}
/* '' */
.i-doc-circled:before {
    content: '\e8e1';
}
/* '' */
.i-doc-new:before {
    content: '\e8e2';
}
/* '' */
.i-doc-new-circled:before {
    content: '\e8e3';
}
/* '' */
.i-folder-1:before {
    content: '\e8e4';
}
/* '' */
.i-folder-circled:before {
    content: '\e8e5';
}
/* '' */
.i-folder-close:before {
    content: '\e8e6';
}
/* '' */
.i-folder-open:before {
    content: '\e8e7';
}
/* '' */
.i-rss-1:before {
    content: '\e8e8';
}
/* '' */
.i-phone:before {
    content: '\e8e9';
}
/* '' */
.i-phone-circled:before {
    content: '\e8ea';
}
/* '' */
.i-cog-2:before {
    content: '\e8eb';
}
/* '' */
.i-cog-circled:before {
    content: '\e8ec';
}
/* '' */
.i-cogs:before {
    content: '\e8ed';
}
/* '' */
.i-wrench:before {
    content: '\e8ee';
}
/* '' */
.i-wrench-circled:before {
    content: '\e8ef';
}
/* '' */
.i-basket:before {
    content: '\e8f0';
}
/* '' */
.i-basket-circled:before {
    content: '\e8f1';
}
/* '' */
.i-calendar-1:before {
    content: '\e8f2';
}
/* '' */
.i-calendar-circled:before {
    content: '\e8f3';
}
/* '' */
.i-mic-1:before {
    content: '\e8f4';
}
/* '' */
.i-mic-circled:before {
    content: '\e8f5';
}
/* '' */
.i-volume-off:before {
    content: '\e8f6';
}
/* '' */
.i-volume-down:before {
    content: '\e8f7';
}
/* '' */
.i-volume:before {
    content: '\e8f8';
}
/* '' */
.i-volume-up:before {
    content: '\e8f9';
}
/* '' */
.i-headphones:before {
    content: '\e8fa';
}
/* '' */
.i-clock-2:before {
    content: '\e8fb';
}
/* '' */
.i-clock-circled:before {
    content: '\e8fc';
}
/* '' */
.i-lightbulb-1:before {
    content: '\e8fd';
}
/* '' */
.i-lightbulb-alt:before {
    content: '\e8fe';
}
/* '' */
.i-block-1:before {
    content: '\e8ff';
}
/* '' */
.i-resize-full-1:before {
    content: '\e900';
}
/* '' */
.i-resize-full-alt:before {
    content: '\e901';
}
/* '' */
.i-resize-small:before {
    content: '\e902';
}
/* '' */
.i-resize-vertical:before {
    content: '\e903';
}
/* '' */
.i-resize-horizontal:before {
    content: '\e904';
}
/* '' */
.i-move:before {
    content: '\e905';
}
/* '' */
.i-zoom-in:before {
    content: '\e906';
}
/* '' */
.i-zoom-out:before {
    content: '\e907';
}
/* '' */
.i-down-open:before {
    content: '\e908';
}
/* '' */
.i-left-open-1:before {
    content: '\e909';
}
/* '' */
.i-right-open-1:before {
    content: '\e90a';
}
/* '' */
.i-up-open:before {
    content: '\e90b';
}
/* '' */
.i-down:before {
    content: '\e90c';
}
/* '' */
.i-left:before {
    content: '\e90d';
}
/* '' */
.i-right:before {
    content: '\e90e';
}
/* '' */
.i-up:before {
    content: '\e90f';
}
/* '' */
.i-down-circled:before {
    content: '\e910';
}
/* '' */
.i-left-circled:before {
    content: '\e911';
}
/* '' */
.i-right-circled:before {
    content: '\e912';
}
/* '' */
.i-up-circled:before {
    content: '\e913';
}
/* '' */
.i-down-hand:before {
    content: '\e914';
}
/* '' */
.i-left-hand:before {
    content: '\e915';
}
/* '' */
.i-right-hand:before {
    content: '\e916';
}
/* '' */
.i-up-hand:before {
    content: '\e917';
}
/* '' */
.i-cw:before {
    content: '\e918';
}
/* '' */
.i-cw-circled:before {
    content: '\e919';
}
/* '' */
.i-arrows-cw-1:before {
    content: '\e91a';
}
/* '' */
.i-shuffle:before {
    content: '\e91b';
}
/* '' */
.i-play:before {
    content: '\e91c';
}
/* '' */
.i-play-circled:before {
    content: '\e91d';
}
/* '' */
.i-play-circled2:before {
    content: '\e91e';
}
/* '' */
.i-stop:before {
    content: '\e91f';
}
/* '' */
.i-stop-circled:before {
    content: '\e920';
}
/* '' */
.i-pause:before {
    content: '\e921';
}
/* '' */
.i-pause-circled:before {
    content: '\e922';
}
/* '' */
.i-record:before {
    content: '\e923';
}
/* '' */
.i-eject:before {
    content: '\e924';
}
/* '' */
.i-backward:before {
    content: '\e925';
}
/* '' */
.i-backward-circled:before {
    content: '\e926';
}
/* '' */
.i-fast-backward:before {
    content: '\e927';
}
/* '' */
.i-fast-forward:before {
    content: '\e928';
}
/* '' */
.i-forward-1:before {
    content: '\e929';
}
/* '' */
.i-forward-circled:before {
    content: '\e92a';
}
/* '' */
.i-step-backward:before {
    content: '\e92b';
}
/* '' */
.i-step-forward:before {
    content: '\e92c';
}
/* '' */
.i-target-1:before {
    content: '\e92d';
}
/* '' */
.i-signal-1:before {
    content: '\e92e';
}
/* '' */
.i-desktop-1:before {
    content: '\e92f';
}
/* '' */
.i-desktop-circled:before {
    content: '\e930';
}
/* '' */
.i-laptop:before {
    content: '\e931';
}
/* '' */
.i-laptop-circled:before {
    content: '\e932';
}
/* '' */
.i-network:before {
    content: '\e933';
}
/* '' */
.i-inbox-1:before {
    content: '\e934';
}
/* '' */
.i-inbox-circled:before {
    content: '\e935';
}
/* '' */
.i-inbox-alt:before {
    content: '\e936';
}
/* '' */
.i-globe-1:before {
    content: '\e937';
}
/* '' */
.i-globe-alt:before {
    content: '\e938';
}
/* '' */
.i-cloud-2:before {
    content: '\e939';
}
/* '' */
.i-cloud-circled:before {
    content: '\e93a';
}
/* '' */
.i-flight:before {
    content: '\e93b';
}
/* '' */
.i-leaf:before {
    content: '\e93c';
}
/* '' */
.i-font-1:before {
    content: '\e93d';
}
/* '' */
.i-fontsize:before {
    content: '\e93e';
}
/* '' */
.i-bold:before {
    content: '\e93f';
}
/* '' */
.i-italic:before {
    content: '\e940';
}
/* '' */
.i-text-height:before {
    content: '\e941';
}
/* '' */
.i-text-width:before {
    content: '\e942';
}
/* '' */
.i-align-left:before {
    content: '\e943';
}
/* '' */
.i-align-center:before {
    content: '\e944';
}
/* '' */
.i-align-right:before {
    content: '\e945';
}
/* '' */
.i-align-justify:before {
    content: '\e946';
}
/* '' */
.i-list-1:before {
    content: '\e947';
}
/* '' */
.i-indent-left-1:before {
    content: '\e948';
}
/* '' */
.i-indent-right-1:before {
    content: '\e949';
}
/* '' */
.i-briefcase:before {
    content: '\e94a';
}
/* '' */
.i-off:before {
    content: '\e94b';
}
/* '' */
.i-road:before {
    content: '\e94c';
}
/* '' */
.i-qrcode:before {
    content: '\e94d';
}
/* '' */
.i-barcode:before {
    content: '\e94e';
}
/* '' */
.i-braille:before {
    content: '\e94f';
}
/* '' */
.i-book:before {
    content: '\e950';
}
/* '' */
.i-adjust:before {
    content: '\e951';
}
/* '' */
.i-tint:before {
    content: '\e952';
}
/* '' */
.i-check:before {
    content: '\e953';
}
/* '' */
.i-check-empty:before {
    content: '\e954';
}
/* '' */
.i-asterisk:before {
    content: '\e955';
}
/* '' */
.i-gift:before {
    content: '\e956';
}
/* '' */
.i-fire-1:before {
    content: '\e957';
}
/* '' */
.i-magnet:before {
    content: '\e958';
}
/* '' */
.i-chart:before {
    content: '\e959';
}
/* '' */
.i-chart-circled:before {
    content: '\e95a';
}
/* '' */
.i-credit-card:before {
    content: '\e95b';
}
/* '' */
.i-megaphone-1:before {
    content: '\e95c';
}
/* '' */
.i-clipboard:before {
    content: '\e95d';
}
/* '' */
.i-hdd:before {
    content: '\e95e';
}
/* '' */
.i-key-1:before {
    content: '\e95f';
}
/* '' */
.i-certificate:before {
    content: '\e960';
}
/* '' */
.i-tasks:before {
    content: '\e961';
}
/* '' */
.i-filter:before {
    content: '\e962';
}
/* '' */
.i-gauge:before {
    content: '\e963';
}
/* '' */
.i-smiley:before {
    content: '\e964';
}
/* '' */
.i-smiley-circled:before {
    content: '\e965';
}
/* '' */
.i-address-book:before {
    content: '\e966';
}
/* '' */
.i-address-book-alt:before {
    content: '\e967';
}
/* '' */
.i-asl:before {
    content: '\e968';
}
/* '' */
.i-glasses:before {
    content: '\e969';
}
/* '' */
.i-hearing-impaired:before {
    content: '\e96a';
}
/* '' */
.i-iphone-home:before {
    content: '\e96b';
}
/* '' */
.i-person:before {
    content: '\e96c';
}
/* '' */
.i-adult:before {
    content: '\e96d';
}
/* '' */
.i-child:before {
    content: '\e96e';
}
/* '' */
.i-blind:before {
    content: '\e96f';
}
/* '' */
.i-guidedog:before {
    content: '\e970';
}
/* '' */
.i-accessibility:before {
    content: '\e971';
}
/* '' */
.i-universal-access:before {
    content: '\e972';
}
/* '' */
.i-male:before {
    content: '\e973';
}
/* '' */
.i-female:before {
    content: '\e974';
}
/* '' */
.i-behance:before {
    content: '\e975';
}
/* '' */
.i-blogger:before {
    content: '\e976';
}
/* '' */
.i-cc:before {
    content: '\e977';
}
/* '' */
.i-css:before {
    content: '\e978';
}
/* '' */
.i-delicious:before {
    content: '\e979';
}
/* '' */
.i-deviantart:before {
    content: '\e97a';
}
/* '' */
.i-digg:before {
    content: '\e97b';
}
/* '' */
.i-dribbble:before {
    content: '\e97c';
}
/* '' */
.i-facebook:before {
    content: '\e97d';
}
/* '' */
.i-flickr:before {
    content: '\e97e';
}
/* '' */
.i-foursquare:before {
    content: '\e97f';
}
/* '' */
.i-friendfeed:before {
    content: '\e980';
}
/* '' */
.i-friendfeed-rect:before {
    content: '\e981';
}
/* '' */
.i-github:before {
    content: '\e982';
}
/* '' */
.i-github-text:before {
    content: '\e983';
}
/* '' */
.i-googleplus:before {
    content: '\e984';
}
/* '' */
.i-instagram:before {
    content: '\e985';
}
/* '' */
.i-linkedin:before {
    content: '\e986';
}
/* '' */
.i-path:before {
    content: '\e987';
}
/* '' */
.i-picasa:before {
    content: '\e988';
}
/* '' */
.i-pinterest:before {
    content: '\e989';
}
/* '' */
.i-reddit:before {
    content: '\e98a';
}
/* '' */
.i-skype-1:before {
    content: '\e98b';
}
/* '' */
.i-slideshare:before {
    content: '\e98c';
}
/* '' */
.i-stackoverflow:before {
    content: '\e98d';
}
/* '' */
.i-stumbleupon:before {
    content: '\e98e';
}
/* '' */
.i-twitter:before {
    content: '\e98f';
}
/* '' */
.i-tumblr:before {
    content: '\e990';
}
/* '' */
.i-vimeo:before {
    content: '\e991';
}
/* '' */
.i-vkontakte:before {
    content: '\e992';
}
/* '' */
.i-w3c:before {
    content: '\e993';
}
/* '' */
.i-wordpress:before {
    content: '\e994';
}
/* '' */
.i-youtube-1:before {
    content: '\e995';
}
/* '' */
.i-facebook-rect-1:before {
    content: '\e996';
}
/* '' */
.i-twitter-bird-1:before {
    content: '\e997';
}
/* '' */
.i-vimeo-rect-1:before {
    content: '\e998';
}
/* '' */
.i-tumblr-rect-1:before {
    content: '\e999';
}
/* '' */
.i-googleplus-rect-1:before {
    content: '\e99a';
}
/* '' */
.i-skype-2:before {
    content: '\e99b';
}
/* '' */
.i-vkontakte-rect-1:before {
    content: '\e99c';
}
/* '' */
.i-odnoklassniki-rect-1:before {
    content: '\e99d';
}
/* '' */
.i-friendfeed-1:before {
    content: '\e99e';
}
/* '' */
.i-friendfeed-rect-1:before {
    content: '\e99f';
}
/* '' */
.i-duckduckgo:before {
    content: '\e9a0';
}
/* '' */
.i-aim:before {
    content: '\e9a1';
}
/* '' */
.i-delicious-1:before {
    content: '\e9a2';
}
/* '' */
.i-paypal:before {
    content: '\e9a3';
}
/* '' */
.i-flattr:before {
    content: '\e9a4';
}
/* '' */
.i-android:before {
    content: '\e9a5';
}
/* '' */
.i-eventful:before {
    content: '\e9a6';
}
/* '' */
.i-smashmag:before {
    content: '\e9a7';
}
/* '' */
.i-gplus:before {
    content: '\e9a8';
}
/* '' */
.i-wikipedia:before {
    content: '\e9a9';
}
/* '' */
.i-lanyrd:before {
    content: '\e9aa';
}
/* '' */
.i-calendar-2:before {
    content: '\e9ab';
}
/* '' */
.i-stumbleupon-1:before {
    content: '\e9ac';
}
/* '' */
.i-fivehundredpx:before {
    content: '\e9ad';
}
/* '' */
.i-pinterest-1:before {
    content: '\e9ae';
}
/* '' */
.i-bitcoin:before {
    content: '\e9af';
}
/* '' */
.i-w3c-1:before {
    content: '\e9b0';
}
/* '' */
.i-foursquare-1:before {
    content: '\e9b1';
}
/* '' */
.i-html5:before {
    content: '\e9b2';
}
/* '' */
.i-ie:before {
    content: '\e9b3';
}
/* '' */
.i-call:before {
    content: '\e9b4';
}
/* '' */
.i-grooveshark:before {
    content: '\e9b5';
}
/* '' */
.i-ninetyninedesigns:before {
    content: '\e9b6';
}
/* '' */
.i-forrst:before {
    content: '\e9b7';
}
/* '' */
.i-digg-1:before {
    content: '\e9b8';
}
/* '' */
.i-spotify:before {
    content: '\e9b9';
}
/* '' */
.i-reddit-1:before {
    content: '\e9ba';
}
/* '' */
.i-guest:before {
    content: '\e9bb';
}
/* '' */
.i-gowalla:before {
    content: '\e9bc';
}
/* '' */
.i-appstore:before {
    content: '\e9bd';
}
/* '' */
.i-blogger-2:before {
    content: '\e9be';
}
/* '' */
.i-cc-1:before {
    content: '\e9bf';
}
/* '' */
.i-dribbble-1:before {
    content: '\e9c0';
}
/* '' */
.i-evernote:before {
    content: '\e9c1';
}
/* '' */
.i-flickr-1:before {
    content: '\e9c2';
}
/* '' */
.i-google:before {
    content: '\e9c3';
}
/* '' */
.i-viadeo:before {
    content: '\e9c4';
}
/* '' */
.i-instapaper:before {
    content: '\e9c5';
}
/* '' */
.i-weibo:before {
    content: '\e9c6';
}
/* '' */
.i-klout:before {
    content: '\e9c7';
}
/* '' */
.i-linkedin-2:before {
    content: '\e9c8';
}
/* '' */
.i-meetup:before {
    content: '\e9c9';
}
/* '' */
.i-vk:before {
    content: '\e9ca';
}
/* '' */
.i-plancast:before {
    content: '\e9cb';
}
/* '' */
.i-disqus:before {
    content: '\e9cc';
}
/* '' */
.i-rss-2:before {
    content: '\e9cd';
}
/* '' */
.i-skype-3:before {
    content: '\e9ce';
}
/* '' */
.i-twitter-2:before {
    content: '\e9cf';
}
/* '' */
.i-youtube-2:before {
    content: '\e9d0';
}
/* '' */
.i-vimeo-2:before {
    content: '\e9d1';
}
/* '' */
.i-windows:before {
    content: '\e9d2';
}
/* '' */
.i-xing:before {
    content: '\e9d3';
}
/* '' */
.i-yahoo:before {
    content: '\e9d4';
}
/* '' */
.i-chrome:before {
    content: '\e9d5';
}
/* '' */
.i-email:before {
    content: '\e9d6';
}
/* '' */
.i-macstore:before {
    content: '\e9d7';
}
/* '' */
.i-myspace:before {
    content: '\e9d8';
}
/* '' */
.i-podcast:before {
    content: '\e9d9';
}
/* '' */
.i-amazon:before {
    content: '\e9da';
}
/* '' */
.i-steam:before {
    content: '\e9db';
}
/* '' */
.i-cloudapp:before {
    content: '\e9dc';
}
/* '' */
.i-dropbox:before {
    content: '\e9dd';
}
/* '' */
.i-ebay:before {
    content: '\e9de';
}
/* '' */
.i-facebook-2:before {
    content: '\e9df';
}
/* '' */
.i-github-2:before {
    content: '\e9e0';
}
/* '' */
.i-github-circled:before {
    content: '\e9e1';
}
/* '' */
.i-googleplay:before {
    content: '\e9e2';
}
/* '' */
.i-itunes:before {
    content: '\e9e3';
}
/* '' */
.i-plurk:before {
    content: '\e9e4';
}
/* '' */
.i-songkick:before {
    content: '\e9e5';
}
/* '' */
.i-lastfm-1:before {
    content: '\e9e6';
}
/* '' */
.i-gmail:before {
    content: '\e9e7';
}
/* '' */
.i-pinboard:before {
    content: '\e9e8';
}
/* '' */
.i-openid:before {
    content: '\e9e9';
}
/* '' */
.i-quora:before {
    content: '\e9ea';
}
/* '' */
.i-soundcloud:before {
    content: '\e9eb';
}
/* '' */
.i-tumblr-2:before {
    content: '\e9ec';
}
/* '' */
.i-eventasaurus:before {
    content: '\e9ed';
}
/* '' */
.i-wordpress-2:before {
    content: '\e9ee';
}
/* '' */
.i-yelp:before {
    content: '\e9ef';
}
/* '' */
.i-intensedebate:before {
    content: '\e9f0';
}
/* '' */
.i-eventbrite:before {
    content: '\e9f1';
}
/* '' */
.i-scribd:before {
    content: '\e9f2';
}
/* '' */
.i-posterous:before {
    content: '\e9f3';
}
/* '' */
.i-stripe:before {
    content: '\e9f4';
}
/* '' */
.i-opentable:before {
    content: '\e9f5';
}
/* '' */
.i-cart:before {
    content: '\e9f6';
}
/* '' */
.i-print-1:before {
    content: '\e9f7';
}
/* '' */
.i-angellist:before {
    content: '\e9f8';
}
/* '' */
.i-instagram-2:before {
    content: '\e9f9';
}
/* '' */
.i-dwolla:before {
    content: '\e9fa';
}
/* '' */
.i-appnet:before {
    content: '\e9fb';
}
/* '' */
.i-statusnet:before {
    content: '\e9fc';
}
/* '' */
.i-acrobat:before {
    content: '\e9fd';
}
/* '' */
.i-drupal:before {
    content: '\e9fe';
}
/* '' */
.i-buffer:before {
    content: '\e9ff';
}
/* '' */
.i-pocket:before {
    content: '\ea00';
}
/* '' */
.i-bitbucket:before {
    content: '\ea01';
}
/* '' */
.i-lego:before {
    content: '\ea02';
}
/* '' */
.i-login:before {
    content: '\ea03';
}
/* '' */
.i-stackoverflow-1:before {
    content: '\ea04';
}
/* '' */
.i-hackernews:before {
    content: '\ea05';
}
/* '' */
.i-lkdto:before {
    content: '\ea06';
}
/* '' */
.i-aboveground-rail:before {
    content: '\ea07';
}
/* '' */
.i-airfield:before {
    content: '\ea08';
}
/* '' */
.i-airport:before {
    content: '\ea09';
}
/* '' */
.i-art-gallery:before {
    content: '\ea0a';
}
/* '' */
.i-bar:before {
    content: '\ea0b';
}
/* '' */
.i-baseball:before {
    content: '\ea0c';
}
/* '' */
.i-basketball:before {
    content: '\ea0d';
}
/* '' */
.i-beer:before {
    content: '\ea0e';
}
/* '' */
.i-belowground-rail:before {
    content: '\ea0f';
}
/* '' */
.i-bicycle:before {
    content: '\ea10';
}
/* '' */
.i-bus:before {
    content: '\ea11';
}
/* '' */
.i-cafe:before {
    content: '\ea12';
}
/* '' */
.i-campsite:before {
    content: '\ea13';
}
/* '' */
.i-cemetery:before {
    content: '\ea14';
}
/* '' */
.i-cinema:before {
    content: '\ea15';
}
/* '' */
.i-college:before {
    content: '\ea16';
}
/* '' */
.i-commerical-building:before {
    content: '\ea17';
}
/* '' */
.i-credit-card-1:before {
    content: '\ea18';
}
/* '' */
.i-cricket:before {
    content: '\ea19';
}
/* '' */
.i-embassy:before {
    content: '\ea1a';
}
/* '' */
.i-fast-food:before {
    content: '\ea1b';
}
/* '' */
.i-ferry:before {
    content: '\ea1c';
}
/* '' */
.i-fire-station:before {
    content: '\ea1d';
}
/* '' */
.i-football:before {
    content: '\ea1e';
}
/* '' */
.i-fuel:before {
    content: '\ea1f';
}
/* '' */
.i-garden:before {
    content: '\ea20';
}
/* '' */
.i-giraffe:before {
    content: '\ea21';
}
/* '' */
.i-golf:before {
    content: '\ea22';
}
/* '' */
.i-grocery-store:before {
    content: '\ea23';
}
/* '' */
.i-harbor:before {
    content: '\ea24';
}
/* '' */
.i-heliport:before {
    content: '\ea25';
}
/* '' */
.i-hospital:before {
    content: '\ea26';
}
/* '' */
.i-industrial-building:before {
    content: '\ea27';
}
/* '' */
.i-library:before {
    content: '\ea28';
}
/* '' */
.i-lodging:before {
    content: '\ea29';
}
/* '' */
.i-london-underground:before {
    content: '\ea2a';
}
/* '' */
.i-minefield:before {
    content: '\ea2b';
}
/* '' */
.i-monument:before {
    content: '\ea2c';
}
/* '' */
.i-museum:before {
    content: '\ea2d';
}
/* '' */
.i-pharmacy:before {
    content: '\ea2e';
}
/* '' */
.i-pitch:before {
    content: '\ea2f';
}
/* '' */
.i-police:before {
    content: '\ea30';
}
/* '' */
.i-post:before {
    content: '\ea31';
}
/* '' */
.i-prison:before {
    content: '\ea32';
}
/* '' */
.i-rail:before {
    content: '\ea33';
}
/* '' */
.i-religious-christian:before {
    content: '\ea34';
}
/* '' */
.i-religious-islam:before {
    content: '\ea35';
}
/* '' */
.i-religious-jewish:before {
    content: '\ea36';
}
/* '' */
.i-restaurant:before {
    content: '\ea37';
}
/* '' */
.i-roadblock:before {
    content: '\ea38';
}
/* '' */
.i-school:before {
    content: '\ea39';
}
/* '' */
.i-shop-1:before {
    content: '\ea3a';
}
/* '' */
.i-skiing:before {
    content: '\ea3b';
}
/* '' */
.i-soccer:before {
    content: '\ea3c';
}
/* '' */
.i-swimming:before {
    content: '\ea3d';
}
/* '' */
.i-tennis:before {
    content: '\ea3e';
}
/* '' */
.i-theatre:before {
    content: '\ea3f';
}
/* '' */
.i-toilet:before {
    content: '\ea40';
}
/* '' */
.i-town-hall:before {
    content: '\ea41';
}
/* '' */
.i-trash-2:before {
    content: '\ea42';
}
/* '' */
.i-tree-1:before {
    content: '\ea43';
}
/* '' */
.i-tree-2:before {
    content: '\ea44';
}
/* '' */
.i-warehouse:before {
    content: '\ea45';
}
/* '' */
.i-emo-sleep:before {
    content: '\ea46';
}
/* '' */
.i-emo-thumbsup:before {
    content: '\ea47';
}
/* '' */
.i-emo-devil:before {
    content: '\ea48';
}
/* '' */
.i-emo-surprised:before {
    content: '\ea49';
}
/* '' */
.i-emo-beer:before {
    content: '\ea4a';
}
/* '' */
.i-emo-grin:before {
    content: '\ea4b';
}
/* '' */
.i-opera:before {
    content: '\ea4c';
}
/* '' */
.i-ie-1:before {
    content: '\ea4d';
}
/* '' */
.i-crown:before {
    content: '\ea4e';
}
/* '' */
.i-crown-plus:before {
    content: '\ea4f';
}
/* '' */
.i-crown-minus:before {
    content: '\ea50';
}
/* '' */
.i-music-2:before {
    content: '\ea51';
}
/* '' */
.i-search-3:before {
    content: '\ea52';
}
/* '' */
.i-mail-3:before {
    content: '\ea53';
}
/* '' */
.i-heart-3:before {
    content: '\ea54';
}
/* '' */
.i-heart-empty-2:before {
    content: '\ea55';
}
/* '' */
.i-star-3:before {
    content: '\ea56';
}
/* '' */
.i-star-empty-1:before {
    content: '\ea57';
}
/* '' */
.i-star-half:before {
    content: '\ea58';
}
/* '' */
.i-user-3:before {
    content: '\ea59';
}
/* '' */
.i-users:before {
    content: '\ea5a';
}
/* '' */
.i-video-2:before {
    content: '\ea5b';
}
/* '' */
.i-videocam-2:before {
    content: '\ea5c';
}
/* '' */
.i-picture-2:before {
    content: '\ea5d';
}
/* '' */
.i-camera-2:before {
    content: '\ea5e';
}
/* '' */
.i-camera-alt:before {
    content: '\ea5f';
}
/* '' */
.i-th-large-2:before {
    content: '\ea60';
}
/* '' */
.i-th-2:before {
    content: '\ea61';
}
/* '' */
.i-th-list-2:before {
    content: '\ea62';
}
/* '' */
.i-ok-2:before {
    content: '\ea63';
}
/* '' */
.i-ok-circled-1:before {
    content: '\ea64';
}
/* '' */
.i-ok-circled2-1:before {
    content: '\ea65';
}
/* '' */
.i-cancel-2:before {
    content: '\ea66';
}
/* '' */
.i-cancel-circled-1:before {
    content: '\ea67';
}
/* '' */
.i-cancel-circled2-1:before {
    content: '\ea68';
}
/* '' */
.i-plus-1:before {
    content: '\ea69';
}
/* '' */
.i-plus-circled-1:before {
    content: '\ea6a';
}
/* '' */
.i-minus-1:before {
    content: '\ea6b';
}
/* '' */
.i-minus-circled-1:before {
    content: '\ea6c';
}
/* '' */
.i-help-circled-1:before {
    content: '\ea6d';
}
/* '' */
.i-info-circled-1:before {
    content: '\ea6e';
}
/* '' */
.i-home-1:before {
    content: '\ea6f';
}
/* '' */
.i-link-1:before {
    content: '\ea70';
}
/* '' */
.i-attach-3:before {
    content: '\ea71';
}
/* '' */
.i-lock-3:before {
    content: '\ea72';
}
/* '' */
.i-lock-open-2:before {
    content: '\ea73';
}
/* '' */
.i-pin:before {
    content: '\ea74';
}
/* '' */
.i-eye-2:before {
    content: '\ea75';
}
/* '' */
.i-eye-off-1:before {
    content: '\ea76';
}
/* '' */
.i-tag-3:before {
    content: '\ea77';
}
/* '' */
.i-tags-1:before {
    content: '\ea78';
}
/* '' */
.i-bookmark-1:before {
    content: '\ea79';
}
/* '' */
.i-flag-1:before {
    content: '\ea7a';
}
/* '' */
.i-thumbs-up-2:before {
    content: '\ea7b';
}
/* '' */
.i-thumbs-down-1:before {
    content: '\ea7c';
}
/* '' */
.i-download-1:before {
    content: '\ea7d';
}
/* '' */
.i-upload-1:before {
    content: '\ea7e';
}
/* '' */
.i-forward-2:before {
    content: '\ea7f';
}
/* '' */
.i-export-1:before {
    content: '\ea80';
}
/* '' */
.i-pencil-2:before {
    content: '\ea81';
}
/* '' */
.i-edit-1:before {
    content: '\ea82';
}
/* '' */
.i-print-2:before {
    content: '\ea83';
}
/* '' */
.i-retweet-2:before {
    content: '\ea84';
}
/* '' */
.i-comment-3:before {
    content: '\ea85';
}
/* '' */
.i-chat-1:before {
    content: '\ea86';
}
/* '' */
.i-bell-1:before {
    content: '\ea87';
}
/* '' */
.i-attention-1:before {
    content: '\ea88';
}
/* '' */
.i-attention-circled:before {
    content: '\ea89';
}
/* '' */
.i-location-3:before {
    content: '\ea8a';
}
/* '' */
.i-trash-empty:before {
    content: '\ea8b';
}
/* '' */
.i-doc-3:before {
    content: '\ea8c';
}
/* '' */
.i-folder-2:before {
    content: '\ea8d';
}
/* '' */
.i-folder-open-1:before {
    content: '\ea8e';
}
/* '' */
.i-phone-1:before {
    content: '\ea8f';
}
/* '' */
.i-cog-3:before {
    content: '\ea90';
}
/* '' */
.i-cog-alt:before {
    content: '\ea91';
}
/* '' */
.i-wrench-1:before {
    content: '\ea92';
}
/* '' */
.i-basket-1:before {
    content: '\ea93';
}
/* '' */
.i-calendar-3:before {
    content: '\ea94';
}
/* '' */
.i-login-1:before {
    content: '\ea95';
}
/* '' */
.i-logout-1:before {
    content: '\ea96';
}
/* '' */
.i-volume-off-1:before {
    content: '\ea97';
}
/* '' */
.i-volume-down-1:before {
    content: '\ea98';
}
/* '' */
.i-volume-up-1:before {
    content: '\ea99';
}
/* '' */
.i-headphones-1:before {
    content: '\ea9a';
}
/* '' */
.i-clock-3:before {
    content: '\ea9b';
}
/* '' */
.i-block-2:before {
    content: '\ea9c';
}
/* '' */
.i-resize-full-2:before {
    content: '\ea9d';
}
/* '' */
.i-resize-small-1:before {
    content: '\ea9e';
}
/* '' */
.i-resize-vertical-1:before {
    content: '\ea9f';
}
/* '' */
.i-resize-horizontal-1:before {
    content: '\eaa0';
}
/* '' */
.i-zoom-in-1:before {
    content: '\eaa1';
}
/* '' */
.i-zoom-out-1:before {
    content: '\eaa2';
}
/* '' */
.i-down-circled2:before {
    content: '\eaa3';
}
/* '' */
.i-up-circled2:before {
    content: '\eaa4';
}
/* '' */
.i-down-dir-1:before {
    content: '\eaa5';
}
/* '' */
.i-up-dir:before {
    content: '\eaa6';
}
/* '' */
.i-left-dir:before {
    content: '\eaa7';
}
/* '' */
.i-right-dir-1:before {
    content: '\eaa8';
}
/* '' */
.i-down-open-1:before {
    content: '\eaa9';
}
/* '' */
.i-left-open-2:before {
    content: '\eaaa';
}
/* '' */
.i-right-open-2:before {
    content: '\eaab';
}
/* '' */
.i-up-open-1:before {
    content: '\eaac';
}
/* '' */
.i-down-big:before {
    content: '\eaad';
}
/* '' */
.i-left-big:before {
    content: '\eaae';
}
/* '' */
.i-right-big:before {
    content: '\eaaf';
}
/* '' */
.i-up-big:before {
    content: '\eab0';
}
/* '' */
.i-right-hand-1:before {
    content: '\eab1';
}
/* '' */
.i-left-hand-1:before {
    content: '\eab2';
}
/* '' */
.i-up-hand-1:before {
    content: '\eab3';
}
/* '' */
.i-down-hand-1:before {
    content: '\eab4';
}
/* '' */
.i-cw-1:before {
    content: '\eab5';
}
/* '' */
.i-ccw:before {
    content: '\eab6';
}
/* '' */
.i-arrows-cw-2:before {
    content: '\eab7';
}
/* '' */
.i-shuffle-1:before {
    content: '\eab8';
}
/* '' */
.i-play-1:before {
    content: '\eab9';
}
/* '' */
.i-play-circled2-1:before {
    content: '\eaba';
}
/* '' */
.i-stop-1:before {
    content: '\eabb';
}
/* '' */
.i-pause-1:before {
    content: '\eabc';
}
/* '' */
.i-to-end:before {
    content: '\eabd';
}
/* '' */
.i-to-end-alt:before {
    content: '\eabe';
}
/* '' */
.i-to-start:before {
    content: '\eabf';
}
/* '' */
.i-to-start-alt:before {
    content: '\eac0';
}
/* '' */
.i-fast-fw:before {
    content: '\eac1';
}
/* '' */
.i-fast-bw:before {
    content: '\eac2';
}
/* '' */
.i-eject-1:before {
    content: '\eac3';
}
/* '' */
.i-target-2:before {
    content: '\eac4';
}
/* '' */
.i-signal-2:before {
    content: '\eac5';
}
/* '' */
.i-award:before {
    content: '\eac6';
}
/* '' */
.i-inbox-2:before {
    content: '\eac7';
}
/* '' */
.i-globe-2:before {
    content: '\eac8';
}
/* '' */
.i-cloud-3:before {
    content: '\eac9';
}
/* '' */
.i-flash:before {
    content: '\eaca';
}
/* '' */
.i-umbrella:before {
    content: '\eacb';
}
/* '' */
.i-flight-1:before {
    content: '\eacc';
}
/* '' */
.i-leaf-1:before {
    content: '\eacd';
}
/* '' */
.i-font-2:before {
    content: '\eace';
}
/* '' */
.i-bold-1:before {
    content: '\eacf';
}
/* '' */
.i-italic-1:before {
    content: '\ead0';
}
/* '' */
.i-text-height-1:before {
    content: '\ead1';
}
/* '' */
.i-text-width-1:before {
    content: '\ead2';
}
/* '' */
.i-align-left-1:before {
    content: '\ead3';
}
/* '' */
.i-align-center-1:before {
    content: '\ead4';
}
/* '' */
.i-align-right-1:before {
    content: '\ead5';
}
/* '' */
.i-align-justify-1:before {
    content: '\ead6';
}
/* '' */
.i-list-2:before {
    content: '\ead7';
}
/* '' */
.i-indent-left-2:before {
    content: '\ead8';
}
/* '' */
.i-indent-right-2:before {
    content: '\ead9';
}
/* '' */
.i-scissors:before {
    content: '\eada';
}
/* '' */
.i-briefcase-1:before {
    content: '\eadb';
}
/* '' */
.i-off-1:before {
    content: '\eadc';
}
/* '' */
.i-road-1:before {
    content: '\eadd';
}
/* '' */
.i-list-alt:before {
    content: '\eade';
}
/* '' */
.i-qrcode-1:before {
    content: '\eadf';
}
/* '' */
.i-barcode-1:before {
    content: '\eae0';
}
/* '' */
.i-book-1:before {
    content: '\eae1';
}
/* '' */
.i-adjust-1:before {
    content: '\eae2';
}
/* '' */
.i-tint-1:before {
    content: '\eae3';
}
/* '' */
.i-check-1:before {
    content: '\eae4';
}
/* '' */
.i-asterisk-1:before {
    content: '\eae5';
}
/* '' */
.i-gift-1:before {
    content: '\eae6';
}
/* '' */
.i-fire-2:before {
    content: '\eae7';
}
/* '' */
.i-magnet-1:before {
    content: '\eae8';
}
/* '' */
.i-chart-bar:before {
    content: '\eae9';
}
/* '' */
.i-credit-card-2:before {
    content: '\eaea';
}
/* '' */
.i-floppy:before {
    content: '\eaeb';
}
/* '' */
.i-megaphone-2:before {
    content: '\eaec';
}
/* '' */
.i-key-2:before {
    content: '\eaed';
}
/* '' */
.i-truck-1:before {
    content: '\eaee';
}
/* '' */
.i-hammer:before {
    content: '\eaef';
}
/* '' */
.i-facebook-squared:before {
    content: '\eaf0';
}
/* '' */
.i-github-squared:before {
    content: '\eaf1';
}
/* '' */
.i-linkedin-squared:before {
    content: '\eaf2';
}
/* '' */
.i-twitter-squared:before {
    content: '\eaf3';
}
/* '' */
.i-lemon:before {
    content: '\eaf4';
}
/* '' */
.i-note-1:before {
    content: '\eaf5';
}
/* '' */
.i-note-beamed:before {
    content: '\eaf6';
}
/* '' */
.i-music-3:before {
    content: '\eaf7';
}
/* '' */
.i-search-4:before {
    content: '\eaf8';
}
/* '' */
.i-flashlight:before {
    content: '\eaf9';
}
/* '' */
.i-mail-4:before {
    content: '\eafa';
}
/* '' */
.i-heart-4:before {
    content: '\eafb';
}
/* '' */
.i-heart-empty-3:before {
    content: '\eafc';
}
/* '' */
.i-star-4:before {
    content: '\eafd';
}
/* '' */
.i-star-empty-2:before {
    content: '\eafe';
}
/* '' */
.i-user-4:before {
    content: '\eaff';
}
/* '' */
.i-users-1:before {
    content: '\eb00';
}
/* '' */
.i-user-add:before {
    content: '\eb01';
}
/* '' */
.i-video-3:before {
    content: '\eb02';
}
/* '' */
.i-picture-3:before {
    content: '\eb03';
}
/* '' */
.i-camera-3:before {
    content: '\eb04';
}
/* '' */
.i-layout:before {
    content: '\eb05';
}
/* '' */
.i-menu-1:before {
    content: '\eb06';
}
/* '' */
.i-check-2:before {
    content: '\eb07';
}
/* '' */
.i-cancel-3:before {
    content: '\eb08';
}
/* '' */
.i-cancel-circled-2:before {
    content: '\eb09';
}
/* '' */
.i-cancel-squared:before {
    content: '\eb0a';
}
/* '' */
.i-plus-2:before {
    content: '\eb0b';
}
/* '' */
.i-plus-circled-2:before {
    content: '\eb0c';
}
/* '' */
.i-plus-squared-1:before {
    content: '\eb0d';
}
/* '' */
.i-minus-2:before {
    content: '\eb0e';
}
/* '' */
.i-minus-circled-2:before {
    content: '\eb0f';
}
/* '' */
.i-minus-squared-1:before {
    content: '\eb10';
}
/* '' */
.i-help-2:before {
    content: '\eb11';
}
/* '' */
.i-help-circled-2:before {
    content: '\eb12';
}
/* '' */
.i-info-1:before {
    content: '\eb13';
}
/* '' */
.i-info-circled-2:before {
    content: '\eb14';
}
/* '' */
.i-back:before {
    content: '\eb15';
}
/* '' */
.i-home-2:before {
    content: '\eb16';
}
/* '' */
.i-link-2:before {
    content: '\eb17';
}
/* '' */
.i-attach-4:before {
    content: '\eb18';
}
/* '' */
.i-lock-4:before {
    content: '\eb19';
}
/* '' */
.i-lock-open-3:before {
    content: '\eb1a';
}
/* '' */
.i-eye-3:before {
    content: '\eb1b';
}
/* '' */
.i-tag-4:before {
    content: '\eb1c';
}
/* '' */
.i-bookmark-2:before {
    content: '\eb1d';
}
/* '' */
.i-bookmarks:before {
    content: '\eb1e';
}
/* '' */
.i-flag-2:before {
    content: '\eb1f';
}
/* '' */
.i-thumbs-up-3:before {
    content: '\eb20';
}
/* '' */
.i-thumbs-down-2:before {
    content: '\eb21';
}
/* '' */
.i-download-2:before {
    content: '\eb22';
}
/* '' */
.i-upload-2:before {
    content: '\eb23';
}
/* '' */
.i-upload-cloud-1:before {
    content: '\eb24';
}
/* '' */
.i-reply-2:before {
    content: '\eb25';
}
/* '' */
.i-reply-all-2:before {
    content: '\eb26';
}
/* '' */
.i-forward-3:before {
    content: '\eb27';
}
/* '' */
.i-quote-1:before {
    content: '\eb28';
}
/* '' */
.i-code-2:before {
    content: '\eb29';
}
/* '' */
.i-export-2:before {
    content: '\eb2a';
}
/* '' */
.i-pencil-3:before {
    content: '\eb2b';
}
/* '' */
.i-feather:before {
    content: '\eb2c';
}
/* '' */
.i-print-3:before {
    content: '\eb2d';
}
/* '' */
.i-retweet-3:before {
    content: '\eb2e';
}
/* '' */
.i-keyboard-1:before {
    content: '\eb2f';
}
/* '' */
.i-comment-4:before {
    content: '\eb30';
}
/* '' */
.i-chat-2:before {
    content: '\eb31';
}
/* '' */
.i-bell-2:before {
    content: '\eb32';
}
/* '' */
.i-attention-2:before {
    content: '\eb33';
}
/* '' */
.i-alert:before {
    content: '\eb34';
}
/* '' */
.i-vcard:before {
    content: '\eb35';
}
/* '' */
.i-address:before {
    content: '\eb36';
}
/* '' */
.i-location-4:before {
    content: '\eb37';
}
/* '' */
.i-map-1:before {
    content: '\eb38';
}
/* '' */
.i-direction-1:before {
    content: '\eb39';
}
/* '' */
.i-compass-2:before {
    content: '\eb3a';
}
/* '' */
.i-cup-1:before {
    content: '\eb3b';
}
/* '' */
.i-trash-4:before {
    content: '\eb3c';
}
/* '' */
.i-doc-4:before {
    content: '\eb3d';
}
/* '' */
.i-docs-1:before {
    content: '\eb3e';
}
/* '' */
.i-doc-landscape:before {
    content: '\eb3f';
}
/* '' */
.i-doc-text-1:before {
    content: '\eb40';
}
/* '' */
.i-doc-text-inv-1:before {
    content: '\eb41';
}
/* '' */
.i-newspaper-1:before {
    content: '\eb42';
}
/* '' */
.i-book-open:before {
    content: '\eb43';
}
/* '' */
.i-book-2:before {
    content: '\eb44';
}
/* '' */
.i-folder-3:before {
    content: '\eb45';
}
/* '' */
.i-archive-1:before {
    content: '\eb46';
}
/* '' */
.i-box-2:before {
    content: '\eb47';
}
/* '' */
.i-rss-4:before {
    content: '\eb48';
}
/* '' */
.i-phone-2:before {
    content: '\eb49';
}
/* '' */
.i-cog-4:before {
    content: '\eb4a';
}
/* '' */
.i-tools:before {
    content: '\eb4b';
}
/* '' */
.i-share-2:before {
    content: '\eb4c';
}
/* '' */
.i-shareable:before {
    content: '\eb4d';
}
/* '' */
.i-basket-2:before {
    content: '\eb4e';
}
/* '' */
.i-bag:before {
    content: '\eb4f';
}
/* '' */
.i-calendar-4:before {
    content: '\eb50';
}
/* '' */
.i-login-2:before {
    content: '\eb51';
}
/* '' */
.i-logout-2:before {
    content: '\eb52';
}
/* '' */
.i-mic:before {
    content: '\eb53';
}
/* '' */
.i-mute:before {
    content: '\eb54';
}
/* '' */
.i-sound-1:before {
    content: '\eb55';
}
/* '' */
.i-volume-1:before {
    content: '\eb56';
}
/* '' */
.i-clock-4:before {
    content: '\eb57';
}
/* '' */
.i-hourglass-4:before {
    content: '\eb58';
}
/* '' */
.i-lamp:before {
    content: '\eb59';
}
/* '' */
.i-light-down:before {
    content: '\eb5a';
}
/* '' */
.i-light-up:before {
    content: '\eb5b';
}
/* '' */
.i-adjust-2:before {
    content: '\eb5c';
}
/* '' */
.i-block-3:before {
    content: '\eb5d';
}
/* '' */
.i-resize-full-3:before {
    content: '\eb5e';
}
/* '' */
.i-resize-small-2:before {
    content: '\eb5f';
}
/* '' */
.i-popup-1:before {
    content: '\eb60';
}
/* '' */
.i-publish:before {
    content: '\eb61';
}
/* '' */
.i-window:before {
    content: '\eb62';
}
/* '' */
.i-arrow-combo:before {
    content: '\eb63';
}
/* '' */
.i-down-circled-2:before {
    content: '\eb64';
}
/* '' */
.i-left-circled-2:before {
    content: '\eb65';
}
/* '' */
.i-right-circled-2:before {
    content: '\eb66';
}
/* '' */
.i-up-circled-2:before {
    content: '\eb67';
}
/* '' */
.i-down-open-2:before {
    content: '\eb68';
}
/* '' */
.i-left-open-3:before {
    content: '\eb69';
}
/* '' */
.i-right-open-3:before {
    content: '\eb6a';
}
/* '' */
.i-up-open-2:before {
    content: '\eb6b';
}
/* '' */
.i-down-open-mini:before {
    content: '\eb6c';
}
/* '' */
.i-left-open-mini:before {
    content: '\eb6d';
}
/* '' */
.i-right-open-mini:before {
    content: '\eb6e';
}
/* '' */
.i-up-open-mini:before {
    content: '\eb6f';
}
/* '' */
.i-down-open-big:before {
    content: '\eb70';
}
/* '' */
.i-left-open-big:before {
    content: '\eb71';
}
/* '' */
.i-right-open-big:before {
    content: '\eb72';
}
/* '' */
.i-up-open-big:before {
    content: '\eb73';
}
/* '' */
.i-down-2:before {
    content: '\eb74';
}
/* '' */
.i-left-2:before {
    content: '\eb75';
}
/* '' */
.i-right-2:before {
    content: '\eb76';
}
/* '' */
.i-up-2:before {
    content: '\eb77';
}
/* '' */
.i-down-dir-2:before {
    content: '\eb78';
}
/* '' */
.i-left-dir-1:before {
    content: '\eb79';
}
/* '' */
.i-right-dir-2:before {
    content: '\eb7a';
}
/* '' */
.i-up-dir-1:before {
    content: '\eb7b';
}
/* '' */
.i-down-bold:before {
    content: '\eb7c';
}
/* '' */
.i-left-bold:before {
    content: '\eb7d';
}
/* '' */
.i-right-bold:before {
    content: '\eb7e';
}
/* '' */
.i-up-bold:before {
    content: '\eb7f';
}
/* '' */
.i-down-thin:before {
    content: '\eb80';
}
/* '' */
.i-left-thin:before {
    content: '\eb81';
}
/* '' */
.i-right-thin:before {
    content: '\eb82';
}
/* '' */
.i-up-thin:before {
    content: '\eb83';
}
/* '' */
.i-ccw-1:before {
    content: '\eb84';
}
/* '' */
.i-cw-2:before {
    content: '\eb85';
}
/* '' */
.i-arrows-ccw:before {
    content: '\eb86';
}
/* '' */
.i-level-down-1:before {
    content: '\eb87';
}
/* '' */
.i-level-up-1:before {
    content: '\eb88';
}
/* '' */
.i-shuffle-2:before {
    content: '\eb89';
}
/* '' */
.i-loop:before {
    content: '\eb8a';
}
/* '' */
.i-switch:before {
    content: '\eb8b';
}
/* '' */
.i-play-2:before {
    content: '\eb8c';
}
/* '' */
.i-stop-2:before {
    content: '\eb8d';
}
/* '' */
.i-pause-2:before {
    content: '\eb8e';
}
/* '' */
.i-record-1:before {
    content: '\eb8f';
}
/* '' */
.i-to-end-1:before {
    content: '\eb90';
}
/* '' */
.i-to-start-1:before {
    content: '\eb91';
}
/* '' */
.i-fast-forward-1:before {
    content: '\eb92';
}
/* '' */
.i-fast-backward-1:before {
    content: '\eb93';
}
/* '' */
.i-progress-8:before {
    content: '\eb94';
}
/* '' */
.i-progress-9:before {
    content: '\eb95';
}
/* '' */
.i-progress-10:before {
    content: '\eb96';
}
/* '' */
.i-progress-11:before {
    content: '\eb97';
}
/* '' */
.i-target-3:before {
    content: '\eb98';
}
/* '' */
.i-palette:before {
    content: '\eb99';
}
/* '' */
.i-list-3:before {
    content: '\eb9a';
}
/* '' */
.i-list-add:before {
    content: '\eb9b';
}
/* '' */
.i-signal-3:before {
    content: '\eb9c';
}
/* '' */
.i-trophy:before {
    content: '\eb9d';
}
/* '' */
.i-battery:before {
    content: '\eb9e';
}
/* '' */
.i-back-in-time:before {
    content: '\eb9f';
}
/* '' */
.i-monitor:before {
    content: '\eba0';
}
/* '' */
.i-mobile-2:before {
    content: '\eba1';
}
/* '' */
.i-network-1:before {
    content: '\eba2';
}
/* '' */
.i-cd-1:before {
    content: '\eba3';
}
/* '' */
.i-inbox-3:before {
    content: '\eba4';
}
/* '' */
.i-install:before {
    content: '\eba5';
}
/* '' */
.i-globe-3:before {
    content: '\eba6';
}
/* '' */
.i-cloud-4:before {
    content: '\eba7';
}
/* '' */
.i-cloud-thunder:before {
    content: '\eba8';
}
/* '' */
.i-flash-1:before {
    content: '\eba9';
}
/* '' */
.i-moon-1:before {
    content: '\ebaa';
}
/* '' */
.i-flight-2:before {
    content: '\ebab';
}
/* '' */
.i-paper-plane-2:before {
    content: '\ebac';
}
/* '' */
.i-leaf-2:before {
    content: '\ebad';
}
/* '' */
.i-lifebuoy-1:before {
    content: '\ebae';
}
/* '' */
.i-mouse:before {
    content: '\ebaf';
}
/* '' */
.i-briefcase-2:before {
    content: '\ebb0';
}
/* '' */
.i-suitcase-1:before {
    content: '\ebb1';
}
/* '' */
.i-dot:before {
    content: '\ebb2';
}
/* '' */
.i-dot-2:before {
    content: '\ebb3';
}
/* '' */
.i-dot-3:before {
    content: '\ebb4';
}
/* '' */
.i-brush-1:before {
    content: '\ebb5';
}
/* '' */
.i-magnet-2:before {
    content: '\ebb6';
}
/* '' */
.i-infinity:before {
    content: '\ebb7';
}
/* '' */
.i-erase:before {
    content: '\ebb8';
}
/* '' */
.i-chart-pie-1:before {
    content: '\ebb9';
}
/* '' */
.i-chart-line-1:before {
    content: '\ebba';
}
/* '' */
.i-chart-bar-1:before {
    content: '\ebbb';
}
/* '' */
.i-chart-area-1:before {
    content: '\ebbc';
}
/* '' */
.i-tape:before {
    content: '\ebbd';
}
/* '' */
.i-graduation-cap-2:before {
    content: '\ebbe';
}
/* '' */
.i-language-1:before {
    content: '\ebbf';
}
/* '' */
.i-ticket-1:before {
    content: '\ebc0';
}
/* '' */
.i-water:before {
    content: '\ebc1';
}
/* '' */
.i-droplet:before {
    content: '\ebc2';
}
/* '' */
.i-air:before {
    content: '\ebc3';
}
/* '' */
.i-credit-card-3:before {
    content: '\ebc4';
}
/* '' */
.i-floppy-1:before {
    content: '\ebc5';
}
/* '' */
.i-clipboard-1:before {
    content: '\ebc6';
}
/* '' */
.i-megaphone-3:before {
    content: '\ebc7';
}
/* '' */
.i-database-2:before {
    content: '\ebc8';
}
/* '' */
.i-drive:before {
    content: '\ebc9';
}
/* '' */
.i-bucket:before {
    content: '\ebca';
}
/* '' */
.i-thermometer-1:before {
    content: '\ebcb';
}
/* '' */
.i-key-3:before {
    content: '\ebcc';
}
/* '' */
.i-flow-cascade:before {
    content: '\ebcd';
}
/* '' */
.i-flow-branch:before {
    content: '\ebce';
}
/* '' */
.i-flow-tree:before {
    content: '\ebcf';
}
/* '' */
.i-flow-line:before {
    content: '\ebd0';
}
/* '' */
.i-flow-parallel:before {
    content: '\ebd1';
}
/* '' */
.i-rocket-1:before {
    content: '\ebd2';
}
/* '' */
.i-gauge-2:before {
    content: '\ebd3';
}
/* '' */
.i-traffic-cone:before {
    content: '\ebd4';
}
/* '' */
.i-cc-3:before {
    content: '\ebd5';
}
/* '' */
.i-cc-by:before {
    content: '\ebd6';
}
/* '' */
.i-cc-nc:before {
    content: '\ebd7';
}
/* '' */
.i-cc-nc-eu:before {
    content: '\ebd8';
}
/* '' */
.i-cc-nc-jp:before {
    content: '\ebd9';
}
/* '' */
.i-cc-sa:before {
    content: '\ebda';
}
/* '' */
.i-cc-nd:before {
    content: '\ebdb';
}
/* '' */
.i-cc-pd:before {
    content: '\ebdc';
}
/* '' */
.i-cc-zero:before {
    content: '\ebdd';
}
/* '' */
.i-cc-share:before {
    content: '\ebde';
}
/* '' */
.i-cc-remix:before {
    content: '\ebdf';
}
/* '' */
.i-github-4:before {
    content: '\ebe0';
}
/* '' */
.i-github-circled-2:before {
    content: '\ebe1';
}
/* '' */
.i-flickr-3:before {
    content: '\ebe2';
}
/* '' */
.i-flickr-circled:before {
    content: '\ebe3';
}
/* '' */
.i-vimeo-4:before {
    content: '\ebe4';
}
/* '' */
.i-vimeo-circled:before {
    content: '\ebe5';
}
/* '' */
.i-twitter-4:before {
    content: '\ebe6';
}
/* '' */
.i-twitter-circled:before {
    content: '\ebe7';
}
/* '' */
.i-facebook-4:before {
    content: '\ebe8';
}
/* '' */
.i-facebook-circled:before {
    content: '\ebe9';
}
/* '' */
.i-facebook-squared-1:before {
    content: '\ebea';
}
/* '' */
.i-gplus-2:before {
    content: '\ebeb';
}
/* '' */
.i-gplus-circled:before {
    content: '\ebec';
}
/* '' */
.i-pinterest-3:before {
    content: '\ebed';
}
/* '' */
.i-pinterest-circled-1:before {
    content: '\ebee';
}
/* '' */
.i-tumblr-4:before {
    content: '\ebef';
}
/* '' */
.i-tumblr-circled:before {
    content: '\ebf0';
}
/* '' */
.i-linkedin-4:before {
    content: '\ebf1';
}
/* '' */
.i-linkedin-circled:before {
    content: '\ebf2';
}
/* '' */
.i-dribbble-3:before {
    content: '\ebf3';
}
/* '' */
.i-dribbble-circled:before {
    content: '\ebf4';
}
/* '' */
.i-stumbleupon-3:before {
    content: '\ebf5';
}
/* '' */
.i-stumbleupon-circled-1:before {
    content: '\ebf6';
}
/* '' */
.i-lastfm-3:before {
    content: '\ebf7';
}
/* '' */
.i-lastfm-circled:before {
    content: '\ebf8';
}
/* '' */
.i-rdio:before {
    content: '\ebf9';
}
/* '' */
.i-rdio-circled:before {
    content: '\ebfa';
}
/* '' */
.i-spotify-2:before {
    content: '\ebfb';
}
/* '' */
.i-spotify-circled:before {
    content: '\ebfc';
}
/* '' */
.i-qq-1:before {
    content: '\ebfd';
}
/* '' */
.i-music-outline:before {
    content: '\ebfe';
}
/* '' */
.i-music-4:before {
    content: '\ebff';
}
/* '' */
.i-search-outline:before {
    content: '\ec00';
}
/* '' */
.i-search-5:before {
    content: '\ec01';
}
/* '' */
.i-mail-5:before {
    content: '\ec02';
}
/* '' */
.i-heart-5:before {
    content: '\ec03';
}
/* '' */
.i-heart-filled:before {
    content: '\ec04';
}
/* '' */
.i-star-5:before {
    content: '\ec05';
}
/* '' */
.i-star-filled:before {
    content: '\ec06';
}
/* '' */
.i-user-outline:before {
    content: '\ec07';
}
/* '' */
.i-user-5:before {
    content: '\ec08';
}
/* '' */
.i-users-outline:before {
    content: '\ec09';
}
/* '' */
.i-users-2:before {
    content: '\ec0a';
}
/* '' */
.i-user-add-outline:before {
    content: '\ec0b';
}
/* '' */
.i-user-add-1:before {
    content: '\ec0c';
}
/* '' */
.i-user-delete-outline:before {
    content: '\ec0d';
}
/* '' */
.i-user-delete:before {
    content: '\ec0e';
}
/* '' */
.i-video-4:before {
    content: '\ec0f';
}
/* '' */
.i-videocam-outline:before {
    content: '\ec10';
}
/* '' */
.i-videocam-3:before {
    content: '\ec11';
}
/* '' */
.i-picture-outline:before {
    content: '\ec12';
}
/* '' */
.i-picture-4:before {
    content: '\ec13';
}
/* '' */
.i-camera-outline:before {
    content: '\ec14';
}
/* '' */
.i-camera-4:before {
    content: '\ec15';
}
/* '' */
.i-th-outline:before {
    content: '\ec16';
}
/* '' */
.i-th-3:before {
    content: '\ec17';
}
/* '' */
.i-th-large-outline:before {
    content: '\ec18';
}
/* '' */
.i-th-large-3:before {
    content: '\ec19';
}
/* '' */
.i-th-list-outline:before {
    content: '\ec1a';
}
/* '' */
.i-th-list-3:before {
    content: '\ec1b';
}
/* '' */
.i-ok-outline:before {
    content: '\ec1c';
}
/* '' */
.i-ok-3:before {
    content: '\ec1d';
}
/* '' */
.i-cancel-outline:before {
    content: '\ec1e';
}
/* '' */
.i-cancel-4:before {
    content: '\ec1f';
}
/* '' */
.i-cancel-alt:before {
    content: '\ec20';
}
/* '' */
.i-cancel-alt-filled:before {
    content: '\ec21';
}
/* '' */
.i-cancel-circled-outline:before {
    content: '\ec22';
}
/* '' */
.i-cancel-circled-3:before {
    content: '\ec23';
}
/* '' */
.i-plus-outline:before {
    content: '\ec24';
}
/* '' */
.i-plus-3:before {
    content: '\ec25';
}
/* '' */
.i-minus-outline:before {
    content: '\ec26';
}
/* '' */
.i-minus-3:before {
    content: '\ec27';
}
/* '' */
.i-divide-outline:before {
    content: '\ec28';
}
/* '' */
.i-divide:before {
    content: '\ec29';
}
/* '' */
.i-eq-outline:before {
    content: '\ec2a';
}
/* '' */
.i-eq:before {
    content: '\ec2b';
}
/* '' */
.i-info-outline:before {
    content: '\ec2c';
}
/* '' */
.i-info-2:before {
    content: '\ec2d';
}
/* '' */
.i-home-outline:before {
    content: '\ec2e';
}
/* '' */
.i-home-3:before {
    content: '\ec2f';
}
/* '' */
.i-link-outline:before {
    content: '\ec30';
}
/* '' */
.i-link-3:before {
    content: '\ec31';
}
/* '' */
.i-attach-outline:before {
    content: '\ec32';
}
/* '' */
.i-attach-5:before {
    content: '\ec33';
}
/* '' */
.i-lock-5:before {
    content: '\ec34';
}
/* '' */
.i-lock-filled:before {
    content: '\ec35';
}
/* '' */
.i-lock-open-4:before {
    content: '\ec36';
}
/* '' */
.i-lock-open-filled:before {
    content: '\ec37';
}
/* '' */
.i-pin-outline:before {
    content: '\ec38';
}
/* '' */
.i-pin-1:before {
    content: '\ec39';
}
/* '' */
.i-eye-outline:before {
    content: '\ec3a';
}
/* '' */
.i-eye-4:before {
    content: '\ec3b';
}
/* '' */
.i-tag-5:before {
    content: '\ec3c';
}
/* '' */
.i-tags-2:before {
    content: '\ec3d';
}
/* '' */
.i-bookmark-3:before {
    content: '\ec3e';
}
/* '' */
.i-flag-3:before {
    content: '\ec3f';
}
/* '' */
.i-flag-filled:before {
    content: '\ec40';
}
/* '' */
.i-thumbs-up-4:before {
    content: '\ec41';
}
/* '' */
.i-thumbs-down-3:before {
    content: '\ec42';
}
/* '' */
.i-download-outline:before {
    content: '\ec43';
}
/* '' */
.i-download-3:before {
    content: '\ec44';
}
/* '' */
.i-upload-outline:before {
    content: '\ec45';
}
/* '' */
.i-upload-3:before {
    content: '\ec46';
}
/* '' */
.i-upload-cloud-outline:before {
    content: '\ec47';
}
/* '' */
.i-upload-cloud-2:before {
    content: '\ec48';
}
/* '' */
.i-reply-outline:before {
    content: '\ec49';
}
/* '' */
.i-reply-3:before {
    content: '\ec4a';
}
/* '' */
.i-forward-outline:before {
    content: '\ec4b';
}
/* '' */
.i-forward-4:before {
    content: '\ec4c';
}
/* '' */
.i-code-outline:before {
    content: '\ec4d';
}
/* '' */
.i-code-3:before {
    content: '\ec4e';
}
/* '' */
.i-export-outline:before {
    content: '\ec4f';
}
/* '' */
.i-export-3:before {
    content: '\ec50';
}
/* '' */
.i-pencil-4:before {
    content: '\ec51';
}
/* '' */
.i-pen:before {
    content: '\ec52';
}
/* '' */
.i-feather-1:before {
    content: '\ec53';
}
/* '' */
.i-edit-2:before {
    content: '\ec54';
}
/* '' */
.i-print-4:before {
    content: '\ec55';
}
/* '' */
.i-comment-5:before {
    content: '\ec56';
}
/* '' */
.i-chat-3:before {
    content: '\ec57';
}
/* '' */
.i-chat-alt:before {
    content: '\ec58';
}
/* '' */
.i-bell-3:before {
    content: '\ec59';
}
/* '' */
.i-attention-3:before {
    content: '\ec5a';
}
/* '' */
.i-attention-filled:before {
    content: '\ec5b';
}
/* '' */
.i-warning-empty:before {
    content: '\ec5c';
}
/* '' */
.i-warning-1:before {
    content: '\ec5d';
}
/* '' */
.i-contacts:before {
    content: '\ec5e';
}
/* '' */
.i-vcard-1:before {
    content: '\ec5f';
}
/* '' */
.i-address-1:before {
    content: '\ec60';
}
/* '' */
.i-location-outline:before {
    content: '\ec61';
}
/* '' */
.i-location-5:before {
    content: '\ec62';
}
/* '' */
.i-map-2:before {
    content: '\ec63';
}
/* '' */
.i-direction-outline:before {
    content: '\ec64';
}
/* '' */
.i-direction-2:before {
    content: '\ec65';
}
/* '' */
.i-compass-3:before {
    content: '\ec66';
}
/* '' */
.i-trash-5:before {
    content: '\ec67';
}
/* '' */
.i-doc-5:before {
    content: '\ec68';
}
/* '' */
.i-doc-text-2:before {
    content: '\ec69';
}
/* '' */
.i-doc-add:before {
    content: '\ec6a';
}
/* '' */
.i-doc-remove:before {
    content: '\ec6b';
}
/* '' */
.i-news:before {
    content: '\ec6c';
}
/* '' */
.i-folder-4:before {
    content: '\ec6d';
}
/* '' */
.i-folder-add:before {
    content: '\ec6e';
}
/* '' */
.i-folder-delete:before {
    content: '\ec6f';
}
/* '' */
.i-archive-2:before {
    content: '\ec70';
}
/* '' */
.i-box-3:before {
    content: '\ec71';
}
/* '' */
.i-rss-outline:before {
    content: '\ec72';
}
/* '' */
.i-rss-5:before {
    content: '\ec73';
}
/* '' */
.i-phone-outline:before {
    content: '\ec74';
}
/* '' */
.i-phone-3:before {
    content: '\ec75';
}
/* '' */
.i-menu-outline:before {
    content: '\ec76';
}
/* '' */
.i-menu-2:before {
    content: '\ec77';
}
/* '' */
.i-cog-outline:before {
    content: '\ec78';
}
/* '' */
.i-cog-5:before {
    content: '\ec79';
}
/* '' */
.i-wrench-outline:before {
    content: '\ec7a';
}
/* '' */
.i-wrench-2:before {
    content: '\ec7b';
}
/* '' */
.i-basket-3:before {
    content: '\ec7c';
}
/* '' */
.i-calendar-outlilne:before {
    content: '\ec7d';
}
/* '' */
.i-calendar-5:before {
    content: '\ec7e';
}
/* '' */
.i-mic-outline:before {
    content: '\ec7f';
}
/* '' */
.i-mic-2:before {
    content: '\ec80';
}
/* '' */
.i-volume-off-2:before {
    content: '\ec81';
}
/* '' */
.i-volume-low:before {
    content: '\ec82';
}
/* '' */
.i-volume-middle:before {
    content: '\ec83';
}
/* '' */
.i-volume-high:before {
    content: '\ec84';
}
/* '' */
.i-headphones-2:before {
    content: '\ec85';
}
/* '' */
.i-clock-5:before {
    content: '\ec86';
}
/* '' */
.i-wristwatch:before {
    content: '\ec87';
}
/* '' */
.i-stopwatch:before {
    content: '\ec88';
}
/* '' */
.i-lightbulb-3:before {
    content: '\ec89';
}
/* '' */
.i-block-outline:before {
    content: '\ec8a';
}
/* '' */
.i-block-4:before {
    content: '\ec8b';
}
/* '' */
.i-resize-full-outline:before {
    content: '\ec8c';
}
/* '' */
.i-resize-full-4:before {
    content: '\ec8d';
}
/* '' */
.i-resize-normal-outline:before {
    content: '\ec8e';
}
/* '' */
.i-resize-normal:before {
    content: '\ec8f';
}
/* '' */
.i-move-outline:before {
    content: '\ec90';
}
/* '' */
.i-move-2:before {
    content: '\ec91';
}
/* '' */
.i-popup-2:before {
    content: '\ec92';
}
/* '' */
.i-zoom-in-outline:before {
    content: '\ec93';
}
/* '' */
.i-zoom-in-2:before {
    content: '\ec94';
}
/* '' */
.i-zoom-out-outline:before {
    content: '\ec95';
}
/* '' */
.i-zoom-out-2:before {
    content: '\ec96';
}
/* '' */
.i-popup-3:before {
    content: '\ec97';
}
/* '' */
.i-left-open-outline:before {
    content: '\ec98';
}
/* '' */
.i-left-open-4:before {
    content: '\ec99';
}
/* '' */
.i-right-open-outline:before {
    content: '\ec9a';
}
/* '' */
.i-right-open-4:before {
    content: '\ec9b';
}
/* '' */
.i-down-3:before {
    content: '\ec9c';
}
/* '' */
.i-left-3:before {
    content: '\ec9d';
}
/* '' */
.i-right-3:before {
    content: '\ec9e';
}
/* '' */
.i-up-3:before {
    content: '\ec9f';
}
/* '' */
.i-down-outline:before {
    content: '\eca0';
}
/* '' */
.i-left-outline:before {
    content: '\eca1';
}
/* '' */
.i-right-outline:before {
    content: '\eca2';
}
/* '' */
.i-up-outline:before {
    content: '\eca3';
}
/* '' */
.i-down-small:before {
    content: '\eca4';
}
/* '' */
.i-left-small:before {
    content: '\eca5';
}
/* '' */
.i-right-small:before {
    content: '\eca6';
}
/* '' */
.i-up-small:before {
    content: '\eca7';
}
/* '' */
.i-cw-outline:before {
    content: '\eca8';
}
/* '' */
.i-cw-3:before {
    content: '\eca9';
}
/* '' */
.i-arrows-cw-outline:before {
    content: '\ecaa';
}
/* '' */
.i-arrows-cw-3:before {
    content: '\ecab';
}
/* '' */
.i-loop-outline:before {
    content: '\ecac';
}
/* '' */
.i-loop-1:before {
    content: '\ecad';
}
/* '' */
.i-loop-alt-outline:before {
    content: '\ecae';
}
/* '' */
.i-loop-alt:before {
    content: '\ecaf';
}
/* '' */
.i-shuffle-3:before {
    content: '\ecb0';
}
/* '' */
.i-play-outline:before {
    content: '\ecb1';
}
/* '' */
.i-play-3:before {
    content: '\ecb2';
}
/* '' */
.i-stop-outline:before {
    content: '\ecb3';
}
/* '' */
.i-stop-3:before {
    content: '\ecb4';
}
/* '' */
.i-pause-outline:before {
    content: '\ecb5';
}
/* '' */
.i-pause-3:before {
    content: '\ecb6';
}
/* '' */
.i-fast-fw-outline:before {
    content: '\ecb7';
}
/* '' */
.i-fast-fw-1:before {
    content: '\ecb8';
}
/* '' */
.i-rewind-outline:before {
    content: '\ecb9';
}
/* '' */
.i-rewind:before {
    content: '\ecba';
}
/* '' */
.i-record-outline:before {
    content: '\ecbb';
}
/* '' */
.i-record-2:before {
    content: '\ecbc';
}
/* '' */
.i-eject-outline:before {
    content: '\ecbd';
}
/* '' */
.i-eject-2:before {
    content: '\ecbe';
}
/* '' */
.i-eject-alt-outline:before {
    content: '\ecbf';
}
/* '' */
.i-eject-alt:before {
    content: '\ecc0';
}
/* '' */
.i-bat1:before {
    content: '\ecc1';
}
/* '' */
.i-bat2:before {
    content: '\ecc2';
}
/* '' */
.i-bat3:before {
    content: '\ecc3';
}
/* '' */
.i-bat4:before {
    content: '\ecc4';
}
/* '' */
.i-bat-charge:before {
    content: '\ecc5';
}
/* '' */
.i-plug-1:before {
    content: '\ecc6';
}
/* '' */
.i-target-outline:before {
    content: '\ecc7';
}
/* '' */
.i-target-4:before {
    content: '\ecc8';
}
/* '' */
.i-wifi-outline:before {
    content: '\ecc9';
}
/* '' */
.i-wifi-1:before {
    content: '\ecca';
}
/* '' */
.i-desktop-3:before {
    content: '\eccb';
}
/* '' */
.i-laptop-2:before {
    content: '\eccc';
}
/* '' */
.i-tablet-1:before {
    content: '\eccd';
}
/* '' */
.i-mobile-3:before {
    content: '\ecce';
}
/* '' */
.i-contrast:before {
    content: '\eccf';
}
/* '' */
.i-globe-outline:before {
    content: '\ecd0';
}
/* '' */
.i-globe-4:before {
    content: '\ecd1';
}
/* '' */
.i-globe-alt-outline:before {
    content: '\ecd2';
}
/* '' */
.i-globe-alt-1:before {
    content: '\ecd3';
}
/* '' */
.i-sun-1:before {
    content: '\ecd4';
}
/* '' */
.i-sun-filled:before {
    content: '\ecd5';
}
/* '' */
.i-cloud-5:before {
    content: '\ecd6';
}
/* '' */
.i-flash-outline:before {
    content: '\ecd7';
}
/* '' */
.i-flash-2:before {
    content: '\ecd8';
}
/* '' */
.i-moon-2:before {
    content: '\ecd9';
}
/* '' */
.i-waves-outline:before {
    content: '\ecda';
}
/* '' */
.i-waves:before {
    content: '\ecdb';
}
/* '' */
.i-rain:before {
    content: '\ecdc';
}
/* '' */
.i-cloud-sun:before {
    content: '\ecdd';
}
/* '' */
.i-drizzle:before {
    content: '\ecde';
}
/* '' */
.i-snow:before {
    content: '\ecdf';
}
/* '' */
.i-cloud-flash:before {
    content: '\ece0';
}
/* '' */
.i-cloud-wind:before {
    content: '\ece1';
}
/* '' */
.i-wind:before {
    content: '\ece2';
}
/* '' */
.i-plane-outline:before {
    content: '\ece3';
}
/* '' */
.i-plane:before {
    content: '\ece4';
}
/* '' */
.i-leaf-3:before {
    content: '\ece5';
}
/* '' */
.i-lifebuoy-2:before {
    content: '\ece6';
}
/* '' */
.i-briefcase-3:before {
    content: '\ece7';
}
/* '' */
.i-brush-2:before {
    content: '\ece8';
}
/* '' */
.i-pipette:before {
    content: '\ece9';
}
/* '' */
.i-power-outline:before {
    content: '\ecea';
}
/* '' */
.i-power:before {
    content: '\eceb';
}
/* '' */
.i-check-outline:before {
    content: '\ecec';
}
/* '' */
.i-check-3:before {
    content: '\eced';
}
/* '' */
.i-gift-2:before {
    content: '\ecee';
}
/* '' */
.i-temperatire:before {
    content: '\ecef';
}
/* '' */
.i-chart-outline:before {
    content: '\ecf0';
}
/* '' */
.i-chart-1:before {
    content: '\ecf1';
}
/* '' */
.i-chart-alt-outline:before {
    content: '\ecf2';
}
/* '' */
.i-chart-alt:before {
    content: '\ecf3';
}
/* '' */
.i-chart-bar-outline:before {
    content: '\ecf4';
}
/* '' */
.i-chart-bar-2:before {
    content: '\ecf5';
}
/* '' */
.i-chart-pie-outline:before {
    content: '\ecf6';
}
/* '' */
.i-chart-pie-2:before {
    content: '\ecf7';
}
/* '' */
.i-ticket-2:before {
    content: '\ecf8';
}
/* '' */
.i-credit-card-4:before {
    content: '\ecf9';
}
/* '' */
.i-clipboard-2:before {
    content: '\ecfa';
}
/* '' */
.i-database-3:before {
    content: '\ecfb';
}
/* '' */
.i-key-outline:before {
    content: '\ecfc';
}
/* '' */
.i-key-4:before {
    content: '\ecfd';
}
/* '' */
.i-flow-split:before {
    content: '\ecfe';
}
/* '' */
.i-flow-merge:before {
    content: '\ecff';
}
/* '' */
.i-flow-parallel-1:before {
    content: '\ed00';
}
/* '' */
.i-flow-cross:before {
    content: '\ed01';
}
/* '' */
.i-certificate-outline:before {
    content: '\ed02';
}
/* '' */
.i-certificate-2:before {
    content: '\ed03';
}
/* '' */
.i-scissors-outline:before {
    content: '\ed04';
}
/* '' */
.i-scissors-1:before {
    content: '\ed05';
}
/* '' */
.i-flask:before {
    content: '\ed06';
}
/* '' */
.i-wine:before {
    content: '\ed07';
}
/* '' */
.i-coffee-1:before {
    content: '\ed08';
}
/* '' */
.i-beer-2:before {
    content: '\ed09';
}
/* '' */
.i-anchor-outline:before {
    content: '\ed0a';
}
/* '' */
.i-anchor-1:before {
    content: '\ed0b';
}
/* '' */
.i-puzzle-outline:before {
    content: '\ed0c';
}
/* '' */
.i-puzzle-1:before {
    content: '\ed0d';
}
/* '' */
.i-tree-3:before {
    content: '\ed0e';
}
/* '' */
.i-calculator:before {
    content: '\ed0f';
}
/* '' */
.i-infinity-outline:before {
    content: '\ed10';
}
/* '' */
.i-infinity-1:before {
    content: '\ed11';
}
/* '' */
.i-pi-outline:before {
    content: '\ed12';
}
/* '' */
.i-pi:before {
    content: '\ed13';
}
/* '' */
.i-at-1:before {
    content: '\ed14';
}
/* '' */
.i-at-circled:before {
    content: '\ed15';
}
/* '' */
.i-looped-square-outline:before {
    content: '\ed16';
}
/* '' */
.i-looped-square-interest:before {
    content: '\ed17';
}
/* '' */
.i-sort-alphabet-outline:before {
    content: '\ed18';
}
/* '' */
.i-sort-alphabet:before {
    content: '\ed19';
}
/* '' */
.i-sort-numeric-outline:before {
    content: '\ed1a';
}
/* '' */
.i-sort-numeric:before {
    content: '\ed1b';
}
/* '' */
.i-dribbble-circled-1:before {
    content: '\ed1c';
}
/* '' */
.i-dribbble-4:before {
    content: '\ed1d';
}
/* '' */
.i-facebook-circled-1:before {
    content: '\ed1e';
}
/* '' */
.i-facebook-5:before {
    content: '\ed1f';
}
/* '' */
.i-flickr-circled-1:before {
    content: '\ed20';
}
/* '' */
.i-flickr-4:before {
    content: '\ed21';
}
/* '' */
.i-github-circled-3:before {
    content: '\ed22';
}
/* '' */
.i-github-5:before {
    content: '\ed23';
}
/* '' */
.i-lastfm-circled-1:before {
    content: '\ed24';
}
/* '' */
.i-lastfm-4:before {
    content: '\ed25';
}
/* '' */
.i-linkedin-circled-1:before {
    content: '\ed26';
}
/* '' */
.i-linkedin-5:before {
    content: '\ed27';
}
/* '' */
.i-pinterest-circled-2:before {
    content: '\ed28';
}
/* '' */
.i-pinterest-4:before {
    content: '\ed29';
}
/* '' */
.i-skype-outline:before {
    content: '\ed2a';
}
/* '' */
.i-skype-6:before {
    content: '\ed2b';
}
/* '' */
.i-tumbler-circled:before {
    content: '\ed2c';
}
/* '' */
.i-tumbler:before {
    content: '\ed2d';
}
/* '' */
.i-twitter-circled-1:before {
    content: '\ed2e';
}
/* '' */
.i-twitter-5:before {
    content: '\ed2f';
}
/* '' */
.i-vimeo-circled-1:before {
    content: '\ed30';
}
/* '' */
.i-vimeo-5:before {
    content: '\ed31';
}
/* '' */
.i-search-6:before {
    content: '\ed32';
}
/* '' */
.i-mail-6:before {
    content: '\ed33';
}
/* '' */
.i-heart-6:before {
    content: '\ed34';
}
/* '' */
.i-heart-empty-4:before {
    content: '\ed35';
}
/* '' */
.i-star-6:before {
    content: '\ed36';
}
/* '' */
.i-user-6:before {
    content: '\ed37';
}
/* '' */
.i-video-5:before {
    content: '\ed38';
}
/* '' */
.i-picture-5:before {
    content: '\ed39';
}
/* '' */
.i-camera-5:before {
    content: '\ed3a';
}
/* '' */
.i-ok-4:before {
    content: '\ed3b';
}
/* '' */
.i-ok-circle-1:before {
    content: '\ed3c';
}
/* '' */
.i-cancel-5:before {
    content: '\ed3d';
}
/* '' */
.i-cancel-circle-1:before {
    content: '\ed3e';
}
/* '' */
.i-plus-4:before {
    content: '\ed3f';
}
/* '' */
.i-plus-circle-1:before {
    content: '\ed40';
}
/* '' */
.i-minus-4:before {
    content: '\ed41';
}
/* '' */
.i-minus-circle-1:before {
    content: '\ed42';
}
/* '' */
.i-help-3:before {
    content: '\ed43';
}
/* '' */
.i-info-3:before {
    content: '\ed44';
}
/* '' */
.i-home-4:before {
    content: '\ed45';
}
/* '' */
.i-link-4:before {
    content: '\ed46';
}
/* '' */
.i-attach-6:before {
    content: '\ed47';
}
/* '' */
.i-lock-6:before {
    content: '\ed48';
}
/* '' */
.i-lock-empty:before {
    content: '\ed49';
}
/* '' */
.i-lock-open-5:before {
    content: '\ed4a';
}
/* '' */
.i-lock-open-empty:before {
    content: '\ed4b';
}
/* '' */
.i-pin-2:before {
    content: '\ed4c';
}
/* '' */
.i-eye-5:before {
    content: '\ed4d';
}
/* '' */
.i-tag-6:before {
    content: '\ed4e';
}
/* '' */
.i-tag-empty:before {
    content: '\ed4f';
}
/* '' */
.i-download-4:before {
    content: '\ed50';
}
/* '' */
.i-upload-4:before {
    content: '\ed51';
}
/* '' */
.i-download-cloud-1:before {
    content: '\ed52';
}
/* '' */
.i-upload-cloud-3:before {
    content: '\ed53';
}
/* '' */
.i-quote-left-1:before {
    content: '\ed54';
}
/* '' */
.i-quote-right-1:before {
    content: '\ed55';
}
/* '' */
.i-quote-left-alt:before {
    content: '\ed56';
}
/* '' */
.i-quote-right-alt:before {
    content: '\ed57';
}
/* '' */
.i-pencil-5:before {
    content: '\ed58';
}
/* '' */
.i-pencil-neg:before {
    content: '\ed59';
}
/* '' */
.i-pencil-alt:before {
    content: '\ed5a';
}
/* '' */
.i-undo:before {
    content: '\ed5b';
}
/* '' */
.i-comment-6:before {
    content: '\ed5c';
}
/* '' */
.i-comment-inv:before {
    content: '\ed5d';
}
/* '' */
.i-comment-alt-2:before {
    content: '\ed5e';
}
/* '' */
.i-comment-inv-alt:before {
    content: '\ed5f';
}
/* '' */
.i-comment-alt2:before {
    content: '\ed60';
}
/* '' */
.i-comment-inv-alt2:before {
    content: '\ed61';
}
/* '' */
.i-chat-4:before {
    content: '\ed62';
}
/* '' */
.i-chat-inv:before {
    content: '\ed63';
}
/* '' */
.i-location-6:before {
    content: '\ed64';
}
/* '' */
.i-location-inv:before {
    content: '\ed65';
}
/* '' */
.i-location-alt:before {
    content: '\ed66';
}
/* '' */
.i-compass-4:before {
    content: '\ed67';
}
/* '' */
.i-trash-6:before {
    content: '\ed68';
}
/* '' */
.i-trash-empty-1:before {
    content: '\ed69';
}
/* '' */
.i-doc-6:before {
    content: '\ed6a';
}
/* '' */
.i-doc-inv-1:before {
    content: '\ed6b';
}
/* '' */
.i-doc-alt:before {
    content: '\ed6c';
}
/* '' */
.i-doc-inv-alt:before {
    content: '\ed6d';
}
/* '' */
.i-article:before {
    content: '\ed6e';
}
/* '' */
.i-article-alt:before {
    content: '\ed6f';
}
/* '' */
.i-book-open-1:before {
    content: '\ed70';
}
/* '' */
.i-folder-5:before {
    content: '\ed71';
}
/* '' */
.i-folder-empty-1:before {
    content: '\ed72';
}
/* '' */
.i-box-4:before {
    content: '\ed73';
}
/* '' */
.i-rss-6:before {
    content: '\ed74';
}
/* '' */
.i-rss-alt-1:before {
    content: '\ed75';
}
/* '' */
.i-cog-6:before {
    content: '\ed76';
}
/* '' */
.i-wrench-3:before {
    content: '\ed77';
}
/* '' */
.i-share-3:before {
    content: '\ed78';
}
/* '' */
.i-calendar-6:before {
    content: '\ed79';
}
/* '' */
.i-calendar-inv:before {
    content: '\ed7a';
}
/* '' */
.i-calendar-alt:before {
    content: '\ed7b';
}
/* '' */
.i-mic-3:before {
    content: '\ed7c';
}
/* '' */
.i-volume-off-3:before {
    content: '\ed7d';
}
/* '' */
.i-volume-up-2:before {
    content: '\ed7e';
}
/* '' */
.i-headphones-3:before {
    content: '\ed7f';
}
/* '' */
.i-clock-6:before {
    content: '\ed80';
}
/* '' */
.i-lamp-1:before {
    content: '\ed81';
}
/* '' */
.i-block-5:before {
    content: '\ed82';
}
/* '' */
.i-resize-full-5:before {
    content: '\ed83';
}
/* '' */
.i-resize-full-alt-2:before {
    content: '\ed84';
}
/* '' */
.i-resize-small-3:before {
    content: '\ed85';
}
/* '' */
.i-resize-small-alt:before {
    content: '\ed86';
}
/* '' */
.i-resize-vertical-2:before {
    content: '\ed87';
}
/* '' */
.i-resize-horizontal-2:before {
    content: '\ed88';
}
/* '' */
.i-move-3:before {
    content: '\ed89';
}
/* '' */
.i-popup-4:before {
    content: '\ed8a';
}
/* '' */
.i-down-4:before {
    content: '\ed8b';
}
/* '' */
.i-left-4:before {
    content: '\ed8c';
}
/* '' */
.i-right-4:before {
    content: '\ed8d';
}
/* '' */
.i-up-4:before {
    content: '\ed8e';
}
/* '' */
.i-down-circle-1:before {
    content: '\ed8f';
}
/* '' */
.i-left-circle-1:before {
    content: '\ed90';
}
/* '' */
.i-right-circle-1:before {
    content: '\ed91';
}
/* '' */
.i-up-circle-1:before {
    content: '\ed92';
}
/* '' */
.i-cw-4:before {
    content: '\ed93';
}
/* '' */
.i-loop-2:before {
    content: '\ed94';
}
/* '' */
.i-loop-alt-1:before {
    content: '\ed95';
}
/* '' */
.i-exchange-1:before {
    content: '\ed96';
}
/* '' */
.i-split:before {
    content: '\ed97';
}
/* '' */
.i-arrow-curved:before {
    content: '\ed98';
}
/* '' */
.i-play-4:before {
    content: '\ed99';
}
/* '' */
.i-play-circle2:before {
    content: '\ed9a';
}
/* '' */
.i-stop-4:before {
    content: '\ed9b';
}
/* '' */
.i-pause-4:before {
    content: '\ed9c';
}
/* '' */
.i-to-start-2:before {
    content: '\ed9d';
}
/* '' */
.i-to-end-2:before {
    content: '\ed9e';
}
/* '' */
.i-eject-3:before {
    content: '\ed9f';
}
/* '' */
.i-target-5:before {
    content: '\eda0';
}
/* '' */
.i-signal-4:before {
    content: '\eda1';
}
/* '' */
.i-award-1:before {
    content: '\eda2';
}
/* '' */
.i-award-empty:before {
    content: '\eda3';
}
/* '' */
.i-list-4:before {
    content: '\eda4';
}
/* '' */
.i-list-nested:before {
    content: '\eda5';
}
/* '' */
.i-bat-empty:before {
    content: '\eda6';
}
/* '' */
.i-bat-half:before {
    content: '\eda7';
}
/* '' */
.i-bat-full:before {
    content: '\eda8';
}
/* '' */
.i-bat-charge-1:before {
    content: '\eda9';
}
/* '' */
.i-mobile-4:before {
    content: '\edaa';
}
/* '' */
.i-cd-2:before {
    content: '\edab';
}
/* '' */
.i-equalizer:before {
    content: '\edac';
}
/* '' */
.i-cursor:before {
    content: '\edad';
}
/* '' */
.i-aperture:before {
    content: '\edae';
}
/* '' */
.i-aperture-alt:before {
    content: '\edaf';
}
/* '' */
.i-steering-wheel:before {
    content: '\edb0';
}
/* '' */
.i-book-3:before {
    content: '\edb1';
}
/* '' */
.i-book-alt:before {
    content: '\edb2';
}
/* '' */
.i-brush-3:before {
    content: '\edb3';
}
/* '' */
.i-brush-alt:before {
    content: '\edb4';
}
/* '' */
.i-eyedropper-1:before {
    content: '\edb5';
}
/* '' */
.i-layers:before {
    content: '\edb6';
}
/* '' */
.i-layers-alt:before {
    content: '\edb7';
}
/* '' */
.i-sun-2:before {
    content: '\edb8';
}
/* '' */
.i-sun-inv:before {
    content: '\edb9';
}
/* '' */
.i-cloud-6:before {
    content: '\edba';
}
/* '' */
.i-rain-1:before {
    content: '\edbb';
}
/* '' */
.i-flash-3:before {
    content: '\edbc';
}
/* '' */
.i-moon-3:before {
    content: '\edbd';
}
/* '' */
.i-moon-inv:before {
    content: '\edbe';
}
/* '' */
.i-umbrella-1:before {
    content: '\edbf';
}
/* '' */
.i-chart-bar-3:before {
    content: '\edc0';
}
/* '' */
.i-chart-pie-3:before {
    content: '\edc1';
}
/* '' */
.i-chart-pie-alt:before {
    content: '\edc2';
}
/* '' */
.i-key-5:before {
    content: '\edc3';
}
/* '' */
.i-key-inv:before {
    content: '\edc4';
}
/* '' */
.i-hash:before {
    content: '\edc5';
}
/* '' */
.i-at-2:before {
    content: '\edc6';
}
/* '' */
.i-pilcrow:before {
    content: '\edc7';
}
/* '' */
.i-dial:before {
    content: '\edc8';
}
/* '' */
.i-search-7:before {
    content: '\edc9';
}
/* '' */
.i-mail-7:before {
    content: '\edca';
}
/* '' */
.i-heart-7:before {
    content: '\edcb';
}
/* '' */
.i-star-7:before {
    content: '\edcc';
}
/* '' */
.i-user-7:before {
    content: '\edcd';
}
/* '' */
.i-user-woman:before {
    content: '\edce';
}
/* '' */
.i-user-pair:before {
    content: '\edcf';
}
/* '' */
.i-video-alt-1:before {
    content: '\edd0';
}
/* '' */
.i-videocam-4:before {
    content: '\edd1';
}
/* '' */
.i-videocam-alt:before {
    content: '\edd2';
}
/* '' */
.i-camera-6:before {
    content: '\edd3';
}
/* '' */
.i-th-4:before {
    content: '\edd4';
}
/* '' */
.i-th-list-4:before {
    content: '\edd5';
}
/* '' */
.i-ok-5:before {
    content: '\edd6';
}
/* '' */
.i-cancel-6:before {
    content: '\edd7';
}
/* '' */
.i-cancel-circle-2:before {
    content: '\edd8';
}
/* '' */
.i-plus-5:before {
    content: '\edd9';
}
/* '' */
.i-home-5:before {
    content: '\edda';
}
/* '' */
.i-lock-7:before {
    content: '\eddb';
}
/* '' */
.i-lock-open-6:before {
    content: '\eddc';
}
/* '' */
.i-eye-6:before {
    content: '\eddd';
}
/* '' */
.i-tag-7:before {
    content: '\edde';
}
/* '' */
.i-thumbs-up-5:before {
    content: '\eddf';
}
/* '' */
.i-thumbs-down-4:before {
    content: '\ede0';
}
/* '' */
.i-download-5:before {
    content: '\ede1';
}
/* '' */
.i-export-4:before {
    content: '\ede2';
}
/* '' */
.i-pencil-6:before {
    content: '\ede3';
}
/* '' */
.i-pencil-alt-1:before {
    content: '\ede4';
}
/* '' */
.i-edit-3:before {
    content: '\ede5';
}
/* '' */
.i-chat-5:before {
    content: '\ede6';
}
/* '' */
.i-print-5:before {
    content: '\ede7';
}
/* '' */
.i-bell-4:before {
    content: '\ede8';
}
/* '' */
.i-attention-4:before {
    content: '\ede9';
}
/* '' */
.i-info-4:before {
    content: '\edea';
}
/* '' */
.i-question:before {
    content: '\edeb';
}
/* '' */
.i-location-7:before {
    content: '\edec';
}
/* '' */
.i-trash-7:before {
    content: '\eded';
}
/* '' */
.i-doc-7:before {
    content: '\edee';
}
/* '' */
.i-article-1:before {
    content: '\edef';
}
/* '' */
.i-article-alt-1:before {
    content: '\edf0';
}
/* '' */
.i-rss-7:before {
    content: '\edf1';
}
/* '' */
.i-wrench-4:before {
    content: '\edf2';
}
/* '' */
.i-basket-4:before {
    content: '\edf3';
}
/* '' */
.i-basket-alt:before {
    content: '\edf4';
}
/* '' */
.i-calendar-7:before {
    content: '\edf5';
}
/* '' */
.i-calendar-alt-1:before {
    content: '\edf6';
}
/* '' */
.i-volume-off-4:before {
    content: '\edf7';
}
/* '' */
.i-volume-down-2:before {
    content: '\edf8';
}
/* '' */
.i-volume-up-3:before {
    content: '\edf9';
}
/* '' */
.i-bullhorn:before {
    content: '\edfa';
}
/* '' */
.i-clock-7:before {
    content: '\edfb';
}
/* '' */
.i-clock-alt:before {
    content: '\edfc';
}
/* '' */
.i-stop-5:before {
    content: '\edfd';
}
/* '' */
.i-resize-full-6:before {
    content: '\edfe';
}
/* '' */
.i-resize-small-4:before {
    content: '\edff';
}
/* '' */
.i-zoom-in-3:before {
    content: '\ee00';
}
/* '' */
.i-zoom-out-3:before {
    content: '\ee01';
}
/* '' */
.i-popup-5:before {
    content: '\ee02';
}
/* '' */
.i-down-dir-3:before {
    content: '\ee03';
}
/* '' */
.i-left-dir-2:before {
    content: '\ee04';
}
/* '' */
.i-right-dir-3:before {
    content: '\ee05';
}
/* '' */
.i-up-dir-2:before {
    content: '\ee06';
}
/* '' */
.i-down-5:before {
    content: '\ee07';
}
/* '' */
.i-up-5:before {
    content: '\ee08';
}
/* '' */
.i-cw-5:before {
    content: '\ee09';
}
/* '' */
.i-signal-5:before {
    content: '\ee0a';
}
/* '' */
.i-award-2:before {
    content: '\ee0b';
}
/* '' */
.i-mobile-5:before {
    content: '\ee0c';
}
/* '' */
.i-mobile-alt:before {
    content: '\ee0d';
}
/* '' */
.i-tablet-2:before {
    content: '\ee0e';
}
/* '' */
.i-ipod:before {
    content: '\ee0f';
}
/* '' */
.i-cd-3:before {
    content: '\ee10';
}
/* '' */
.i-grid:before {
    content: '\ee11';
}
/* '' */
.i-book-4:before {
    content: '\ee12';
}
/* '' */
.i-easel:before {
    content: '\ee13';
}
/* '' */
.i-globe-5:before {
    content: '\ee14';
}
/* '' */
.i-chart-2:before {
    content: '\ee15';
}
/* '' */
.i-chart-bar-4:before {
    content: '\ee16';
}
/* '' */
.i-chart-pie-4:before {
    content: '\ee17';
}
/* '' */
.i-dollar-1:before {
    content: '\ee18';
}
/* '' */
.i-at-3:before {
    content: '\ee19';
}
/* '' */
.i-colon:before {
    content: '\ee1a';
}
/* '' */
.i-semicolon:before {
    content: '\ee1b';
}
/* '' */
.i-squares:before {
    content: '\ee1c';
}
/* '' */
.i-money-2:before {
    content: '\ee1d';
}
/* '' */
.i-facebook-6:before {
    content: '\ee1e';
}
/* '' */
.i-facebook-rect-2:before {
    content: '\ee1f';
}
/* '' */
.i-twitter-6:before {
    content: '\ee20';
}
/* '' */
.i-twitter-bird-2:before {
    content: '\ee21';
}
/* '' */
.i-twitter-rect:before {
    content: '\ee22';
}
/* '' */
.i-youtube-4:before {
    content: '\ee23';
}
/* '' */
.i-windy-rain-inv:before {
    content: '\ee24';
}
/* '' */
.i-snow-inv:before {
    content: '\ee25';
}
/* '' */
.i-snow-heavy-inv:before {
    content: '\ee26';
}
/* '' */
.i-hail-inv:before {
    content: '\ee27';
}
/* '' */
.i-clouds-inv:before {
    content: '\ee28';
}
/* '' */
.i-clouds-flash-inv:before {
    content: '\ee29';
}
/* '' */
.i-temperature:before {
    content: '\ee2a';
}
/* '' */
.i-compass-5:before {
    content: '\ee2b';
}
/* '' */
.i-na:before {
    content: '\ee2c';
}
/* '' */
.i-celcius:before {
    content: '\ee2d';
}
/* '' */
.i-fahrenheit:before {
    content: '\ee2e';
}
/* '' */
.i-clouds-flash-alt:before {
    content: '\ee2f';
}
/* '' */
.i-sun-inv-1:before {
    content: '\ee30';
}
/* '' */
.i-moon-inv-1:before {
    content: '\ee31';
}
/* '' */
.i-cloud-sun-inv:before {
    content: '\ee32';
}
/* '' */
.i-cloud-moon-inv:before {
    content: '\ee33';
}
/* '' */
.i-cloud-inv:before {
    content: '\ee34';
}
/* '' */
.i-cloud-flash-inv:before {
    content: '\ee35';
}
/* '' */
.i-drizzle-inv:before {
    content: '\ee36';
}
/* '' */
.i-rain-inv:before {
    content: '\ee37';
}
/* '' */
.i-windy-inv:before {
    content: '\ee38';
}
/* '' */
.i-sunrise:before {
    content: '\ee39';
}
/* '' */
.i-sun-3:before {
    content: '\ee3a';
}
/* '' */
.i-moon-4:before {
    content: '\ee3b';
}
/* '' */
.i-eclipse:before {
    content: '\ee3c';
}
/* '' */
.i-mist:before {
    content: '\ee3d';
}
/* '' */
.i-wind-1:before {
    content: '\ee3e';
}
/* '' */
.i-snowflake:before {
    content: '\ee3f';
}
/* '' */
.i-cloud-sun-1:before {
    content: '\ee40';
}
/* '' */
.i-cloud-moon:before {
    content: '\ee41';
}
/* '' */
.i-fog-sun:before {
    content: '\ee42';
}
/* '' */
.i-fog-moon:before {
    content: '\ee43';
}
/* '' */
.i-fog-cloud:before {
    content: '\ee44';
}
/* '' */
.i-fog:before {
    content: '\ee45';
}
/* '' */
.i-cloud-7:before {
    content: '\ee46';
}
/* '' */
.i-cloud-flash-1:before {
    content: '\ee47';
}
/* '' */
.i-cloud-flash-alt:before {
    content: '\ee48';
}
/* '' */
.i-drizzle-1:before {
    content: '\ee49';
}
/* '' */
.i-rain-2:before {
    content: '\ee4a';
}
/* '' */
.i-windy:before {
    content: '\ee4b';
}
/* '' */
.i-windy-rain:before {
    content: '\ee4c';
}
/* '' */
.i-snow-1:before {
    content: '\ee4d';
}
/* '' */
.i-snow-alt:before {
    content: '\ee4e';
}
/* '' */
.i-snow-heavy:before {
    content: '\ee4f';
}
/* '' */
.i-hail:before {
    content: '\ee50';
}
/* '' */
.i-clouds:before {
    content: '\ee51';
}
/* '' */
.i-clouds-flash:before {
    content: '\ee52';
}
/* '' */
.i-mail-8:before {
    content: '\ee53';
}
/* '' */
.i-heart-8:before {
    content: '\ee54';
}
/* '' */
.i-star-8:before {
    content: '\ee55';
}
/* '' */
.i-star-empty-3:before {
    content: '\ee56';
}
/* '' */
.i-ok-6:before {
    content: '\ee57';
}
/* '' */
.i-cancel-7:before {
    content: '\ee58';
}
/* '' */
.i-plus-6:before {
    content: '\ee59';
}
/* '' */
.i-help-circled-3:before {
    content: '\ee5a';
}
/* '' */
.i-help-circled-alt:before {
    content: '\ee5b';
}
/* '' */
.i-home-6:before {
    content: '\ee5c';
}
/* '' */
.i-pencil-7:before {
    content: '\ee5d';
}
/* '' */
.i-attention-5:before {
    content: '\ee5e';
}
/* '' */
.i-attention-alt-1:before {
    content: '\ee5f';
}
/* '' */
.i-cog-7:before {
    content: '\ee60';
}
/* '' */
.i-mic-off:before {
    content: '\ee61';
}
/* '' */
.i-clock-8:before {
    content: '\ee62';
}
/* '' */
.i-stopwatch-1:before {
    content: '\ee63';
}
/* '' */
.i-hourglass-5:before {
    content: '\ee64';
}
/* '' */
.i-down-6:before {
    content: '\ee65';
}
/* '' */
.i-left-5:before {
    content: '\ee66';
}
/* '' */
.i-right-5:before {
    content: '\ee67';
}
/* '' */
.i-up-6:before {
    content: '\ee68';
}
/* '' */
.i-down-bold-1:before {
    content: '\ee69';
}
/* '' */
.i-left-bold-1:before {
    content: '\ee6a';
}
/* '' */
.i-right-bold-1:before {
    content: '\ee6b';
}
/* '' */
.i-up-bold-1:before {
    content: '\ee6c';
}
/* '' */
.i-down-fat:before {
    content: '\ee6d';
}
/* '' */
.i-left-fat:before {
    content: '\ee6e';
}
/* '' */
.i-right-fat:before {
    content: '\ee6f';
}
/* '' */
.i-up-fat:before {
    content: '\ee70';
}
/* '' */
.i-flash-4:before {
    content: '\ee71';
}
/* '' */
.i-cloud-8:before {
    content: '\ee72';
}
/* '' */
.i-vector-pencil:before {
    content: '\ee73';
}
/* '' */
.i-at-4:before {
    content: '\ee74';
}
/* '' */
.i-female-2:before {
    content: '\ee75';
}
/* '' */
.i-male-2:before {
    content: '\ee76';
}
/* '' */
.i-king:before {
    content: '\ee77';
}
/* '' */
.i-anchor-2:before {
    content: '\ee78';
}
/* '' */
.i-emo-happy:before {
    content: '\ee79';
}
/* '' */
.i-emo-wink:before {
    content: '\ee7a';
}
/* '' */
.i-spin2:before {
    content: '\ee7b';
}
/* '' */
.i-spin1:before {
    content: '\ee7c';
}
/* '' */
.i-emo-tongue:before {
    content: '\ee7d';
}
/* '' */
.i-emo-coffee:before {
    content: '\ee7e';
}
/* '' */
.i-emo-angry:before {
    content: '\ee7f';
}
/* '' */
.i-emo-saint:before {
    content: '\ee80';
}
/* '' */
.i-emo-cry:before {
    content: '\ee81';
}
/* '' */
.i-fdfsdfsd:before {
    content: '\ee82';
}
/* '' */
.i-emo-squint:before {
    content: '\ee83';
}
/* '' */
.i-marquee:before {
    content: '\ee84';
}
/* '' */
.i-down-open-3:before {
    content: '\f004';
}
/* '' */
.i-up-open-3:before {
    content: '\f005';
}
/* '' */
.i-right-open-5:before {
    content: '\f006';
}
/* '' */
.i-left-open-5:before {
    content: '\f007';
}
/* '' */
.i-menu-3:before {
    content: '\f008';
}
/* '' */
.i-th-list-5:before {
    content: '\f009';
}
/* '' */
.i-th-thumb:before {
    content: '\f00a';
}
/* '' */
.i-th-thumb-empty:before {
    content: '\f00b';
}
/* '' */
.i-coverflow:before {
    content: '\f00c';
}
/* '' */
.i-coverflow-empty:before {
    content: '\f00d';
}
/* '' */
.i-pause-5:before {
    content: '\f00e';
}
/* '' */
.i-play-5:before {
    content: '\f00f';
}
/* '' */
.i-to-end-3:before {
    content: '\f010';
}
/* '' */
.i-to-start-3:before {
    content: '\f011';
}
/* '' */
.i-fast-forward-2:before {
    content: '\f012';
}
/* '' */
.i-fast-backward-2:before {
    content: '\f013';
}
/* '' */
.i-upload-cloud-4:before {
    content: '\f014';
}
/* '' */
.i-download-cloud-2:before {
    content: '\f015';
}
/* '' */
.i-data-science:before {
    content: '\f016';
}
/* '' */
.i-data-science-inv:before {
    content: '\f017';
}
/* '' */
.i-globe-6:before {
    content: '\f018';
}
/* '' */
.i-globe-inv:before {
    content: '\f019';
}
/* '' */
.i-math:before {
    content: '\f01a';
}
/* '' */
.i-math-circled-empty:before {
    content: '\f01b';
}
/* '' */
.i-math-circled:before {
    content: '\f01c';
}
/* '' */
.i-paper-plane-3:before {
    content: '\f01d';
}
/* '' */
.i-paper-plane-alt2:before {
    content: '\f01e';
}
/* '' */
.i-paper-plane-alt:before {
    content: '\f01f';
}
/* '' */
.i-color-adjust:before {
    content: '\f020';
}
/* '' */
.i-star-half-1:before {
    content: '\f022';
}
/* '' */
.i-star-half_empty:before {
    content: '\f024';
}
/* '' */
.i-ccw-2:before {
    content: '\f025';
}
/* '' */
.i-heart-broken:before {
    content: '\f028';
}
/* '' */
.i-hash-1:before {
    content: '\f029';
}
/* '' */
.i-reply-4:before {
    content: '\f02a';
}
/* '' */
.i-retweet-4:before {
    content: '\f02b';
}
/* '' */
.i-login-3:before {
    content: '\f02c';
}
/* '' */
.i-logout-3:before {
    content: '\f02d';
}
/* '' */
.i-download-6:before {
    content: '\f02e';
}
/* '' */
.i-upload-5:before {
    content: '\f02f';
}
/* '' */
.i-location-8:before {
    content: '\f031';
}
/* '' */
.i-monitor-1:before {
    content: '\f032';
}
/* '' */
.i-tablet-3:before {
    content: '\f033';
}
/* '' */
.i-mobile-6:before {
    content: '\f034';
}
/* '' */
.i-connected-object:before {
    content: '\f035';
}
/* '' */
.i-isight:before {
    content: '\f039';
}
/* '' */
.i-videocam-5:before {
    content: '\f03a';
}
/* '' */
.i-shuffle-4:before {
    content: '\f03b';
}
/* '' */
.i-chat-6:before {
    content: '\f03d';
}
/* '' */
.i-bell-5:before {
    content: '\f03f';
}
/* '' */
.i-movie:before {
    content: '\f040';
}
/* '' */
.i-ruler:before {
    content: '\f044';
}
/* '' */
.i-vector:before {
    content: '\f045';
}
/* '' */
.i-move-1:before {
    content: '\f047';
}
/* '' */
.i-mic-4:before {
    content: '\f048';
}
/* '' */
.i-doc-8:before {
    content: '\f04a';
}
/* '' */
.i-dribbble-circled-2:before {
    content: '\f04f';
}
/* '' */
.i-dribbble-5:before {
    content: '\f050';
}
/* '' */
.i-facebook-circled-2:before {
    content: '\f051';
}
/* '' */
.i-facebook-7:before {
    content: '\f052';
}
/* '' */
.i-github-circled-alt:before {
    content: '\f053';
}
/* '' */
.i-github-circled-4:before {
    content: '\f054';
}
/* '' */
.i-github-6:before {
    content: '\f055';
}
/* '' */
.i-github-circled-alt2:before {
    content: '\f056';
}
/* '' */
.i-twitter-circled-2:before {
    content: '\f057';
}
/* '' */
.i-twitter-7:before {
    content: '\f058';
}
/* '' */
.i-gplus-circled-1:before {
    content: '\f059';
}
/* '' */
.i-gplus-3:before {
    content: '\f05a';
}
/* '' */
.i-linkedin-circled-2:before {
    content: '\f05b';
}
/* '' */
.i-linkedin-6:before {
    content: '\f05c';
}
/* '' */
.i-instagram-5:before {
    content: '\f05d';
}
/* '' */
.i-instagram-circled:before {
    content: '\f05e';
}
/* '' */
.i-mfg-logo:before {
    content: '\f05f';
}
/* '' */
.i-mfg-logo-circled:before {
    content: '\f060';
}
/* '' */
.i-user-8:before {
    content: '\f061';
}
/* '' */
.i-user-male:before {
    content: '\f062';
}
/* '' */
.i-user-female:before {
    content: '\f063';
}
/* '' */
.i-users-3:before {
    content: '\f064';
}
/* '' */
.i-folder-6:before {
    content: '\f067';
}
/* '' */
.i-folder-open-2:before {
    content: '\f068';
}
/* '' */
.i-folder-empty-2:before {
    content: '\f069';
}
/* '' */
.i-attach-7:before {
    content: '\f06a';
}
/* '' */
.i-ok-circled-2:before {
    content: '\f06d';
}
/* '' */
.i-cancel-circled-4:before {
    content: '\f06e';
}
/* '' */
.i-inbox-4:before {
    content: '\f070';
}
/* '' */
.i-trophy-1:before {
    content: '\f074';
}
/* '' */
.i-lock-open-alt-2:before {
    content: '\f075';
}
/* '' */
.i-link-5:before {
    content: '\f07b';
}
/* '' */
.i-zoom-in-4:before {
    content: '\f07e';
}
/* '' */
.i-zoom-out-4:before {
    content: '\f07f';
}
/* '' */
.i-stop-6:before {
    content: '\f080';
}
/* '' */
.i-export-5:before {
    content: '\f081';
}
/* '' */
.i-eye-7:before {
    content: '\f082';
}
/* '' */
.i-trash-8:before {
    content: '\f083';
}
/* '' */
.i-hdd-2:before {
    content: '\f084';
}
/* '' */
.i-info-circled-3:before {
    content: '\f085';
}
/* '' */
.i-info-circled-alt:before {
    content: '\f086';
}
/* '' */
.i-print-6:before {
    content: '\f087';
}
/* '' */
.i-fontsize-1:before {
    content: '\f088';
}
/* '' */
.i-soundcloud-3:before {
    content: '\f089';
}
/* '' */
.i-soundcloud-circled:before {
    content: '\f08a';
}
/* '' */
.i-link-ext:before {
    content: '\f08e';
}
/* '' */
.i-check-empty-1:before {
    content: '\f096';
}
/* '' */
.i-bookmark-empty-1:before {
    content: '\f097';
}
/* '' */
.i-phone-squared:before {
    content: '\f098';
}
/* '' */
.i-twitter-3:before {
    content: '\f099';
}
/* '' */
.i-facebook-3:before {
    content: '\f09a';
}
/* '' */
.i-github-circled-1:before {
    content: '\f09b';
}
/* '' */
.i-rss-3:before {
    content: '\f09e';
}
/* '' */
.i-hdd-1:before {
    content: '\f0a0';
}
/* '' */
.i-certificate-1:before {
    content: '\f0a3';
}
/* '' */
.i-left-circled-1:before {
    content: '\f0a8';
}
/* '' */
.i-right-circled-1:before {
    content: '\f0a9';
}
/* '' */
.i-up-circled-1:before {
    content: '\f0aa';
}
/* '' */
.i-down-circled-1:before {
    content: '\f0ab';
}
/* '' */
.i-tasks-1:before {
    content: '\f0ae';
}
/* '' */
.i-filter-1:before {
    content: '\f0b0';
}
/* '' */
.i-resize-full-alt-1:before {
    content: '\f0b2';
}
/* '' */
.i-beaker-1:before {
    content: '\f0c3';
}
/* '' */
.i-docs:before {
    content: '\f0c5';
}
/* '' */
.i-blank:before {
    content: '\f0c8';
}
/* '' */
.i-menu:before {
    content: '\f0c9';
}
/* '' */
.i-list-bullet:before {
    content: '\f0ca';
}
/* '' */
.i-list-numbered-1:before {
    content: '\f0cb';
}
/* '' */
.i-strike:before {
    content: '\f0cc';
}
/* '' */
.i-underline:before {
    content: '\f0cd';
}
/* '' */
.i-table:before {
    content: '\f0ce';
}
/* '' */
.i-magic:before {
    content: '\f0d0';
}
/* '' */
.i-pinterest-circled:before {
    content: '\f0d2';
}
/* '' */
.i-pinterest-squared:before {
    content: '\f0d3';
}
/* '' */
.i-gplus-squared:before {
    content: '\f0d4';
}
/* '' */
.i-gplus-1:before {
    content: '\f0d5';
}
/* '' */
.i-money-1:before {
    content: '\f0d6';
}
/* '' */
.i-columns:before {
    content: '\f0db';
}
/* '' */
.i-sort:before {
    content: '\f0dc';
}
/* '' */
.i-sort-down:before {
    content: '\f0dd';
}
/* '' */
.i-sort-up:before {
    content: '\f0de';
}
/* '' */
.i-mail-alt:before {
    content: '\f0e0';
}
/* '' */
.i-linkedin-3:before {
    content: '\f0e1';
}
/* '' */
.i-gauge-1:before {
    content: '\f0e4';
}
/* '' */
.i-comment-empty:before {
    content: '\f0e5';
}
/* '' */
.i-chat-empty:before {
    content: '\f0e6';
}
/* '' */
.i-sitemap:before {
    content: '\f0e8';
}
/* '' */
.i-paste:before {
    content: '\f0ea';
}
/* '' */
.i-lightbulb-2:before {
    content: '\f0eb';
}
/* '' */
.i-exchange:before {
    content: '\f0ec';
}
/* '' */
.i-download-cloud:before {
    content: '\f0ed';
}
/* '' */
.i-upload-cloud:before {
    content: '\f0ee';
}
/* '' */
.i-user-md:before {
    content: '\f0f0';
}
/* '' */
.i-stethoscope:before {
    content: '\f0f1';
}
/* '' */
.i-suitcase:before {
    content: '\f0f2';
}
/* '' */
.i-bell-alt:before {
    content: '\f0f3';
}
/* '' */
.i-coffee:before {
    content: '\f0f4';
}
/* '' */
.i-food-1:before {
    content: '\f0f5';
}
/* '' */
.i-doc-text:before {
    content: '\f0f6';
}
/* '' */
.i-building:before {
    content: '\f0f7';
}
/* '' */
.i-hospital-1:before {
    content: '\f0f8';
}
/* '' */
.i-ambulance:before {
    content: '\f0f9';
}
/* '' */
.i-medkit:before {
    content: '\f0fa';
}
/* '' */
.i-fighter-jet:before {
    content: '\f0fb';
}
/* '' */
.i-beer-1:before {
    content: '\f0fc';
}
/* '' */
.i-h-sigh:before {
    content: '\f0fd';
}
/* '' */
.i-plus-squared:before {
    content: '\f0fe';
}
/* '' */
.i-angle-double-left:before {
    content: '\f100';
}
/* '' */
.i-angle-double-right:before {
    content: '\f101';
}
/* '' */
.i-angle-double-up:before {
    content: '\f102';
}
/* '' */
.i-angle-double-down:before {
    content: '\f103';
}
/* '' */
.i-angle-left:before {
    content: '\f104';
}
/* '' */
.i-angle-right:before {
    content: '\f105';
}
/* '' */
.i-angle-up:before {
    content: '\f106';
}
/* '' */
.i-angle-down:before {
    content: '\f107';
}
/* '' */
.i-desktop-2:before {
    content: '\f108';
}
/* '' */
.i-laptop-1:before {
    content: '\f109';
}
/* '' */
.i-tablet:before {
    content: '\f10a';
}
/* '' */
.i-mobile-1:before {
    content: '\f10b';
}
/* '' */
.i-circle-empty:before {
    content: '\f10c';
}
/* '' */
.i-quote-left:before {
    content: '\f10d';
}
/* '' */
.i-quote-right:before {
    content: '\f10e';
}
/* '' */
.i-spinner:before {
    content: '\f110';
}
/* '' */
.i-circle:before {
    content: '\f111';
}
/* '' */
.i-reply-1:before {
    content: '\f112';
}
/* '' */
.i-github-3:before {
    content: '\f113';
}
/* '' */
.i-folder-empty:before {
    content: '\f114';
}
/* '' */
.i-folder-open-empty:before {
    content: '\f115';
}
/* '' */
.i-smile:before {
    content: '\f118';
}
/* '' */
.i-frown:before {
    content: '\f119';
}
/* '' */
.i-meh:before {
    content: '\f11a';
}
/* '' */
.i-gamepad:before {
    content: '\f11b';
}
/* '' */
.i-keyboard:before {
    content: '\f11c';
}
/* '' */
.i-flag-empty:before {
    content: '\f11d';
}
/* '' */
.i-flag-checkered:before {
    content: '\f11e';
}
/* '' */
.i-terminal-1:before {
    content: '\f120';
}
/* '' */
.i-code-1:before {
    content: '\f121';
}
/* '' */
.i-reply-all-1:before {
    content: '\f122';
}
/* '' */
.i-star-half-alt:before {
    content: '\f123';
}
/* '' */
.i-direction:before {
    content: '\f124';
}
/* '' */
.i-crop:before {
    content: '\f125';
}
/* '' */
.i-fork:before {
    content: '\f126';
}
/* '' */
.i-unlink:before {
    content: '\f127';
}
/* '' */
.i-help-1:before {
    content: '\f128';
}
/* '' */
.i-info:before {
    content: '\f129';
}
/* '' */
.i-attention-alt:before {
    content: '\f12a';
}
/* '' */
.i-superscript:before {
    content: '\f12b';
}
/* '' */
.i-subscript:before {
    content: '\f12c';
}
/* '' */
.i-eraser:before {
    content: '\f12d';
}
/* '' */
.i-puzzle:before {
    content: '\f12e';
}
/* '' */
.i-mic-5:before {
    content: '\f130';
}
/* '' */
.i-mute-1:before {
    content: '\f131';
}
/* '' */
.i-shield:before {
    content: '\f132';
}
/* '' */
.i-calendar-empty:before {
    content: '\f133';
}
/* '' */
.i-extinguisher:before {
    content: '\f134';
}
/* '' */
.i-rocket:before {
    content: '\f135';
}
/* '' */
.i-maxcdn:before {
    content: '\f136';
}
/* '' */
.i-angle-circled-left:before {
    content: '\f137';
}
/* '' */
.i-angle-circled-right:before {
    content: '\f138';
}
/* '' */
.i-angle-circled-up:before {
    content: '\f139';
}
/* '' */
.i-angle-circled-down:before {
    content: '\f13a';
}
/* '' */
.i-html5-1:before {
    content: '\f13b';
}
/* '' */
.i-css3:before {
    content: '\f13c';
}
/* '' */
.i-anchor:before {
    content: '\f13d';
}
/* '' */
.i-lock-open-alt-1:before {
    content: '\f13e';
}
/* '' */
.i-bullseye:before {
    content: '\f140';
}
/* '' */
.i-ellipsis:before {
    content: '\f141';
}
/* '' */
.i-ellipsis-vert:before {
    content: '\f142';
}
/* '' */
.i-rss-squared:before {
    content: '\f143';
}
/* '' */
.i-play-circled-1:before {
    content: '\f144';
}
/* '' */
.i-ticket:before {
    content: '\f145';
}
/* '' */
.i-minus-squared:before {
    content: '\f146';
}
/* '' */
.i-minus-squared-alt:before {
    content: '\f147';
}
/* '' */
.i-level-up:before {
    content: '\f148';
}
/* '' */
.i-level-down:before {
    content: '\f149';
}
/* '' */
.i-ok-squared:before {
    content: '\f14a';
}
/* '' */
.i-pencil-squared:before {
    content: '\f14b';
}
/* '' */
.i-link-ext-alt:before {
    content: '\f14c';
}
/* '' */
.i-export-alt:before {
    content: '\f14d';
}
/* '' */
.i-compass-1:before {
    content: '\f14e';
}
/* '' */
.i-expand:before {
    content: '\f150';
}
/* '' */
.i-collapse:before {
    content: '\f151';
}
/* '' */
.i-expand-right:before {
    content: '\f152';
}
/* '' */
.i-euro:before {
    content: '\f153';
}
/* '' */
.i-pound:before {
    content: '\f154';
}
/* '' */
.i-dollar:before {
    content: '\f155';
}
/* '' */
.i-rupee:before {
    content: '\f156';
}
/* '' */
.i-yen:before {
    content: '\f157';
}
/* '' */
.i-rouble:before {
    content: '\f158';
}
/* '' */
.i-won:before {
    content: '\f159';
}
/* '' */
.i-bitcoin-1:before {
    content: '\f15a';
}
/* '' */
.i-doc-inv:before {
    content: '\f15b';
}
/* '' */
.i-doc-text-inv:before {
    content: '\f15c';
}
/* '' */
.i-sort-name-up:before {
    content: '\f15d';
}
/* '' */
.i-sort-name-down:before {
    content: '\f15e';
}
/* '' */
.i-sort-alt-up:before {
    content: '\f160';
}
/* '' */
.i-sort-alt-down:before {
    content: '\f161';
}
/* '' */
.i-sort-number-up:before {
    content: '\f162';
}
/* '' */
.i-sort-number-down:before {
    content: '\f163';
}
/* '' */
.i-thumbs-up-alt:before {
    content: '\f164';
}
/* '' */
.i-thumbs-down-alt:before {
    content: '\f165';
}
/* '' */
.i-youtube-squared:before {
    content: '\f166';
}
/* '' */
.i-youtube-3:before {
    content: '\f167';
}
/* '' */
.i-xing-1:before {
    content: '\f168';
}
/* '' */
.i-xing-squared:before {
    content: '\f169';
}
/* '' */
.i-youtube-play:before {
    content: '\f16a';
}
/* '' */
.i-dropbox-1:before {
    content: '\f16b';
}
/* '' */
.i-stackoverflow-2:before {
    content: '\f16c';
}
/* '' */
.i-instagram-3:before {
    content: '\f16d';
}
/* '' */
.i-flickr-2:before {
    content: '\f16e';
}
/* '' */
.i-adn:before {
    content: '\f170';
}
/* '' */
.i-bitbucket-1:before {
    content: '\f171';
}
/* '' */
.i-bitbucket-squared:before {
    content: '\f172';
}
/* '' */
.i-tumblr-3:before {
    content: '\f173';
}
/* '' */
.i-tumblr-squared:before {
    content: '\f174';
}
/* '' */
.i-down-1:before {
    content: '\f175';
}
/* '' */
.i-up-1:before {
    content: '\f176';
}
/* '' */
.i-left-1:before {
    content: '\f177';
}
/* '' */
.i-right-1:before {
    content: '\f178';
}
/* '' */
.i-apple:before {
    content: '\f179';
}
/* '' */
.i-windows-1:before {
    content: '\f17a';
}
/* '' */
.i-android-1:before {
    content: '\f17b';
}
/* '' */
.i-linux:before {
    content: '\f17c';
}
/* '' */
.i-dribbble-2:before {
    content: '\f17d';
}
/* '' */
.i-skype-4:before {
    content: '\f17e';
}
/* '' */
.i-foursquare-2:before {
    content: '\f180';
}
/* '' */
.i-trello:before {
    content: '\f181';
}
/* '' */
.i-female-1:before {
    content: '\f182';
}
/* '' */
.i-male-1:before {
    content: '\f183';
}
/* '' */
.i-gittip:before {
    content: '\f184';
}
/* '' */
.i-sun:before {
    content: '\f185';
}
/* '' */
.i-moon:before {
    content: '\f186';
}
/* '' */
.i-box-1:before {
    content: '\f187';
}
/* '' */
.i-bug:before {
    content: '\f188';
}
/* '' */
.i-vkontakte-1:before {
    content: '\f189';
}
/* '' */
.i-weibo-1:before {
    content: '\f18a';
}
/* '' */
.i-renren:before {
    content: '\f18b';
}
/* '' */
.i-pagelines:before {
    content: '\f18c';
}
/* '' */
.i-stackexchange:before {
    content: '\f18d';
}
/* '' */
.i-right-circled2:before {
    content: '\f18e';
}
/* '' */
.i-left-circled2:before {
    content: '\f190';
}
/* '' */
.i-collapse-left:before {
    content: '\f191';
}
/* '' */
.i-dot-circled:before {
    content: '\f192';
}
/* '' */
.i-wheelchair:before {
    content: '\f193';
}
/* '' */
.i-vimeo-squared:before {
    content: '\f194';
}
/* '' */
.i-try:before {
    content: '\f195';
}
/* '' */
.i-plus-squared-alt:before {
    content: '\f196';
}
/* '' */
.i-space-shuttle:before {
    content: '\f197';
}
/* '' */
.i-slack:before {
    content: '\f198';
}
/* '' */
.i-mail-squared:before {
    content: '\f199';
}
/* '' */
.i-wordpress-3:before {
    content: '\f19a';
}
/* '' */
.i-openid-1:before {
    content: '\f19b';
}
/* '' */
.i-bank:before {
    content: '\f19c';
}
/* '' */
.i-graduation-cap-1:before {
    content: '\f19d';
}
/* '' */
.i-yahoo-1:before {
    content: '\f19e';
}
/* '' */
.i-google-1:before {
    content: '\f1a0';
}
/* '' */
.i-reddit-2:before {
    content: '\f1a1';
}
/* '' */
.i-reddit-squared:before {
    content: '\f1a2';
}
/* '' */
.i-stumbleupon-circled:before {
    content: '\f1a3';
}
/* '' */
.i-stumbleupon-2:before {
    content: '\f1a4';
}
/* '' */
.i-delicious-2:before {
    content: '\f1a5';
}
/* '' */
.i-digg-2:before {
    content: '\f1a6';
}
/* '' */
.i-pied-piper-squared:before {
    content: '\f1a7';
}
/* '' */
.i-pied-piper-alt:before {
    content: '\f1a8';
}
/* '' */
.i-drupal-1:before {
    content: '\f1a9';
}
/* '' */
.i-joomla:before {
    content: '\f1aa';
}
/* '' */
.i-language:before {
    content: '\f1ab';
}
/* '' */
.i-fax:before {
    content: '\f1ac';
}
/* '' */
.i-building-filled:before {
    content: '\f1ad';
}
/* '' */
.i-child-1:before {
    content: '\f1ae';
}
/* '' */
.i-paw:before {
    content: '\f1b0';
}
/* '' */
.i-spoon:before {
    content: '\f1b1';
}
/* '' */
.i-cube:before {
    content: '\f1b2';
}
/* '' */
.i-cubes:before {
    content: '\f1b3';
}
/* '' */
.i-behance-1:before {
    content: '\f1b4';
}
/* '' */
.i-behance-squared:before {
    content: '\f1b5';
}
/* '' */
.i-steam-1:before {
    content: '\f1b6';
}
/* '' */
.i-steam-squared:before {
    content: '\f1b7';
}
/* '' */
.i-recycle:before {
    content: '\f1b8';
}
/* '' */
.i-cab:before {
    content: '\f1b9';
}
/* '' */
.i-taxi:before {
    content: '\f1ba';
}
/* '' */
.i-tree:before {
    content: '\f1bb';
}
/* '' */
.i-spotify-1:before {
    content: '\f1bc';
}
/* '' */
.i-deviantart-2:before {
    content: '\f1bd';
}
/* '' */
.i-soundcloud-1:before {
    content: '\f1be';
}
/* '' */
.i-database-1:before {
    content: '\f1c0';
}
/* '' */
.i-file-pdf:before {
    content: '\f1c1';
}
/* '' */
.i-file-word:before {
    content: '\f1c2';
}
/* '' */
.i-file-excel:before {
    content: '\f1c3';
}
/* '' */
.i-file-powerpoint:before {
    content: '\f1c4';
}
/* '' */
.i-file-image:before {
    content: '\f1c5';
}
/* '' */
.i-file-archive:before {
    content: '\f1c6';
}
/* '' */
.i-file-audio:before {
    content: '\f1c7';
}
/* '' */
.i-file-video:before {
    content: '\f1c8';
}
/* '' */
.i-file-code:before {
    content: '\f1c9';
}
/* '' */
.i-vine:before {
    content: '\f1ca';
}
/* '' */
.i-codeopen:before {
    content: '\f1cb';
}
/* '' */
.i-jsfiddle:before {
    content: '\f1cc';
}
/* '' */
.i-lifebuoy:before {
    content: '\f1cd';
}
/* '' */
.i-circle-notch:before {
    content: '\f1ce';
}
/* '' */
.i-rebel:before {
    content: '\f1d0';
}
/* '' */
.i-empire:before {
    content: '\f1d1';
}
/* '' */
.i-git-squared:before {
    content: '\f1d2';
}
/* '' */
.i-git:before {
    content: '\f1d3';
}
/* '' */
.i-hacker-news:before {
    content: '\f1d4';
}
/* '' */
.i-tencent-weibo:before {
    content: '\f1d5';
}
/* '' */
.i-qq:before {
    content: '\f1d6';
}
/* '' */
.i-wechat:before {
    content: '\f1d7';
}
/* '' */
.i-paper-plane-1:before {
    content: '\f1d8';
}
/* '' */
.i-paper-plane-empty:before {
    content: '\f1d9';
}
/* '' */
.i-history:before {
    content: '\f1da';
}
/* '' */
.i-circle-thin:before {
    content: '\f1db';
}
/* '' */
.i-header:before {
    content: '\f1dc';
}
/* '' */
.i-paragraph:before {
    content: '\f1dd';
}
/* '' */
.i-sliders:before {
    content: '\f1de';
}
/* '' */
.i-share-1:before {
    content: '\f1e0';
}
/* '' */
.i-share-squared:before {
    content: '\f1e1';
}
/* '' */
.i-bomb:before {
    content: '\f1e2';
}
/* '' */
.i-soccer-ball:before {
    content: '\f1e3';
}
/* '' */
.i-tty:before {
    content: '\f1e4';
}
/* '' */
.i-binoculars:before {
    content: '\f1e5';
}
/* '' */
.i-plug:before {
    content: '\f1e6';
}
/* '' */
.i-slideshare-1:before {
    content: '\f1e7';
}
/* '' */
.i-twitch:before {
    content: '\f1e8';
}
/* '' */
.i-yelp-1:before {
    content: '\f1e9';
}
/* '' */
.i-newspaper:before {
    content: '\f1ea';
}
/* '' */
.i-wifi:before {
    content: '\f1eb';
}
/* '' */
.i-calc:before {
    content: '\f1ec';
}
/* '' */
.i-paypal-1:before {
    content: '\f1ed';
}
/* '' */
.i-gwallet:before {
    content: '\f1ee';
}
/* '' */
.i-cc-visa:before {
    content: '\f1f0';
}
/* '' */
.i-cc-mastercard:before {
    content: '\f1f1';
}
/* '' */
.i-cc-discover:before {
    content: '\f1f2';
}
/* '' */
.i-cc-amex:before {
    content: '\f1f3';
}
/* '' */
.i-cc-paypal:before {
    content: '\f1f4';
}
/* '' */
.i-cc-stripe:before {
    content: '\f1f5';
}
/* '' */
.i-bell-off:before {
    content: '\f1f6';
}
/* '' */
.i-bell-off-empty:before {
    content: '\f1f7';
}
/* '' */
.i-trash-3:before {
    content: '\f1f8';
}
/* '' */
.i-copyright:before {
    content: '\f1f9';
}
/* '' */
.i-at:before {
    content: '\f1fa';
}
/* '' */
.i-eyedropper:before {
    content: '\f1fb';
}
/* '' */
.i-brush:before {
    content: '\f1fc';
}
/* '' */
.i-birthday:before {
    content: '\f1fd';
}
/* '' */
.i-chart-area:before {
    content: '\f1fe';
}
/* '' */
.i-chart-pie:before {
    content: '\f200';
}
/* '' */
.i-chart-line:before {
    content: '\f201';
}
/* '' */
.i-lastfm-2:before {
    content: '\f202';
}
/* '' */
.i-lastfm-squared:before {
    content: '\f203';
}
/* '' */
.i-toggle-off:before {
    content: '\f204';
}
/* '' */
.i-toggle-on:before {
    content: '\f205';
}
/* '' */
.i-bicycle-1:before {
    content: '\f206';
}
/* '' */
.i-bus-1:before {
    content: '\f207';
}
/* '' */
.i-ioxhost:before {
    content: '\f208';
}
/* '' */
.i-angellist-1:before {
    content: '\f209';
}
/* '' */
.i-cc-2:before {
    content: '\f20a';
}
/* '' */
.i-shekel:before {
    content: '\f20b';
}
/* '' */
.i-meanpath:before {
    content: '\f20c';
}
/* '' */
.i-buysellads:before {
    content: '\f20d';
}
/* '' */
.i-connectdevelop:before {
    content: '\f20e';
}
/* '' */
.i-dashcube:before {
    content: '\f210';
}
/* '' */
.i-forumbee:before {
    content: '\f211';
}
/* '' */
.i-leanpub:before {
    content: '\f212';
}
/* '' */
.i-sellsy:before {
    content: '\f213';
}
/* '' */
.i-shirtsinbulk:before {
    content: '\f214';
}
/* '' */
.i-simplybuilt:before {
    content: '\f215';
}
/* '' */
.i-skyatlas:before {
    content: '\f216';
}
/* '' */
.i-cart-plus:before {
    content: '\f217';
}
/* '' */
.i-cart-arrow-down:before {
    content: '\f218';
}
/* '' */
.i-diamond-1:before {
    content: '\f219';
}
/* '' */
.i-ship:before {
    content: '\f21a';
}
/* '' */
.i-user-secret:before {
    content: '\f21b';
}
/* '' */
.i-motorcycle:before {
    content: '\f21c';
}
/* '' */
.i-street-view:before {
    content: '\f21d';
}
/* '' */
.i-heartbeat:before {
    content: '\f21e';
}
/* '' */
.i-venus:before {
    content: '\f221';
}
/* '' */
.i-mars:before {
    content: '\f222';
}
/* '' */
.i-mercury:before {
    content: '\f223';
}
/* '' */
.i-transgender:before {
    content: '\f224';
}
/* '' */
.i-transgender-alt:before {
    content: '\f225';
}
/* '' */
.i-venus-double:before {
    content: '\f226';
}
/* '' */
.i-mars-double:before {
    content: '\f227';
}
/* '' */
.i-venus-mars:before {
    content: '\f228';
}
/* '' */
.i-mars-stroke:before {
    content: '\f229';
}
/* '' */
.i-mars-stroke-v:before {
    content: '\f22a';
}
/* '' */
.i-mars-stroke-h:before {
    content: '\f22b';
}
/* '' */
.i-neuter:before {
    content: '\f22c';
}
/* '' */
.i-genderless:before {
    content: '\f22d';
}
/* '' */
.i-facebook-official:before {
    content: '\f230';
}
/* '' */
.i-pinterest-2:before {
    content: '\f231';
}
/* '' */
.i-whatsapp:before {
    content: '\f232';
}
/* '' */
.i-server:before {
    content: '\f233';
}
/* '' */
.i-user-plus:before {
    content: '\f234';
}
/* '' */
.i-user-times:before {
    content: '\f235';
}
/* '' */
.i-bed:before {
    content: '\f236';
}
/* '' */
.i-viacoin:before {
    content: '\f237';
}
/* '' */
.i-train:before {
    content: '\f238';
}
/* '' */
.i-subway:before {
    content: '\f239';
}
/* '' */
.i-medium:before {
    content: '\f23a';
}
/* '' */
.i-y-combinator:before {
    content: '\f23b';
}
/* '' */
.i-optin-monster:before {
    content: '\f23c';
}
/* '' */
.i-opencart:before {
    content: '\f23d';
}
/* '' */
.i-expeditedssl:before {
    content: '\f23e';
}
/* '' */
.i-battery-4:before {
    content: '\f240';
}
/* '' */
.i-battery-3:before {
    content: '\f241';
}
/* '' */
.i-battery-2:before {
    content: '\f242';
}
/* '' */
.i-battery-1:before {
    content: '\f243';
}
/* '' */
.i-battery-0:before {
    content: '\f244';
}
/* '' */
.i-mouse-pointer:before {
    content: '\f245';
}
/* '' */
.i-i-cursor:before {
    content: '\f246';
}
/* '' */
.i-object-group:before {
    content: '\f247';
}
/* '' */
.i-object-ungroup:before {
    content: '\f248';
}
/* '' */
.i-sticky-note:before {
    content: '\f249';
}
/* '' */
.i-sticky-note-o:before {
    content: '\f24a';
}
/* '' */
.i-cc-jcb:before {
    content: '\f24b';
}
/* '' */
.i-cc-diners-club:before {
    content: '\f24c';
}
/* '' */
.i-clone:before {
    content: '\f24d';
}
/* '' */
.i-balance-scale:before {
    content: '\f24e';
}
/* '' */
.i-hourglass-o:before {
    content: '\f250';
}
/* '' */
.i-hourglass-1:before {
    content: '\f251';
}
/* '' */
.i-hourglass-2:before {
    content: '\f252';
}
/* '' */
.i-hourglass-3:before {
    content: '\f253';
}
/* '' */
.i-hourglass:before {
    content: '\f254';
}
/* '' */
.i-hand-grab-o:before {
    content: '\f255';
}
/* '' */
.i-hand-paper-o:before {
    content: '\f256';
}
/* '' */
.i-hand-scissors-o:before {
    content: '\f257';
}
/* '' */
.i-hand-lizard-o:before {
    content: '\f258';
}
/* '' */
.i-hand-spock-o:before {
    content: '\f259';
}
/* '' */
.i-hand-pointer-o:before {
    content: '\f25a';
}
/* '' */
.i-hand-peace-o:before {
    content: '\f25b';
}
/* '' */
.i-trademark:before {
    content: '\f25c';
}
/* '' */
.i-registered:before {
    content: '\f25d';
}
/* '' */
.i-creative-commons:before {
    content: '\f25e';
}
/* '' */
.i-gg:before {
    content: '\f260';
}
/* '' */
.i-gg-circle:before {
    content: '\f261';
}
/* '' */
.i-tripadvisor:before {
    content: '\f262';
}
/* '' */
.i-odnoklassniki-1:before {
    content: '\f263';
}
/* '' */
.i-odnoklassniki-square:before {
    content: '\f264';
}
/* '' */
.i-get-pocket:before {
    content: '\f265';
}
/* '' */
.i-wikipedia-w:before {
    content: '\f266';
}
/* '' */
.i-safari:before {
    content: '\f267';
}
/* '' */
.i-chrome-2:before {
    content: '\f268';
}
/* '' */
.i-firefox-1:before {
    content: '\f269';
}
/* '' */
.i-opera-1:before {
    content: '\f26a';
}
/* '' */
.i-internet-explorer:before {
    content: '\f26b';
}
/* '' */
.i-television:before {
    content: '\f26c';
}
/* '' */
.i-contao:before {
    content: '\f26d';
}
/* '' */
.i-500px:before {
    content: '\f26e';
}
/* '' */
.i-amazon-1:before {
    content: '\f270';
}
/* '' */
.i-calendar-plus-o:before {
    content: '\f271';
}
/* '' */
.i-calendar-minus-o:before {
    content: '\f272';
}
/* '' */
.i-calendar-times-o:before {
    content: '\f273';
}
/* '' */
.i-calendar-check-o:before {
    content: '\f274';
}
/* '' */
.i-industry:before {
    content: '\f275';
}
/* '' */
.i-map-pin:before {
    content: '\f276';
}
/* '' */
.i-map-signs:before {
    content: '\f277';
}
/* '' */
.i-map-o:before {
    content: '\f278';
}
/* '' */
.i-map:before {
    content: '\f279';
}
/* '' */
.i-commenting:before {
    content: '\f27a';
}
/* '' */
.i-commenting-o:before {
    content: '\f27b';
}
/* '' */
.i-houzz-1:before {
    content: '\f27c';
}
/* '' */
.i-vimeo-3:before {
    content: '\f27d';
}
/* '' */
.i-black-tie:before {
    content: '\f27e';
}
/* '' */
.i-fonticons:before {
    content: '\f280';
}
/* '' */
.i-reddit-alien:before {
    content: '\f281';
}
/* '' */
.i-edge:before {
    content: '\f282';
}
/* '' */
.i-credit-card-alt:before {
    content: '\f283';
}
/* '' */
.i-codiepie:before {
    content: '\f284';
}
/* '' */
.i-modx:before {
    content: '\f285';
}
/* '' */
.i-fort-awesome:before {
    content: '\f286';
}
/* '' */
.i-usb:before {
    content: '\f287';
}
/* '' */
.i-product-hunt:before {
    content: '\f288';
}
/* '' */
.i-mixcloud:before {
    content: '\f289';
}
/* '' */
.i-scribd-1:before {
    content: '\f28a';
}
/* '' */
.i-pause-circle:before {
    content: '\f28b';
}
/* '' */
.i-pause-circle-o:before {
    content: '\f28c';
}
/* '' */
.i-stop-circle:before {
    content: '\f28d';
}
/* '' */
.i-stop-circle-o:before {
    content: '\f28e';
}
/* '' */
.i-shopping-bag:before {
    content: '\f290';
}
/* '' */
.i-shopping-basket:before {
    content: '\f291';
}
/* '' */
.i-hashtag:before {
    content: '\f292';
}
/* '' */
.i-bluetooth:before {
    content: '\f293';
}
/* '' */
.i-bluetooth-b:before {
    content: '\f294';
}
/* '' */
.i-percent:before {
    content: '\f295';
}
/* '' */
.i-gitlab:before {
    content: '\f296';
}
/* '' */
.i-wpbeginner:before {
    content: '\f297';
}
/* '' */
.i-wpforms:before {
    content: '\f298';
}
/* '' */
.i-envira:before {
    content: '\f299';
}
/* '' */
.i-universal-access-1:before {
    content: '\f29a';
}
/* '' */
.i-wheelchair-alt:before {
    content: '\f29b';
}
/* '' */
.i-question-circle-o:before {
    content: '\f29c';
}
/* '' */
.i-blind-1:before {
    content: '\f29d';
}
/* '' */
.i-audio-description:before {
    content: '\f29e';
}
/* '' */
.i-volume-control-phone:before {
    content: '\f2a0';
}
/* '' */
.i-braille-1:before {
    content: '\f2a1';
}
/* '' */
.i-assistive-listening-systems:before {
    content: '\f2a2';
}
/* '' */
.i-american-sign-language-interpreting:before {
    content: '\f2a3';
}
/* '' */
.i-asl-interpreting:before {
    content: '\f2a4';
}
/* '' */
.i-glide:before {
    content: '\f2a5';
}
/* '' */
.i-glide-g:before {
    content: '\f2a6';
}
/* '' */
.i-sign-language:before {
    content: '\f2a7';
}
/* '' */
.i-low-vision:before {
    content: '\f2a8';
}
/* '' */
.i-viadeo-1:before {
    content: '\f2a9';
}
/* '' */
.i-viadeo-square:before {
    content: '\f2aa';
}
/* '' */
.i-snapchat:before {
    content: '\f2ab';
}
/* '' */
.i-snapchat-ghost:before {
    content: '\f2ac';
}
/* '' */
.i-snapchat-square:before {
    content: '\f2ad';
}
/* '' */
.i-pied-piper:before {
    content: '\f2ae';
}
/* '' */
.i-first-order:before {
    content: '\f2b0';
}
/* '' */
.i-yoast:before {
    content: '\f2b1';
}
/* '' */
.i-themeisle:before {
    content: '\f2b2';
}
/* '' */
.i-google-plus-circle:before {
    content: '\f2b3';
}
/* '' */
.i-font-awesome:before {
    content: '\f2b4';
}
/* '' */
.i-handshake-o:before {
    content: '\f2b5';
}
/* '' */
.i-envelope-open:before {
    content: '\f2b6';
}
/* '' */
.i-envelope-open-o:before {
    content: '\f2b7';
}
/* '' */
.i-linode:before {
    content: '\f2b8';
}
/* '' */
.i-address-book-1:before {
    content: '\f2b9';
}
/* '' */
.i-address-book-o:before {
    content: '\f2ba';
}
/* '' */
.i-address-card:before {
    content: '\f2bb';
}
/* '' */
.i-address-card-o:before {
    content: '\f2bc';
}
/* '' */
.i-user-circle:before {
    content: '\f2bd';
}
/* '' */
.i-user-circle-o:before {
    content: '\f2be';
}
/* '' */
.i-user-o:before {
    content: '\f2c0';
}
/* '' */
.i-id-badge:before {
    content: '\f2c1';
}
/* '' */
.i-id-card:before {
    content: '\f2c2';
}
/* '' */
.i-id-card-o:before {
    content: '\f2c3';
}
/* '' */
.i-quora-1:before {
    content: '\f2c4';
}
/* '' */
.i-free-code-camp:before {
    content: '\f2c5';
}
/* '' */
.i-telegram:before {
    content: '\f2c6';
}
/* '' */
.i-thermometer:before {
    content: '\f2c7';
}
/* '' */
.i-thermometer-3:before {
    content: '\f2c8';
}
/* '' */
.i-thermometer-2:before {
    content: '\f2c9';
}
/* '' */
.i-thermometer-quarter:before {
    content: '\f2ca';
}
/* '' */
.i-thermometer-0:before {
    content: '\f2cb';
}
/* '' */
.i-shower:before {
    content: '\f2cc';
}
/* '' */
.i-bath:before {
    content: '\f2cd';
}
/* '' */
.i-podcast-1:before {
    content: '\f2ce';
}
/* '' */
.i-window-maximize:before {
    content: '\f2d0';
}
/* '' */
.i-window-minimize:before {
    content: '\f2d1';
}
/* '' */
.i-window-restore:before {
    content: '\f2d2';
}
/* '' */
.i-window-close:before {
    content: '\f2d3';
}
/* '' */
.i-window-close-o:before {
    content: '\f2d4';
}
/* '' */
.i-bandcamp-1:before {
    content: '\f2d5';
}
/* '' */
.i-grav:before {
    content: '\f2d6';
}
/* '' */
.i-etsy:before {
    content: '\f2d7';
}
/* '' */
.i-imdb:before {
    content: '\f2d8';
}
/* '' */
.i-ravelry:before {
    content: '\f2d9';
}
/* '' */
.i-eercast:before {
    content: '\f2da';
}
/* '' */
.i-microchip:before {
    content: '\f2db';
}
/* '' */
.i-snowflake-o:before {
    content: '\f2dc';
}
/* '' */
.i-superpowers:before {
    content: '\f2dd';
}
/* '' */
.i-wpexplorer:before {
    content: '\f2de';
}
/* '' */
.i-meetup-1:before {
    content: '\f2e0';
}
/* '' */
.i-facebook-1:before {
    content: '\f300';
}
/* '' */
.i-facebook-rect:before {
    content: '\f301';
}
/* '' */
.i-twitter-1:before {
    content: '\f302';
}
/* '' */
.i-twitter-bird:before {
    content: '\f303';
}
/* '' */
.i-icq:before {
    content: '\f304';
}
/* '' */
.i-yandex:before {
    content: '\f305';
}
/* '' */
.i-yandex-rect:before {
    content: '\f306';
}
/* '' */
.i-github-text-1:before {
    content: '\f307';
}
/* '' */
.i-github-1:before {
    content: '\f308';
}
/* '' */
.i-googleplus-rect:before {
    content: '\f309';
}
/* '' */
.i-vkontakte-rect:before {
    content: '\f30a';
}
/* '' */
.i-skype:before {
    content: '\f30b';
}
/* '' */
.i-odnoklassniki:before {
    content: '\f30c';
}
/* '' */
.i-odnoklassniki-rect:before {
    content: '\f30d';
}
/* '' */
.i-vimeo-rect:before {
    content: '\f30e';
}
/* '' */
.i-vimeo-1:before {
    content: '\f30f';
}
/* '' */
.i-tumblr-rect:before {
    content: '\f310';
}
/* '' */
.i-tumblr-1:before {
    content: '\f311';
}
/* '' */
.i-linkedin-rect:before {
    content: '\f312';
}
/* '' */
.i-youtube:before {
    content: '\f313';
}
/* '' */
.i-blogger-1:before {
    content: '\f314';
}
/* '' */
.i-blogger-rect:before {
    content: '\f315';
}
/* '' */
.i-deviantart-1:before {
    content: '\f316';
}
/* '' */
.i-jabber:before {
    content: '\f317';
}
/* '' */
.i-lastfm:before {
    content: '\f318';
}
/* '' */
.i-lastfm-rect:before {
    content: '\f319';
}
/* '' */
.i-linkedin-1:before {
    content: '\f31a';
}
/* '' */
.i-linkedin-rect-1:before {
    content: '\f31b';
}
/* '' */
.i-picasa-1:before {
    content: '\f31c';
}
/* '' */
.i-wordpress-1:before {
    content: '\f31d';
}
/* '' */
.i-instagram-1:before {
    content: '\f31e';
}
/* '' */
.i-instagram-filled:before {
    content: '\f31f';
}
/* '' */
.i-diigo:before {
    content: '\f320';
}
/* '' */
.i-box:before {
    content: '\f321';
}
/* '' */
.i-box-rect:before {
    content: '\f322';
}
/* '' */
.i-tudou:before {
    content: '\f323';
}
/* '' */
.i-youku:before {
    content: '\f324';
}
/* '' */
.i-win8:before {
    content: '\f325';
}
/* '' */
.i-amex:before {
    content: '\f326';
}
/* '' */
.i-discover:before {
    content: '\f327';
}
/* '' */
.i-visa:before {
    content: '\f328';
}
/* '' */
.i-mastercard:before {
    content: '\f329';
}
/* '' */
.i-houzz:before {
    content: '\f32a';
}
/* '' */
.i-bandcamp:before {
    content: '\f32b';
}
/* '' */
.i-codepen:before {
    content: '\f32c';
}
/* '' */
.i-instagram-4:before {
    content: '\f32d';
}
/* '' */
.i-dropbox-2:before {
    content: '\f330';
}
/* '' */
.i-evernote-1:before {
    content: '\f333';
}
/* '' */
.i-flattr-1:before {
    content: '\f336';
}
/* '' */
.i-skype-5:before {
    content: '\f339';
}
/* '' */
.i-skype-circled:before {
    content: '\f33a';
}
/* '' */
.i-renren-1:before {
    content: '\f33c';
}
/* '' */
.i-sina-weibo:before {
    content: '\f33f';
}
/* '' */
.i-paypal-2:before {
    content: '\f342';
}
/* '' */
.i-picasa-2:before {
    content: '\f345';
}
/* '' */
.i-soundcloud-2:before {
    content: '\f348';
}
/* '' */
.i-mixi:before {
    content: '\f34b';
}
/* '' */
.i-behance-2:before {
    content: '\f34e';
}
/* '' */
.i-google-circles:before {
    content: '\f351';
}
/* '' */
.i-vkontakte-2:before {
    content: '\f354';
}
/* '' */
.i-smashing:before {
    content: '\f357';
}
/* '' */
.i-comment-7:before {
    content: '\f4ac';
}
/* '' */
.i-folder-open-empty-1:before {
    content: '\f4c2';
}
/* '' */
.i-calendar-8:before {
    content: '\f4c5';
}
/* '' */
.i-newspaper-2:before {
    content: '\f4f0';
}
/* '' */
.i-camera-7:before {
    content: '\f4f7';
}
/* '' */
.i-search-8:before {
    content: '\f50d';
}
/* '' */
.i-lock-alt:before {
    content: '\f510';
}
/* '' */
.i-lock-8:before {
    content: '\f512';
}
/* '' */
.i-lock-open-7:before {
    content: '\f513';
}
/* '' */
.i-joystick:before {
    content: '\f514';
}
/* '' */
.i-fire-3:before {
    content: '\f525';
}
/* '' */
.i-chart-bar-5:before {
    content: '\f526';
}
/* '' */
.i-spread:before {
    content: '\f527';
}
/* '' */
.i-spinner1:before {
    content: '\f528';
}
/* '' */
.i-spinner2:before {
    content: '\f529';
}
/* '' */
.i-db-shape:before {
    content: '\f600';
}
/* '' */
.i-sweden:before {
    content: '\f601';
}
/* '' */
.i-logo-db:before {
    content: '\f603';
}
/* '' */

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url('/content/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/content/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/content/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/content/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/content/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}