/* Minification failed. Returning unminified contents.
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(58,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(60,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(64,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-title'
(65,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(93,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(114,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(115,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(129,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(134,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(135,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(139,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(140,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(144,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(145,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(149,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(150,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(177,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(178,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(191,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(196,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(197,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-title'
(198,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(214,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(220,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(234,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(243,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(250,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(258,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(276,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(281,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(285,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(293,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(295,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(354,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(355,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(382,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(389,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(404,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(418,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(430,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(438,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(448,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(459,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(461,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(468,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(469,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(476,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(527,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(536,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(544,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(579,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(602,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(609,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(633,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(634,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(645,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(654,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(690,29): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(739,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(744,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(768,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(777,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(778,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(792,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(802,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(803,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(847,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(848,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(862,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(868,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(879,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(880,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(888,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(889,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(892,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(915,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(920,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(928,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(955,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(959,29): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(964,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(981,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(1005,34): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(1026,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(1070,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(1100,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1108,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1112,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1118,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1157,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(1182,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1186,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1191,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1231,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1245,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(1267,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1274,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1276,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(1290,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(1323,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1324,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(1329,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(1334,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1336,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1337,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1342,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(1348,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(1349,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(1371,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1373,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1387,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1391,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1414,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1420,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(1425,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1449,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1451,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(1461,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(1485,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1502,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1503,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1566,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(1570,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1577,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1580,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(1598,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(1599,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1607,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1609,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(1660,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1662,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(1672,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1682,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1694,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1702,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(1706,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1710,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1714,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1742,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(1746,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(1753,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1761,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1763,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(1769,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1793,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(1823,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(1828,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(1829,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(1854,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(1855,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(1919,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(1936,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(1943,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1987,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1992,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(1997,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(1998,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2003,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(2009,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(2039,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(2046,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(2048,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2049,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(2070,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(2076,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2081,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2082,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(2098,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2099,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2123,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2152,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2160,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2163,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2181,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(2186,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2195,29): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(2199,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2218,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2247,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2252,39): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2260,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(2262,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2278,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2279,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2292,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(2309,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(2316,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2326,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(2359,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2366,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(2375,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(2415,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(2426,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(2440,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2454,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(2455,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2474,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2480,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2493,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2495,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2504,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(2510,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2512,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2518,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2527,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2540,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2541,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2547,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2549,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(2551,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2555,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2556,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(2567,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(2569,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(2574,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2593,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(2599,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2601,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(2622,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(2627,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(2629,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2636,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2652,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2654,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2659,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2692,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2700,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(2702,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2714,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2719,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2720,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(2727,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2733,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(2735,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2736,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(2774,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2776,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(2784,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2795,34): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2801,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2817,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2849,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(2854,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2916,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2923,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(2932,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(2940,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(2941,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(2943,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(2952,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3027,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3033,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(3036,40): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3070,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(3077,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(3107,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(3112,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3115,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(3120,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3155,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3165,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3169,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3179,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(3191,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3226,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3239,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(3247,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3262,34): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3274,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3282,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(3318,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(3338,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3364,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(3369,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(3370,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(3398,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(3399,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(3409,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(3413,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3432,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(3433,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(3435,37): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3438,40): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3446,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(3450,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(3458,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3459,40): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3467,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3474,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(3475,43): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3479,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(3504,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3518,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(3521,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(3587,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(3588,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(3713,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(3718,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(3723,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(3726,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(3737,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(3738,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(3747,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(3748,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(3765,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(3766,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(3771,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(3773,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(3781,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(3789,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(3791,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(3814,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(3847,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(3858,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(3960,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(3975,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4003,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(4004,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(4006,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4028,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(4030,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(4048,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4049,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(4050,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(4059,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(4072,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(4083,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4085,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4095,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4098,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(4108,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4116,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4128,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4143,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4144,34): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4145,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4152,39): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4158,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(4159,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4164,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(4193,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(4195,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4199,24): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(4203,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(4208,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(4228,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(4229,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(4239,34): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4244,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4248,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4252,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(4256,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4278,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(4280,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(4285,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4329,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(4376,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4381,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4387,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-ok'
(4389,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4398,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4421,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4422,29): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4440,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4445,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4478,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4527,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4529,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4545,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4550,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4555,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4556,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(4586,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4594,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4605,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4639,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(4646,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4655,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(4661,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4667,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(4673,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(4756,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(4825,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4852,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4882,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4891,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4897,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(4982,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(4983,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(4984,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(5079,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(5084,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(5108,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(5116,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(5119,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5123,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5129,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5144,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(5220,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(5234,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(5241,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(5271,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5278,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(5289,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(5294,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(5311,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5335,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5346,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(5387,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5412,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(5414,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(5434,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5444,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5451,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(5455,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(5532,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5565,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(5569,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5572,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(5598,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5612,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5622,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5629,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5668,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5676,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5754,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5769,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5780,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5787,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5792,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5803,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5825,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(5834,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(5835,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(5840,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5841,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(5858,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5861,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(5879,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(5901,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5922,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(5925,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(5926,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(5950,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(5960,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(5968,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(5980,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(6014,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6030,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6039,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6047,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6048,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6052,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6061,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6079,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6084,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6088,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6109,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6110,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6114,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6122,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6123,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6135,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(6143,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6151,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(6181,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6186,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6187,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6191,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6192,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6203,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6205,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(6211,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6212,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(6213,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6226,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6258,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6263,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6268,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6299,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(6334,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6341,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6347,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6351,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(6358,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6394,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6395,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6409,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6423,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(6434,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(6446,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6451,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6456,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6472,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6488,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6514,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6515,34): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6516,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6517,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6529,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6536,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6537,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6540,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(6549,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6555,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6559,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6573,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6600,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6609,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6615,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6639,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6670,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6676,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6689,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6710,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6718,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6735,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6743,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6744,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6763,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6769,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6780,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6790,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(6796,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6810,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(6814,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(6828,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(6829,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6882,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6883,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6892,34): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6899,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6900,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6912,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(6916,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(6924,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6928,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(6935,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(6939,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(6946,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6955,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(6965,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(6974,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7001,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7012,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7028,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(7029,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7033,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7059,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7071,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7098,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(7112,42): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7121,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7122,42): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7135,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7149,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7153,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7179,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7180,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(7183,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7224,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7269,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7281,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7283,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(7287,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7292,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7327,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7344,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7350,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-ok'
(7359,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7401,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(7407,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(7431,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7435,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7447,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7465,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(7471,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7497,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7506,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7548,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(7550,24): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(7561,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7573,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7574,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(7583,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7590,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7598,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(7651,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7676,41): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7677,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7702,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7707,29): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7711,29): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7724,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(7735,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7742,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-ok'
(7767,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7813,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7820,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(7826,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7834,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7864,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(7876,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7896,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(7900,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7901,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(7930,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7934,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7979,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7980,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(7993,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(7994,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8068,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8088,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8090,24): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8091,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(8095,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8096,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8122,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8166,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(8180,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(8190,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(8278,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8288,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(8302,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(8303,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(8308,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8315,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8316,44): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8331,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(8382,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8395,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(8402,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8407,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8411,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(8495,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8497,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(8498,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(8510,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8512,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(8555,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8559,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(8569,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(8571,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(8572,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(8576,29): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(8615,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8649,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8654,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(8670,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8671,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(8700,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8707,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(8762,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8795,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8804,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(8843,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(8844,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8871,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8872,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(8885,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(8886,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(8889,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(8964,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(9021,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9022,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9028,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(9054,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(9055,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(9075,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9086,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(9105,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(9113,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9184,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9188,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9196,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9197,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9201,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9206,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9207,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9217,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9234,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9236,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9287,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9302,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9304,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9319,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9321,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9333,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(9348,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9351,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9362,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9401,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9417,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(9426,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9427,44): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9453,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(9466,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9467,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9471,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(9476,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9480,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9484,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9489,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9537,24): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9538,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9543,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9550,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9551,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(9553,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(9575,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(9613,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9623,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9624,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9630,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(9635,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(9660,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9662,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(9689,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(9731,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9736,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9807,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(9812,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(9813,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(9814,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(9847,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(9871,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(9874,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9914,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9915,40): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(9928,59): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(9929,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(9937,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(9966,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(9974,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10097,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10109,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10112,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10126,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10127,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(10133,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10134,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10186,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10215,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10223,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(10230,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10233,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(10238,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10247,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10265,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10267,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(10268,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(10276,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10278,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(10279,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(10283,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(10284,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(10289,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10297,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10322,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10323,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10328,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10368,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10389,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(10393,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10405,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10410,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10431,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10447,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10468,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10494,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10495,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10498,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10504,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10510,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10564,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(10599,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(10607,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(10609,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(10634,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(10645,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10651,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10655,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(10663,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10664,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(10680,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10691,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10720,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10721,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10725,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10731,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(10748,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(10749,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10756,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(10757,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10764,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10768,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10772,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(10777,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(10778,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(10880,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(10908,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10920,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(10935,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(10979,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(10989,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-ok'
(11007,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(11012,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11099,29): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(11120,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(11140,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(11158,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11193,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11206,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11213,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-ok'
(11217,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(11268,40): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11269,43): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11271,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(11277,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(11283,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11288,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11300,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(11301,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(11302,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11319,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11330,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11350,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11362,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-quaternary'
(11408,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11446,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11465,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11472,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11492,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(11540,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11568,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11593,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-quaternary'
(11660,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11759,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11771,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11775,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(11780,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11782,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11787,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11803,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11813,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(11820,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(11826,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(11847,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(11853,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(11854,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(11861,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(11870,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(11877,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(11885,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary-dark'
(11889,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary-dark'
(11994,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(11996,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(11999,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(12004,39): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(12008,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(12012,39): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(12020,37): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(12021,38): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(12022,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(12029,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(12045,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(12081,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(12096,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(12108,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(12109,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(12117,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(12123,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(12127,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(12129,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(12145,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(12150,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(12151,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(12155,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(12159,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(12164,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(12172,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(12179,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(12183,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(12185,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(12192,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(12219,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(12252,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(12259,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(12265,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(12272,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(12274,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(12286,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(12297,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-highlighter'
(12301,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-highlighter'
(12305,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-highlighter'
(12312,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(12321,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(12327,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(12368,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(12383,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(12388,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(13195,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(13275,41): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(13276,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(13444,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(13453,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(13552,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(13556,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(13614,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(13823,44): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(13861,40): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(13965,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(14197,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(14469,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(14493,59): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14493,80): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14494,56): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14494,77): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14495,54): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14495,75): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14496,55): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14496,76): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14497,51): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14497,72): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14511,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(14548,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(14552,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14558,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(14559,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(14564,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(14565,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14571,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14573,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14574,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(14580,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14581,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14616,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14631,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14635,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14641,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14656,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14657,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14663,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(14664,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-quaternary'
(14685,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14686,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(14702,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(14703,39): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14708,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14709,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(14710,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14711,39): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14729,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(14758,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14760,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(14765,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14773,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14783,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14785,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(14786,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(14833,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14845,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14851,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-alert'
(14855,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14866,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(14867,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(14875,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14895,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14896,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(14978,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(14992,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(14996,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(15067,39): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15074,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15083,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15089,39): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15116,20): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(15118,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(15129,20): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15164,20): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(15214,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(15219,14): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(15237,20): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15239,14): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(15403,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(15413,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(15614,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(15621,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(15634,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15652,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15713,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15726,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15729,20): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15732,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15733,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15736,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15741,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15745,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(15746,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15750,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(15784,23): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15788,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15792,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15817,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(15832,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(15850,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(15864,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15887,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15894,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(15899,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15906,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(15909,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(15914,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(15940,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15954,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(15955,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(15957,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(15982,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15986,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(15990,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(16108,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(16119,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(16157,20): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(16172,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(16268,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(16328,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(16358,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(16434,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(16502,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(16519,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(16525,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(16567,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(16571,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(16575,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(16578,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(17349,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(17353,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(17359,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(17363,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(17371,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(17517,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(17590,32): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(17602,39): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(17611,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-dark'
(17615,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-body'
(17616,31): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(17622,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(17625,39): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(17627,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-title'
(17628,27): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-regular'
(17632,36): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(17664,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(17672,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(17724,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(17755,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(17823,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(17863,33): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(17882,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-light'
(17899,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(17900,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(17906,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(17913,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
(17921,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(17930,20): run-time error CSS1039: Token not allowed after unary operator: '-cc-tertiary'
(17939,20): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(17950,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary'
(17965,15): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary'
(17969,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-weight-bold'
 */
/*@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/SourceSansPro-Regular/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro-Regular/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff2') format('woff2'), url('../fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf') format('truetype'), url('../fonts/SourceSansPro-Regular/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/SourceSansPro-SemiBold/SourceSansPro-SemiBold.eot');
    src: url('../fonts/SourceSansPro-SemiBold/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-SemiBold/SourceSansPro-SemiBold.woff2') format('woff2'), url('../fonts/SourceSansPro-SemiBold/SourceSansPro-SemiBold.woff') format('woff'), url('../fonts/SourceSansPro-SemiBold/SourceSansPro-SemiBold.ttf') format('truetype'), url('../fonts/SourceSansPro-SemiBold/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format('svg');
}*/


:root {
    --cc-primary: #355b82;
    --cc-primary-dark: #1d3146;
    --cc-tertiary: #355b82;
    --cc-secondary: #696969;
    --cc-quaternary: #e22021;
    --cc-dark: #3c3d42;
    --cc-light: #d2d2d2;
    --cc-highlighter: #fff965;
    --cc-electric-blue: #355b82;
    --cc-alert: #e22021;
    --cc-ok: #009132;
    --cc-weight-regular: 400;
    --cc-weight-bold: 600;
    --cc-font-body: 'Montserrat', sans-serif;
    --cc-font-title: 'Exo', sans-serif;
}

* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    vertical-align: top;
}

    *:hover {
        -moz-transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
    }

html, body {
    height: 100%;
    width: 100%;
    font-family: var(--cc-font-body);
    font-weight: var(--cc-weight-regular);
    font-size: 15px;
    color: var(--cc-secondary);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--cc-font-title) !important;
    font-weight: var(--cc-weight-regular) !important;
}

.content.home {
    overflow: auto;
    position: absolute;
    top: 100%;
    width: 100%;
}

    .content.home section, .content.shop section, section.dettaglio {
        width: 100%;
        padding-right: 0px;
        position: relative;
        float: right;
        padding-bottom: 0px;
    }

input:not([type="radio"]) {
    -webkit-appearance: none;
    /*  -webkit-border-radius: 0;
  border-radius: 0;*/
}

input[type="radio"] {
}

input {
    font-family: var(--cc-font-body);
}

    input[type="image"] {
        max-width: 100%;
    }

img {
    border: none;
    max-width: 100%;
    height: auto;
    width: auto;
}

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

strong, b {
    font-family: var(--cc-font-body);
    font-weight: var(--cc-weight-bold); /* perchè è bold not normal*/
}

input, select, textarea, button, .img a {
    outline: none
}

ul {
    list-style-type: none;
    list-style-position: inside;
}

p {
    font-size: 15px;
    color: var(--cc-secondary);
    line-height: 20px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--cc-dark);
    font-weight: var(--cc-weight-regular);
}

::-moz-placeholder { /* Firefox 19+ */
    color: var(--cc-dark);
    font-weight: var(--cc-weight-regular);
}

:-ms-input-placeholder { /* IE 10+ */
    color: var(--cc-dark);
    font-weight: var(--cc-weight-regular);
}

:-moz-placeholder { /* Firefox 18- */
    color: var(--cc-dark);
    font-weight: var(--cc-weight-regular);
}

ul li, ol li {
    list-style-position: inside;
}

section ol {
    margin: 20px 0px
}

    section ol li {
        font-size: 14px;
        /* color: var(--cc-secondary); */
        line-height: 22px;
        margin-bottom: 10px;
        text-align: justify;
        list-style-type: none;
        padding-left: 25px;
        counter-increment: numerazione;
    }

        section ol li::before {
            content: counter(numerazione);
            margin-right: 5px;
            font-size: 15px;
            /* background-color: #3b97a1; */
            color: var(--cc-tertiary);
            font-weight: var(--cc-weight-bold);
            padding: 0px;
            border-radius: 50%;
            position: absolute;
            left: 0px;
        }

hr {
    width: 100%;
    clear: both;
}

a, a:hover {
    color: var(--cc-primary);
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--cc-primary);
    font-family: var(--cc-font-title);
    font-weight: var(--cc-weight-bold); /*  perchè è bold not normal */
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 15px;
}

::selection {
    background: var(--cc-tertiary); /* Safari */
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

::-moz-selection {
    background: var(--cc-tertiary); /* Firefox */
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

input:focus {
    outline: none;
}

.last {
    margin-right: 0px;
}

.btn, input[type="button"].btn, input[type="submit"].btn {
    background-color: var(--cc-tertiary);
    margin: 0px 0 0;
    display: inline-block;
    transition: background 0.2s;
    cursor: pointer;
    text-align: center;
    padding: 11px 25px;
    position: relative;
    font-size: 18px;
    font-weight: var(--cc-weight-regular);
    white-space: normal;
    width: initial;
    overflow: hidden;
    height: auto;
    color: white;
    vertical-align: top;
    font-family: var(--cc-font-body);
    text-decoration: none !important;
    border-radius: 2px;
}

    .btn:hover, input[type="button"].btn:hover, input[type="submit"].btn:hover, .presentazione .box .btn:hover {
        text-decoration: none;
        color: white;
        background-color: var(--cc-dark);
    }

    .btn img {
        height: 32px;
        margin-right: 10px;
    }

    .btn.right {
        float: right
    }

.slideshow .btn, .banner.home .colour .btn {
    /* padding: 20px 30px; */
    /* font-size: 17px; */
    color: white;
    border-color: white;
    margin-top: 20px;
    background: var(--cc-tertiary);
    float: left;
}

    .slideshow .btn:hover {
        border-color: var(--cc-dark);
    }

aside .box input[type="button"].btn:hover {
    background: var(--cc-tertiary);
}

aside .box input[type="button"].btn {
    position: relative;
    float: right;
    text-decoration: none;
    padding: 9px 26px;
    background-color: var(--cc-tertiary);
    color: white;
    font-weight: var(--cc-weight-regular);
    font-size: 18px;
}

.presentazione .dx .btn:hover {
    background: rgba(0, 0, 0, 0.3);
}

.container {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    position: relative;
}

.clear {
    clear: both;
}

.wrapper {
    min-height: 100%;
    margin: 0px auto;
    background: white;
}

div.header {
    position: fixed;
    background: white;
    width: 100%;
    z-index: 9;
    height: 40px;
}

.calendario .header {
    position: relative;
    background: white;
    width: 100%;
    z-index: 0;
    height: auto;
}

div.header.homepage {
    position: relative;
    height: auto;
}

div.header.home, div.header.home div.testata {
    position: absolute;
    height: auto;
    z-index: 1;
    width: 100%;
    background: transparent
}

div.testata {
    height: auto;
    display: inline-block;
    width: 100%;
    background: var(--cc-light);
    border-bottom: 1px solid var(--cc-light);
}

.homepage div.testata {
    position: absolute;
    background: transparent;
}

div.content {
    padding-top: 43px;
    clear: both;
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 500px;
}

    div.content.servizio {
        margin-top: 30px;
    }

        div.content.servizio .logo {
            margin: -14px 0px 10px 0px;
        }

    div.content .paginapay h3 {
        font-size: 19px;
        font-weight: var(--cc-weight-bold);
        color: black;
        margin: 20px 0px 10px 0px;
    }

    div.content h3 svg {
        margin-right: 5px;
        color: var(--cc-secondary);
    }

.paginapay p a {
    text-decoration: underline
}

.paginapay p.p_link a {
    text-decoration: none
}

footer {
    position: relative;
    display: inline-block;
    width: 100%;
    background: var(--cc-light);
}

    footer h2 {
        font-size: 22px;
        color: white;
        line-height: 32px;
    }

    footer p {
        font-size: 14px;
        line-height: 22px;
        width: 100%;
        margin: 24px 0px;
        color: var(--cc-dark);
    }

    footer hr {
        background: rgba(110, 105, 105, 0.3) !important;
        margin: 30px 0px 0px 0px;
    }

    footer h3 {
        margin: 0px 0px 10px 0px;
        font-size: 21px;
        /* font-weight: var(--cc-weight-bold); */
        color: var(--cc-primary);
        text-transform: uppercase;
        /* font-weight: var(--cc-weight-regular); */
    }

.cerca {
    float: left;
    position: relative;
    border: 1px solid var(--cc-light);
    width: 100%;
    height: 42px;
    /*z-index: 99;*/
    margin: 0px 0px 20px 0px;
}

.selettori_shop .cerca {
    float: left;
    position: relative;
    border: 1px solid var(--cc-light);
    width: 100%;
    height: 42px;
    /* z-index: 99; */
    margin: 0px 0px 0px 0px;
    background: white;
}

.cerca input[type="text"] {
    padding: 12px;
    width: 81%;
    color: var(--cc-tertiary);
    font-size: 17px;
    font-family: var(--cc-font-body);
}

.cercabtn {
    width: 40px;
    height: 40px;
    float: right;
    background: var(--cc-light);
    border-left: 1px solid var(--cc-light);
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.cerca .sb-icon-search:hover {
    background: var(--cc-tertiary);
    color: white;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.cerca .sb-icon-search {
    width: 40px;
    height: 40px;
    top: 0px;
    right: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 1;
}

    .cerca .sb-icon-search svg {
        font-size: 20px;
        margin: 10px;
    }

.testata .cerca {
    position: relative;
    border: none;
    width: 373px;
    height: 40px;
    background-color: white;
    margin: 0px;
    float: right;
}

.link.entra {
    position: relative;
    float: left;
    padding-right: 0px;
    margin: 42px 0px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0px 4px;
    margin-left: 20px;
}

.menusup .dx .logo {
    display: none
}

.slideshow {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    background-color: var(--cc-light);
    padding: 0px !important;
    border: none !important;
    margin-bottom: 0px !important;
}

    .slideshow h3 {
        color: white;
        font-size: 30px;
        font-weight: var(--cc-weight-bold);
        /* text-transform: uppercase; */
        text-align: left;
        margin: 20px 0px;
    }

    .slideshow h4 {
        font-size: 17px;
        font-weight: var(--cc-weight-bold);
        text-align: left;
    }

    .slideshow video {
        width: 100%;
        background-color: white;
    }

.testata .centro {
    position: relative;
    float: left;
    width: 60%;
    text-align: center;
}

    .testata .centro img {
    }

.categorie_cerca {
    position: relative;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    height: auto;
    min-height: 45px;
}

.header .cerca input[type="text"] {
    border: none;
    background-color: transparent;
    width: 86%;
    position: relative;
    float: left;
    font-size: 15px;
    color: var(--cc-secondary);
    padding: 8px;
    /* font-weight: var(--cc-weight-bold); */
    height: 42px;
}

.header .cercabtn {
    /* padding: 9px; */
    /* margin: 0px; */
    /* right: 0px; */
    /* float: right; */
    /* width: 40px; */
}

.numeroverde {
    width: 205px;
    position: relative;
    float: left;
    /*background-image: url(/Content/img/bubble.png);*/
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 50px;
    margin: 30px 20px;
    color: var(--cc-tertiary);
}

.home .testata .logo {
    color: white;
    float: left;
    position: relative;
    border: 1px solid var(--cc-light);
    width: 100%;
    height: 42px;
    margin: 0px 0px 0px 0px;
    background: white;
}

.logo {
    margin: 15px 0px;
    float: left;
    position: relative;
    z-index: 2;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    min-height: 149px;
}

    .logo img {
        cursor: pointer;
    }

.errore.big {
    color: var(--cc-alert);
    font-weight: var(--cc-weight-regular);
    text-align: center;
    width: 100%;
    font-size: 40px;
    margin: 40px 0px;
    font-style: italic;
}

section .errore.big .tornaindietro {
    margin-top: 40px;
    border-top: none;
    color: var(--cc-alert);
    display: inline-block;
    width: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
    font-size: 21px;
    float: inherit;
    font-style: initial;
    font-weight: var(--cc-weight-regular);
}

.homepage .logo {
    width: 191px;
    height: 115px;
    margin-bottom: 0px;
}

.testata .container:after {
}

.menusup {
    background: white;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

    .menusup ul {
        display: inline-block;
        position: relative;
        float: right
    }

        .menusup ul li {
            display: inline-block;
            font-size: 15px;
            margin: 10px 0px;
            position: relative;
            padding-left: 29px;
        }

            .menusup ul li svg {
                position: absolute;
                font-size: 21px;
                color: var(--cc-tertiary);
                margin-right: 5px;
                top: 0px;
                left: 0px;
            }

            .menusup ul li:nth-child(2) {
                margin: 0px 60px
            }

    .menusup.shop {
        margin-top: 32px;
    }

    .menusup .modal-dialog p a {
        color: black;
        text-decoration: underline;
        float: left;
        display: inline-block;
        font-size: 14px;
    }

    .menusup a {
        text-decoration: none;
        font-size: 15px;
    }

.registrazione {
    position: relative;
    float: right;
    width: 340px;
    padding-left: 10px;
}

    .registrazione .login {
        position: relative;
        float: left;
        width: 170px;
    }

    .registrazione .field_module {
        padding: 9px;
        background: rgba(255, 255, 255, 0.1);
        -moz-border-radius: 5px;
        border: none;
        border-radius: 5px;
        font-size: 12px;
        float: right;
        width: 100%;
        color: var(--cc-primary);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 5px;
        font-family: var(--cc-font-body);
    }

    .registrazione .links a {
        color: #5d5d5d;
        text-decoration: underline;
        font-size: 11px;
    }

    .registrazione .links {
        position: relative;
        float: left;
        margin-left: 10px;
        line-height: 16px;
        width: 160px;
    }

.links a.btn {
    font-size: 13px;
    color: white;
    text-decoration: none;
    margin-top: 6px;
    position: relative;
    float: left;
    font-weight: var(--cc-weight-bold);
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
}

    .links a.btn:hover {
        text-decoration: none;
        background-color: var(--cc-light);
        color: var(--cc-secondary);
    }

.links a.facebook {
    font-size: 11px;
    color: white;
    text-decoration: none;
    margin-top: 6px;
    position: relative;
    float: left;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    background-color: var(--cc-primary);
    text-transform: inherit;
    margin-left: 5px;
    text-align: left;
    line-height: 11px;
    font-weight: normal;
}

    .links a.facebook:hover {
        text-decoration: none;
        background-color: var(--cc-light);
        color: var(--cc-secondary);
    }

.facebook img {
    position: relative;
    float: left;
    margin-right: 5px;
}

article {
    margin: 0px 0px;
    display: block;
    width: 100%;
    position: relative;
    clear: both
}

    article.catalogo {
        padding-top: 30px;
    }

        article.catalogo section.dettaglio {
            width: 100%;
            padding-left: 0px
        }

    article h1 {
        /* margin-bottom: 20px*/
    }

    article h3 {
        font-size: 23px;
        margin-bottom: 0px;
    }

    article .form h1 {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 23px;
    }

    article .form h2 {
        text-align: left;
        font-size: 25px;
        color: var(--cc-secondary);
        font-weight: var(--cc-weight-bold);
        margin: 0px 0px 15px 0px;
    }

    article .form h3 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 23px;
    }

    article .form p {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 22px;
        color: var(--cc-secondary);
        text-align: left;
        font-weight: 500
    }

section a.veditutto {
    color: var(--cc-tertiary);
    text-decoration: underline;
}

article header.unico h1 {
    margin-bottom: 5px;
}

article h2 {
    text-align: left;
    font-size: 20px;
    color: var(--cc-dark);
    font-weight: var(--cc-weight-bold);
    margin: 5px 0px;
}

article .riepilogo_sezione h2, .box_news h2, article .box_news h2 {
    margin: 0px 0px 0px 0px;
    border-bottom: none;
    /* padding-bottom: 10px; */
    font-weight: var(--cc-weight-bold);
    color: var(--cc-tertiary);
    margin-bottom: 0px;
    font-size: 20px;
    background: var(--cc-light);
    padding: 15px;
    text-align: left;
    /* border: 1px solid #7194b7; */
}

aside h2 {
    /*    margin: 0px 0px 0px 0px;
    border-bottom: none;
    padding-bottom: 10px;
    font-weight: var(--cc-weight-bold);
    color: white;
    margin-bottom: 0px;
    text-transform: inherit;
    text-align: center;
    font-size: 17px;
    background: var(--cc-tertiary);
    padding: 10px;*/
}

article section ul li {
    font-size: 15px;
    margin-bottom: 15px;
    color: var(--cc-tertiary);
}

    article section ul li::before, article.catalogo section .box.descrizione ul li::before {
        content: "\f054";
        color: var(--cc-tertiary);
        font-weight: bold;
        font-family: Font Awesome\ 5 Free;
        margin-right: 10px;
    }

article section ul.download li::before {
    content: "\f1c1";
    color: var(--cc-alert);
    font-weight: bold;
    font-family: Font Awesome\ 5 Free;
    margin-right: 10px;
}

article.catalogo section ul li::before, article section .tags ul li::before, header .tags ul li a::after {
    content: "";
    margin-right: 0px;
}

header .tags {
    margin-top: -10px
}

article ul {
    padding: 20px 10px;
}

    article ul.social {
        padding: 20px 0px;
        display: inline-block;
        width: 100%;
    }

        article ul.social li svg {
            font-size: 30px;
            color: var(--cc-tertiary);
        }

            article ul.social li svg:hover {
                color: var(--cc-secondary)
            }

        article ul.social li div {
            margin-top: 7px;
            font-weight: var(--cc-weight-regular);
        }

article aside ul {
    padding: 0px;
}

    article aside ul li {
        /*    font-size: 15px;
    padding: 12px 20px;
    border-top: 1px solid white;
    background:  var(--cc-light);*/
    }

article aside .riepilogo_sezione ul li a {
    font-size: 15px;
    padding: 12px 20px;
    border-top: 1px solid var(--cc-light);
    /* background:  var(--cc-light); */
    display: inline-block;
    width: 100%;
}

    article aside .riepilogo_sezione ul li a:hover {
        background: #7194b7;
        color: white
    }

article aside ul li:last-child {
    margin-bottom: 0px;
}

section {
    width: 68%;
    position: relative;
    float: right;
    padding: 20px 0px 30px 0px;
}

.content section {
    padding: 20px 20px 0px 0px;
    border-right: 1px solid var(--cc-light);
    float: left;
    border-left: none;
    margin-bottom: 30px
}

section.riepilogo {
    padding-left: 30px;
}

section, .content.blog section {
    float: left;
}

.content.servizio aside, .content.catalogo aside {
    float: left;
}

.content.servizio section {
    float: right;
    padding: 20px 0px 0px 2%;
    border-left: 1px solid var(--cc-light);
    border-right: none;
}

.content.catalogo section {
    float: right;
    padding: 0px;
    border-right: none;
    margin-top: 20px;
}

.content.catalogo aside {
    margin-top: 20px;
}

.content.catalogo header .pathway {
    margin: 0px 0px 10px 0px;
    top: 0px;
}

.content.blog .riepilogo {
    margin-top: 40px;
}

section.unico, .content section.unico {
    width: 100%;
    padding: 20px 0px 0px 0px;
    border-right: none;
}

.pathway.riservata {
    width: 100%;
    padding: 20px 0px 0px 0px;
}

section.unico.riservata {
    background: white;
    /* padding: 30px 40px; */
    margin: 0px 0px;
    border: none;
    margin: 0px 0px 40px 0px;
}

    section.unico.riservata h3 {
        color: var(--cc-dark);
    }

        section.unico.riservata h3 a, section.unico.riservata h3 a:hover {
            /* color: black; */
            /* text-decoration: underline; */
        }

    section.unico.riservata h1 {
        font-size: 31px;
        margin: 0px 0px 20px 0px;
        padding-top: 0px;
        text-align: left;
        border: none;
        display: inline-block;
        width: 100%;
    }

    section.unico.riservata p {
        margin: 0px 0px 20px 0px;
    }

    section.unico.riservata header h4 {
        font-size: 22px;
        margin: -20px 0px 30px 0px;
        padding-top: 0px;
        text-align: left;
        border: none;
        display: inline-block;
        width: 100%;
        color: var(--cc-secondary);
    }

    section.unico.riservata.section_preferiti h1 {
    }

    section.unico.riservata.section_preferiti h4 {
        font-size: 15px;
        color: var(--cc-secondary);
    }

    section.unico.riservata.section_preferiti strong {
        color: var(--cc-tertiary);
    }

section.unico.presentazione {
    width: 100%;
    padding: 30px 0px;
    background: var(--cc-tertiary);
}

section.unico.numbers {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    display: block;
    background-position: bottom center;
}

aside {
    width: 30%;
    position: relative;
    float: right;
    padding: 0px;
}

.sx aside {
    width: 100%;
}

.content aside {
    margin-bottom: 30px
}

.content.blog aside {
    float: right;
}

.content.blog .tabelle_carrello aside { /* background:white; */
}

.selettori_shop {
    width: 100%;
    padding: 0px;
    position: relative;
    float: left;
    background: var(--cc-light);
    display: inline-block;
    margin-bottom: 20px
}

.catalogo section {
    width: 70%;
    /* padding-left: 40px; */
    /* padding-right: 0px; */
    /* position: relative; */
    /* float: right; */
    /* padding-bottom: 20px; */
    /* padding-top: 0px; */
}

.catalogo aside {
    width: 30%;
    /* position: relative; */
    /* float: left; */
    padding-top: 0px;
    padding-right: 20px;
}

section h1, header.unico h1 {
    margin-bottom: 5px;
    color: var(--cc-secondary);
    padding: 0px;
    font-size: 30px;
    /* text-transform: uppercase; */
    font-weight: var(--cc-weight-regular);
}

section.riepilogo h1 {
    margin-bottom: 0px;
    font-weight: var(--cc-weight-regular);
    font-size: 41px;
}

section.riepilogo header p {
    top: 0px;
    text-align: left;
    margin-bottom: 0px;
}

    section.riepilogo header p strong {
        color: black
    }

header .btn img {
    top: 13px;
    position: absolute;
    float: left;
    left: 12px;
    height: 24px;
}

header img {
    margin-right: 15px;
    top: 7px;
    position: relative;
    float: left;
    height: 39px;
}

header .recensioni img {
    margin-right: 0px;
    top: 0px;
    position: relative;
    float: left;
    height: auto;
}

article section h1 {
    margin-bottom: 5px;
    color: var(--cc-tertiary);
    padding: 0px;
    font-size: 30px;
    text-transform: inherit
}

article section h3 {
    font-size: 17px;
    margin-bottom: 3px;
}

article section h4 {
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: var(--cc-weight-bold);
    margin: 30px 0px 20px 0px;
}

section.dettaglio h1 {
    margin-bottom: 0px;
    text-transform: inherit;
}

section.cerca_home h1 {
    text-transform: inherit;
    color: #292c33;
    margin: 0px 0px 0px 0px;
    width: 100%;
    clear: both;
    position: relative;
    font-size: 70px;
    line-height: 57px;
}

section .box h1 {
    font-size: 22px;
    color: var(--cc-secondary);
    margin-bottom: 0px;
}

.box .pathway {
    position: relative;
    font-size: 14px;
    color: var(--cc-secondary);
    width: 100%;
    font-weight: var(--cc-weight-bold);
    clear: both;
    display: inline-block;
    margin: 5px 0px 0px 0px;
}

aside .box {
}

    aside .box.card {
        padding: 20px 20px 15px 20px;
        background-color: white;
        display: inline-block;
        width: 100%;
        border: 1px solid var(--cc-light);
        margin-bottom: 20px;
    }

        aside .box.card ul li a {
            font-size: 13px;
            text-decoration: underline;
        }

        aside .box.card ul {
            margin: 10px 0px;
        }

        aside .box.card p {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 5px
        }

        aside .box.card img {
            margin-bottom: 20px
        }

aside .field_module, aside .select_module {
}

aside .cerca .select_module {
    border: none;
}

aside .box h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: var(--cc-tertiary);
    font-weight: var(--cc-weight-bold);
    margin-bottom: 10px
}

aside .box.catalogo {
    background-color: var(--cc-light);
}

aside .titolo.filtraper {
    font-size: 25px;
    font-weight: var(--cc-weight-regular);
    margin: 0px 0px 15px 0px;
    color: var(--cc-tertiary);
    border-bottom: 1px solid var(--cc-tertiary);
    padding-bottom: 10px;
}

.titolo {
    background: var(--cc-primary);
    color: white;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-family: var(--cc-font-body);
    font-weight: var(--cc-weight-bold);
    clear: both;
    display: inline-block;
    width: 100%;
}

.section_preferiti .titolo {
    margin-bottom: 0px;
}

#prodotti_aside, .catalogo #prodotti_aside {
    margin: 0px;
}

aside .calendario {
    padding: 0px;
    background: transparent;
    border-bottom: 2px solid white;
}

aside .titolo.disponibilita {
    padding: 15px 15px 10px 15px;
    color: var(--cc-tertiary);
    font-size: 27px;
    font-weight: var(--cc-weight-regular);
    width: 100%;
    display: inline-block;
    border-top: 2px solid white;
}

    aside .titolo.disponibilita small {
        font-size: 18px;
        position: relative;
        top: 7px;
        margin-right: 5px;
    }

aside .titolo.opzione {
    background: var(--cc-tertiary);
    padding: 15px;
    color: white;
    font-size: 27px;
    font-weight: var(--cc-weight-regular);
}

    aside .titolo.opzione .btn, aside .titolo.opzione input[type="button"].btn, aside .titolo.opzione input[type="submit"].btn {
        border: 2px solid white;
        color: white;
        float: right;
    }
/*.content.home {
    overflow: auto;
    position: absolute;
    top: 100%;
    width: 100%;
}*/
.content article p {
    /*  font-size: 15px;
  color: var(--cc-secondary);
  line-height: 25px;
  margin-bottom: 10px;*/
}

article, .content.blog article {
    font-size: 17px;
    font-weight: var(--cc-weight-regular);
    line-height: 23px;
}

.content article p a {
    text-decoration: underline;
    color: var(--cc-primary);
}

    .content article p a.btn {
        text-decoration: none;
        color: var(--cc-tertiary);
    }

        .content article p a.btn:hover {
            text-decoration: none;
            color: white;
        }

.presentazione .box {
    padding: 0px
}

    .presentazione .box:nth-child(1) {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        width: 45%;
        margin-right: 5%
    }

        .presentazione .box:nth-child(1) p {
            font-size: 45px;
            text-transform: uppercase;
            line-height: inherit;
            margin-bottom: 0px;
            text-align: left;
            font-weight: var(--cc-weight-regular);
            color: white;
            font-family: var(--cc-font-body);
        }

    .presentazione .box .btn {
        color: white;
        border-color: white;
        margin-top: 20px
    }

    .presentazione .box:nth-child(1) p strong {
        font-weight: var(--cc-weight-bold);
    }

    .presentazione .box:nth-child(2) p {
        font-size: 22px;
        line-height: 32px;
        text-align: left;
        color: white;
        margin: 20px 0px;
    }

.content .box.descrizione {
    padding: 10px 20px
}

    .content .box.descrizione p {
        margin-bottom: 5px;
    }

.testata .dx, .testata .sx {
    width: 50%;
}

header {
    color: var(--cc-secondary);
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    padding: 0px;
}

.riepilogo header {
    margin-bottom: 20px;
}

header p {
    position: relative;
    text-align: center;
    font-size: 15px;
    line-height: 28px;
    font-weight: var(--cc-weight-regular);
    color: var(--cc-secondary);
    margin-bottom: 10px;
    margin-top: 10px;
}

.img_articolo header {
    color: white;
    position: relative;
    float: left;
    clear: both;
    border-bottom: none;
    padding: 20px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 100px 0px 0px 0px;
}

.menu_footer .sx .box img.pay {
    max-width: 350px
}

.menu_footer .sx .box img.logo {
    max-height: 100px;
    width: auto;
    display: block;
    position: relative;
    clear: both;
    float: initial;
    margin: 30px 0px 0px 0px;
}

.img_articolo .bianco {
    height: 30px;
    position: absolute;
    width: 54%;
    background: white;
    bottom: 0px;
    right: 0px;
}

    .img_articolo .bianco:before {
        left: -13px;
        -webkit-transform: skew(-36deg);
        transform: skew(-36deg);
        position: absolute;
        content: "";
        width: 40px;
        background: white;
        top: 0;
        z-index: 0;
        height: 31px;
    }

.img_articolo header h1 {
    color: white;
    font-size: 70px;
    margin-bottom: 50px;
}

header.piccolo {
    font-size: 40px;
    text-align: left;
    padding: 30px 0px;
    border-top: 1px solid var(--cc-light);
}

.sx .titolo_sx {
    color: var(--cc-tertiary);
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    border: none;
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    margin: 0px;
    padding: 12px;
    background: var(--cc-light);
    text-transform: uppercase;
    text-align: center;
}

.sx header.unico, article header.unico {
    padding: 30px 0px 0px 13px;
}

.sx header, article header {
    font-size: 20px;
}

article .titolo.unico {
    margin-top: 0px;
}

article p strong, article b {
    font-weight: var(--cc-weight-bold);
    color: var(--cc-secondary)
}

.cbp-vm-options .sx .titolo {
    font-size: 40px;
}

.titolo.grigio {
    color: var(--cc-secondary);
    font-size: 20px;
    background-color: var(--cc-light);
    text-transform: uppercase;
    padding: 10px 20px;
    text-shadow: 0 1px 0 white;
}

.filtri {
    margin-bottom: 20px
}

.evidenza {
    width: 100%;
    clear: both;
    padding: 50px 0px;
}

    .evidenza.aside {
        width: 100%;
        clear: both;
        padding: 0px 0px;
    }

    .evidenza h2 {
        text-transform: uppercase;
        font-size: 30px;
        margin: 20px 0px;
    }

.header img.banner {
    width: 100%;
    border: 0px;
    margin-top: 10px;
}

.header .banner {
    position: relative;
    float: right;
    width: 39%;
    margin-left: 1%;
    margin-top: 18px;
}

.banner .box img {
    width: auto;
    border: none;
    position: relative;
    float: left;
    margin-right: 15px;
}

.banner h3 {
    color: var(--cc-tertiary);
    font-size: 27px;
    font-weight: var(--cc-weight-bold);
    margin-bottom: 8px;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.22); */
    padding-top: 10px;
    text-align: center;
}

.banner h4 {
    color: white;
    font-size: 18px;
    font-weight: var(--cc-weight-regular);
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: center;
    padding-bottom: 5px;
}

.banner .testo p {
    color: white;
    font-size: 19px;
    font-weight: var(--cc-weight-regular);
    line-height: 27px;
    text-align: left;
    margin-bottom: 20px
}

.banner .box {
    width: 33%;
    position: relative;
    float: left;
    padding-bottom: 20px;
    font-size: 20px;
    color: var(--cc-secondary);
    height: 105px;
    overflow: hidden;
    cursor: pointer;
}

    .banner .box strong {
        font-size: 30px;
        font-weight: var(--cc-weight-bold);
    }

    .banner .box span {
        color: var(--cc-secondary);
    }

.color {
    color: var(--cc-tertiary);
}

    .color a {
        color: var(--cc-secondary);
    }

.extra {
    padding: 15px 15px 15px 5px;
    font-size: 14px;
    text-align: center;
}

    .extra .condividi_articolo {
        padding: 0px;
    }

    .extra img {
        position: relative;
        margin: 0px 5px 0px 15px;
        top: 3px
    }

.special {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--cc-primary);
    font-size: 12px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: var(--cc-light);
    margin-bottom: 15px;
    height: 60px !important;
    overflow: hidden;
}

    .special span {
        color: var(--cc-secondary);
        font-size: 20px;
    }

.counter {
}

    .counter strong {
        color: var(--cc-secondary);
        font-size: 14px;
        font-weight: var(--cc-weight-bold);
        margin: 0px;
        padding: 0px;
    }

    .counter small {
        color: var(--cc-secondary);
        font-size: 20px;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
    }

.menu_footer {
    height: auto;
    display: inline-block;
    width: 100%;
    padding: 0px;
    vertical-align: top;
    font-size: 14px;
}

footer .newsletter p {
    margin: 0px 0px 10px 0px;
}

.menu_footer .unico {
    clear: both;
    display: inline-block;
    margin-top: 20px;
    border-top: 1px dotted var(--cc-light);
    padding-top: 20px;
}

    .menu_footer .unico .box img {
        max-width: 200px
    }

footer .menu_footer .unico .box {
    width: 50%;
    padding: 0px 20px 0px 0px
}

.menu_footer .box.principale {
    position: relative;
    float: left;
    width: 30%;
    text-align: center;
}

.menu_footer .box.secondari {
    position: relative;
    float: left;
    width: 70%;
    margin-bottom: 0px;
}

.menu_footer .box svg {
    position: relative;
    margin-right: 5px;
    color: var(--cc-tertiary);
    font-size: 20px;
}

.menu_footer .box strong {
    font-weight: var(--cc-weight-bold);
    color: var(--cc-dark);
}

.menu_footer .box.principale .box {
    width: 100%;
    margin-bottom: 0px;
}

.menu_footer .box.secondari .box {
    width: 50%;
    margin-bottom: 0px;
    padding: 0px 20px 20px 0px;
}

.menu_footer .box.store {
    max-width: 250px
}

    .menu_footer .box.store ul li {
        position: relative;
        float: left;
        width: 50%
    }

.menu_footer .box h1 {
    font-family: var(--cc-font-body);
    color: var(--cc-secondary);
    font-size: 25px;
    position: relative;
    float: left;
    width: 100%;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal !important;
    margin: 5px 0px;
    text-shadow: 0 1px 0 white;
}

.menu_footer .box ul {
    list-style-image: none;
    list-style-type: none;
    position: relative;
    /* clear: both; */
    float: left;
    margin-right: 0px;
    margin: 40px 0px 0px 0px;
}

.menu_footer .box.card ul {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 20px
}

    .menu_footer .box.card ul li {
        display: inline-block;
        font-size: 43px;
        margin: 0px 10px;
    }

.menu_footer .box.dati ul {
    list-style-image: none;
    list-style-type: none;
    margin-bottom: 0px;
    position: relative;
    clear: both;
}

.menu_footer .box.dati img {
    margin-top: 5px;
    max-width: 223px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 10px;
}

.box.dati ul {
    margin: 20px 0px 0px 0px;
    padding: 0px 10px;
}

    .box.dati ul li {
        background-repeat: no-repeat;
        background-position: left 3px;
        list-style-image: none;
        list-style-type: none;
        margin-bottom: 15px;
        padding-left: 32px;
        font-size: 15px;
        color: var(--cc-primary);
        background-size: auto 20px;
    }

        .box.dati ul li strong {
            color: black;
        }

.riepilogo_sx .box.dati ul li {
    background-repeat: no-repeat;
    background-position: left 4px;
    list-style-image: none;
    list-style-type: none;
    margin: 10px 0px;
    padding-left: 28px;
    font-size: 15px;
    line-height: 19px;
    color: var(--cc-primary);
    padding: 0px 30px;
    background-size: auto auto;
}

    .riepilogo_sx .box.dati ul li strong {
        color: black;
        font-weight: var(--cc-weight-regular);
    }

.menu_footer .box ul li.luogo, .menu_footer .box ul li.telefono, .menu_footer .box ul li.orari, .menu_footer .box ul li.mail {
    padding-left: 30px;
    background-position: 0px 3px;
    margin-bottom: 15px;
}

.menu_footer .box ul li {
    background-repeat: no-repeat;
    background-position: left 0px;
    list-style-image: none;
    list-style-type: none;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
}

.menu_footer .sx .box ul li {
    display: inline-block;
    margin: 0px 10px;
}

.menu_footer .sx ul img {
    margin: 0px 0px 0px 0px;
}

.menu_footer .sx .box ul {
    text-align: right;
    float: right;
    clear: both;
    position: relative;
    display: block;
    width: 100%;
}

.menu_footer .box.big ul li {
    width: 50%;
    position: relative;
    float: left;
}

.menu_footer .box ul li strong {
    font-weight: var(--cc-weight-regular);
    color: black;
}

.menu_footer .box.principale a {
    font-weight: var(--cc-weight-regular);
    font-size: 20px;
}

.menu_footer .box a {
    color: var(--cc-primary);
    font-weight: var(--cc-weight-bold);
    /* text-decoration: underline; */
}

    .menu_footer .box a:hover {
        color: var(--cc-primary);
        text-decoration: underline;
    }

.menu_footer .box.menu ul li a {
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    color: black;
    text-transform: uppercase;
}

.menu_footer .newsletter {
    padding-right: 0px
}

footer .sx h3 {
    padding: 0px;
}

.menu_footer .newsletter input[type="email"] {
}

.menu_footer .newsletter input[type="submit"].btn {
}

.menu_footer .newsletter input[type="button"].btn {
    /* font-family: var(--cc-font-body);*/
    background-color: transparent;
    margin: 0px 0 0;
    display: inline-block;
    transition: background 0.2s;
    cursor: pointer;
    text-align: center;
    padding: 10px 15px;
    position: relative;
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    white-space: normal;
    text-transform: inherit;
    /* border: 2px solid var(--cc-tertiary); */
    width: initial;
    overflow: hidden;
    height: auto;
    color: var(--cc-tertiary);
    vertical-align: top;
    font-family: var(--cc-font-body);
    background: var(--cc-tertiary);
    color: white;
}

.menu_footer .newsletter form {
}

.menu_footer .newsletter .field_module {
}

.menu_footer .newsletter label {
}

    .menu_footer .newsletter label a {
    }

.menu_footer .newsletter input[type="checkbox"] {
}

.menu_footer .dati {
    margin-right: 0px;
    color: var(--cc-primary);
    width: auto;
    position: relative;
    float: right;
    background: white;
    padding-left: 30px;
    border-left: 1px solid var(--cc-light);
    min-width: 350px;
}

    .menu_footer .dati strong {
        font-weight: var(--cc-weight-bold);
        color: var(--cc-primary);
    }

    .menu_footer .dati h3 {
        margin-bottom: 20px;
    }

    .menu_footer .dati p {
        margin-bottom: 20px;
    }

    .menu_footer .dati table {
        margin: 5px;
    }

        .menu_footer .dati table tr td {
            color: var(--cc-secondary);
            font-family: var(--cc-font-body);
            font-size: 20px;
        }

            .menu_footer .dati table tr td img {
                border: none;
                width: 34px;
            }

.menu_footer .box.principale img {
    position: relative;
    left: 0px;
    top: 0px;
    margin-bottom: 30px;
}

.credits {
    bottom: 0px;
    width: 100%;
    padding: 12px 0px 15px 0px;
    font-size: 12px;
    display: inline-block;
    margin-top: 0px;
    text-align: center;
    border-top: 1px solid var(--cc-light);
}

    .credits span {
        color: #7194b7;
        font-size: 13px;
    }

.intempra {
    position: relative;
    margin-left: 7px;
    top: 7px;
    height: 25px;
    height: 20px;
}

.credits a {
    color: #7194b7;
    text-decoration: underline
}

img.banner_orizzontale {
    border: none;
    width: 780px !important;
    height: auto !important;
    margin-bottom: 10px;
}

.ricerca_avanzata {
    background: var(--cc-light);
    height: auto;
    overflow: auto;
    padding-bottom: 5px;
}

    .ricerca_avanzata h1 {
        font-size: 13px;
        font-weight: var(--cc-weight-bold);
        text-transform: uppercase;
        text-shadow: 0 1px 0 white;
        font-family: var(--cc-font-body);
        background-repeat: repeat;
        padding: 6px;
        padding-left: 10px;
    }

    .ricerca_avanzata form {
    }

        .ricerca_avanzata form div {
            padding: 0px;
            background: #cfcfcf;
            -moz-border-radius: 5px;
            border: none;
            border-radius: 5px;
            font-size: 12px;
            float: right;
            width: 100%;
            color: var(--cc-primary);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 5px;
            font-family: var(--cc-font-body);
        }

            .ricerca_avanzata form div .field_module {
                border: none;
                font-size: 12px;
                float: left;
                position: relative;
                width: 80%;
                color: var(--cc-primary);
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-family: var(--cc-font-body);
                background-color: transparent;
                padding: 5px;
            }

            .ricerca_avanzata form div input[type="image"] {
                position: relative;
                float: right;
                max-width: 20%;
                padding: 5px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: none;
                width: 26px;
                top: 0px;
            }

header span {
    color: var(--cc-secondary);
    font-size: 17px;
    margin-left: 8px;
    position: relative;
    top: -2px;
}

    header span strong {
        color: black;
    }

.descrizione {
    width: 48%;
    position: relative;
    float: right;
}

.box .descrizione {
    width: 100%;
    position: relative;
    display: inline-block;
    clear: both
}

.descrizione_prodotto, article ul.descrizione_prodotto {
    width: 100%;
    position: relative;
    clear: both;
    padding: 0px;
    border-top: 1px solid var(--cc-light);
    margin: 20px 0px 0px 0px;
}

    .descrizione_prodotto li, article section .descrizione_prodotto li {
        border-bottom: 1px solid var(--cc-light);
        display: inline-block;
        width: 100%;
        margin: 0px;
        padding: 5px 0px;
    }

        .descrizione_prodotto li .color {
            color: var(--cc-tertiary);
            text-transform: uppercase;
            font-weight: var(--cc-weight-bold);
            top: 4px;
            position: relative;
            font-size: 15px;
        }

        article section .descrizione_prodotto li::before {
            content: "";
            margin-right: 0px;
        }

    .descrizione_prodotto div:nth-child(1), .documenti div:nth-child(1) {
        position: relative;
        float: left;
        margin: 0px;
        width: 50%;
        font-weight: var(--cc-weight-bold);
        color: var(--cc-secondary);
        font-size: 12px;
        padding: 1px 0px;
        text-align: left;
        /* text-transform: uppercase; */
        padding-right: 10px;
    }

    .descrizione_prodotto div:nth-child(2), .documenti div:nth-child(2) {
        position: relative;
        float: left;
        margin: 0px;
        width: 50%;
        color: var(--cc-dark);
        font-size: 14px;
        padding: 0px 0px;
    }

        .descrizione_prodotto div:nth-child(2) img {
            position: relative;
            float: left;
            max-height: 40px;
        }

.logo_prodotto img {
    max-height: 50px;
    margin: 20px 0px;
}

.descrizione p {
    color: var(--cc-primary);
    font-size: 15px;
    margin-bottom: 10px;
}

.descrizione .prezzo {
    padding: 15px;
    border-bottom: 1px solid var(--cc-light);
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.descrizione .prezzo {
    color: var(--cc-primary);
    font-size: 14px
}

    .descrizione .prezzo .old_price {
        opacity: 1
    }

    .descrizione .prezzo .old_price, .descrizione .prezzo .percentuale {
        position: relative;
        float: left;
    }

    .descrizione .prezzo .percentuale {
        margin-left: 5px;
        top: 1px;
    }

    .descrizione .prezzo .risparmio {
        clear: both;
        font-style: italic;
    }

.descrizione.titolo {
    padding-bottom: 0px;
    width: 100%;
    position: relative;
    float: right;
    margin-bottom: 10px;
    height: auto;
}

.descrizione .titolo {
    color: var(--cc-secondary);
    font-size: 30px;
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    text-align: left;
    font-weight: var(--cc-weight-regular);
    padding: 0px;
    margin-bottom: 10px;
}

.selettori .label {
    width: 33%;
    color: black;
    text-transform: uppercase;
    font-weight: var(--cc-weight-regular);
    font-size: 13px;
    padding: 24px 0px 0px 0px;
    position: relative;
    float: left;
}

    .selettori .label img {
        position: absolute;
        top: 20px;
        margin-left: 5px;
    }

.selettori .sconto, .selettori .prezzo_totale {
    width: 100%;
    position: relative;
    float: left;
}

.selettori .prezzo .totale, .selettori .contenuto {
    width: 66%;
    margin: 0px;
    height: auto;
    position: relative;
    float: right;
    text-align: left;
}

.selettori .contenuto {
    padding: 0px 0px 5px 0px
}

.codice {
    /* color: var(--cc-secondary); */
    /* font-size: 15px; */
}

.descrizione h2 {
    font-size: 25px;
    color: black;
    font-weight: var(--cc-weight-regular);
    margin: 0px;
}

.btn.ordina {
}

.corpo .dx .descrizione p {
    margin: 5px;
    font-size: 14px;
    line-height: 20px;
    color: var(--cc-primary);
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-right: 5px;
    top: 2px;
}

.griglia_ordina .label_check {
    font-size: 11px;
    font-weight: var(--cc-weight-bold);
}

.commento_fb {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .commento_fb p {
        color: #565656;
        margin-bottom: 5px;
    }
/* tabelle carrello */
.alert {
    color: var(--cc-alert);
    font-weight: var(--cc-weight-bold);
    margin: 10px 0px;
    font-size: 14px;
}

.tabelle_carrello .alert {
    font-weight: 700;
    font-size: 18px;
    text-align: right;
    margin-top: 0;
    float: right;
}

.alert.field-validation-error {
    display: block;
}

.content fieldset p {
    font-size: 14px;
    color: var(--cc-secondary);
    line-height: 22px;
    margin-bottom: 15px;
}

    .content fieldset p strong {
        color: var(--cc-secondary)
    }

.readonly {
    background-color: rgba(205, 206, 211, 0.29)
}

.center {
    text-align: center;
}

.pathway {
    font-size: 15px;
    color: var(--cc-secondary);
    width: 70%;
    font-weight: var(--cc-weight-bold);
    margin: 0px;
    padding: 20px 0px;
    position: relative;
    float: left;
}

header .pathway {
    font-size: 14px;
    color: var(--cc-primary);
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    position: relative;
    float: left;
    border-bottom: 1px solid var(--cc-light);
    /* top: -10px; */
    font-weight: var(--cc-weight-bold);
}

.pathway a {
    margin-left: 1px;
    margin-right: 1px;
    color: var(--cc-secondary);
    font-weight: normal;
}

    .pathway a:hover {
        text-decoration: underline;
    }

.corpo .dx hr, hr {
    background: var(--cc-light);
    height: 1px;
    width: 100%;
    padding: 0px;
    border: none;
    margin: 30px 0px;
    display: inline-block;
}

.label_module {
    float: left;
    position: relative;
    font-size: 15px;
    color: var(--cc-secondary);
    font-family: var(--cc-font-body);
    margin-bottom: 10px;
}

section .field_module, section .field_note {
    /* background: var(--cc-light); */
    font-weight: var(--cc-weight-bold);
    font-size: 15px;
    color: var(--cc-dark);
    border: none;
    border: 1px solid var(--cc-light);
}

    section .field_module.disable, section .field_note.disable {
        background: var(--cc-light);
        color: var(--cc-dark);
    }

.field_module, .select_module, input[type="number"] {
    padding: 15px;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* font-family: var(--cc-font-body);*/
    font-weight: var(--cc-weight-regular);
    font-size: 14px;
    color: var(--cc-tertiary);
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 51px;
    margin-bottom: 0px;
    font-family: var(--cc-font-body);
}

fieldset .field_module {
    width: 55%;
    /* height: 49px;*/
    margin-right: 10px;
    height: auto;
    padding: 10px;
}

fieldset.note .field_module {
    width: 66%;
    margin-right: 0px;
}

fieldset .btn, fieldset input[type="button"].btn, fieldset input[type="submit"].btn {
    padding: 13px 10px;
    font-size: 14px;
    background: var(--cc-primary);
}

.descrizione_prodotto input[type="number"] {
    float: left;
    width: 100px;
    font-weight: var(--cc-weight-bold);
    font-size: 15px;
    color: var(--cc-tertiary);
    height: 42px;
    margin-right: 10px;
}

.presentazione .field_module {
    padding: 15px;
    border: none;
    font-size: 15px;
    width: 100%;
    /* height: auto; */
    margin-bottom: 0px;
    height: 50px;
}

.login_box .field_module {
    margin-bottom: 10px;
}

.field_module.error {
    background-color: #f9dde2;
    border: 1px solid var(--cc-alert) !important;
}

.field_note {
    font-size: 13px;
    color: var(--cc-tertiary);
    padding: 10px;
    border: 1px solid var(--cc-light);
    float: right;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    font-family: var(--cc-font-body);
    max-height: 300px;
    height: 100px;
}

table.contatti {
    width: 760px;
    margin: 10px;
}

.tableresponsive.contatti {
    width: 100%;
    margin: 0px !important;
}

.tabelle_carrello table tr td.tabella_totali {
    background-color: var(--cc-secondary);
    color: white;
    font-weight: var(--cc-weight-bold);
    font-size: 15px;
}

    .tabelle_carrello table tr td.tabella_totali div.prezzo_totale {
        background-color: var(--cc-secondary);
        padding: 5px;
        font-size: 20px;
    }

table.contatti .btn {
    position: relative;
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding: 10px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.blank {
    background-color: white;
}

.inpromo .special {
    height: 45px !important;
    margin-bottom: 25px !important;
}
/*stile news*/
.newsart {
    padding: 15px;
    height: auto;
    overflow: auto;
    margin-bottom: 20px;
    width: 100%;
    background: white;
    border: 1px solid var(--cc-light);
}

    .newsart .articolo_news {
        height: 89px;
    }

    .newsart p a, .leggidipiu a, .content article .newsart p a {
        color: var(--cc-tertiary);
        text-decoration: underline;
        font-weight: var(--cc-weight-bold);
        font-size: 14px;
    }

.riepilogo_prodotto .leggidipiu a {
    font-size: 14px;
    margin-bottom: 20px
}

.newsart h3 {
    line-height: 20px;
    margin: 10px 0px;
    font-family: var(--cc-font-body);
}

.newsart h4 {
    font-size: 13px;
    font-weight: var(--cc-weight-bold);
    color: var(--cc-tertiary);
    margin-bottom: 10px;
}

.newsart span, section.promozioni .box .testo h3 span {
    color: #7194b7;
    margin-right: 10px;
    font-family: var(--cc-font-body);
}

.newsart h3 a, section.promozioni .box .testo a {
    text-transform: inherit;
    text-decoration: none;
    color: var(--cc-tertiary);
    font-size: 15px;
    font-family: var(--cc-font-body);
    font-weight: var(--cc-weight-bold);
}

.newsart_img {
    position: relative;
    float: left;
    width: 250px;
    height: 180px;
    display: table;
    margin-right: 20px;
}

    .newsart_img div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .newsart_img img {
        max-height: 180px;
        max-width: 250px;
    }

.articolo_news {
    height: 65px;
    overflow: hidden;
    margin-bottom: 10px;
}

.riepilogo_prodotto .articolo_news {
    height: 117px;
    margin: 0px 0px 5px 0px;
}

.sx .ricerca_avanzata .titolo {
    margin-bottom: 0px !important;
    padding-bottom: 10px;
    font-size: 15px;
    font-family: var(--cc-font-body);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    color: var(--cc-primary);
}

.newspromo {
    margin-bottom: 0px !important;
    padding-bottom: 10px;
    font-size: 15px;
    text-align: center;
    font-family: var(--cc-font-body);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    color: white;
}

.container.testata .dx div {
    position: relative;
    float: right;
    max-width: 300px;
    padding: 0px 35px;
    border-right: 1px solid var(--cc-light);
    height: 60px;
    margin: 25px 0px;
}

    .container.testata .dx div p {
        color: var(--cc-secondary);
        font-size: 15px;
    }

    .container.testata .dx div.carrello {
        border-right: none;
        width: 275px;
        cursor: pointer
    }

        .container.testata .dx div.carrello h3 {
            margin-top: 5px;
            font-size: 15px;
        }

        .container.testata .dx div.carrello p {
            color: var(--cc-secondary);
            font-size: 20px;
        }

        .container.testata .dx div.carrello img {
            position: relative;
            float: left;
            margin-right: 15px
        }

.menu_footer .box.social {
    margin-right: 0px;
    padding-top: 20px;
    text-align: right;
}

    .menu_footer .box.social .clear {
        height: 95px
    }

.social img {
}

    .social img.payment {
        max-width: 395px
    }

.social span {
    position: relative;
    /* float: left; */
    margin: 6px 15px 0px 0px;
    font-size: 20px;
    font-weight: var(--cc-weight-regular);
    top: -10px;
}

.ricerca_avanzata {
    background-color: var(--cc-light);
    padding: 10px;
    margin-bottom: 15px;
}

.menu_footer .newsletter input[type="image"] {
    position: relative;
    float: right;
    padding: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    width: 18px;
    top: 1px;
    margin: 0px;
}

.newsletter .cerca {
}

.newsletter .privacy {
    width: calc(100% - 20px);
    margin: 10px;
    position: relative;
    clear: both;
}

.newsletter label {
    color: white;
    font-size: 11px;
}

    .newsletter label a {
        color: white;
        text-decoration: underline;
    }

.newsletter input[type="checkbox"] {
    position: relative;
    float: left;
    margin-right: 5px;
    top: 4px;
}

.colore_quantita .select_module {
    width: 66%;
    margin: 10px 0px 0px 0px;
    height: 44px
}

select {
    height: 51px;
    line-height: 51px;
}

.minifield_module {
}

.colophon {
    position: relative;
    float: left;
    color: var(--cc-secondary);
    opacity: 1;
    font-size: 14px;
    margin-top: 9px;
}

    .colophon span {
        font-weight: var(--cc-weight-regular);
        color: black;
        opacity: 1;
    }

.riepilogo_sx {
    clear: both;
    margin: 0px 0px 20px 0px;
    /* padding: 15px 15px 5px 15px; */
    border: 1px solid var(--cc-light);
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: auto;
    overflow: auto;
}

    .riepilogo_sx h1 {
        font-family: var(--cc-font-body);
        color: var(--cc-secondary);
        font-size: 15px;
        font-weight: var(--cc-weight-regular);
        margin-bottom: 10px;
        text-transform: uppercase;
        text-align: left;
    }

    .riepilogo_sx p {
        font-size: 13px;
        line-height: 21px;
        color: var(--cc-primary);
    }

.unico {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

section.virtualtour.unico, section.motorrad.unico {
    padding: 0px;
}

section.motorrad.unico {
    margin: 30px 0px
}

    section.virtualtour.unico img, section.motorrad.unico img {
        width: 100%;
    }

    section.motorrad.unico h2 img {
        width: 104px;
        margin-right: 10px;
    }

section.virtualtour.unico h2 {
    color: white;
    font-size: 100px;
}

section.motorrad.unico h2 {
    color: white;
    font-size: 80px;
}

section.virtualtour.unico .caption, section.motorrad.unico .caption {
    position: absolute;
    margin-left: 5%;
    width: auto;
    display: inline-block;
    margin-top: 10%;
}

section.virtualtour.unico .btn, section.motorrad.unico .btn {
    color: white;
    border-color: white
}

section ul {
}

.map, section.map {
    padding: 0px
}

.mappa iframe {
    width: 100%;
    height: 350px
}

a.back {
    color: black;
    font-size: 15px;
    text-decoration: underline;
    padding-top: 25px;
    display: block;
    padding-bottom: 10px;
}

.riepilogo_sx ul li {
    font-size: 14px;
    list-style-image: none;
    list-style-type: none;
    margin-bottom: 0px;
    color: var(--cc-primary);
    padding: 0px;
    border-bottom: none;
}

    .riepilogo_sx ul li a {
        color: var(--cc-secondary);
        font-size: 15px;
        padding: 10px;
        border-bottom: 1px dotted var(--cc-primary);
        display: inline-block;
        width: 100%;
    }

    .riepilogo_sx ul li:last-child a {
        border-bottom: none;
    }

.campo_form {
    width: 50%;
    padding-bottom: 20px;
    position: relative;
    float: left;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

    .campo_form .campo_form {
        padding-bottom: 0px;
    }

.presentazione .campo_form {
    width: 100%;
    padding-bottom: 10px;
    padding-right: 0px;
}

.presentazione .label_check {
    position: relative;
    float: left;
    color: var(--cc-secondary);
    width: 50%;
    padding: 0px 0px 5px 0px;
}

article .campo_form p {
    font-size: 14px;
    color: var(--cc-secondary);
    line-height: 20px;
    margin-bottom: 5px;
}

.testata_utilities {
    position: relative;
    float: right;
    width: 50%;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .testata_utilities .sx {
        position: relative;
        float: right;
        text-align: right;
    }

.paginazione {
    text-align: center;
    width: 100%;
    padding: 0px;
    clear: both;
    height: auto;
    margin: 30px 0px 0px 0px;
    display: block;
}

    .paginazione a {
        color: var(--cc-secondary);
        line-height: 30px;
        padding: 5px 16px;
        font-size: 15px;
        margin: 2px;
        background: var(--cc-light);
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-weight: var(--cc-weight-bold);
        display: inline-block;
    }

        .paginazione a:hover, .paginazione .selected {
            background: var(--cc-primary);
            color: white;
            text-decoration: none;
        }

    .paginazione div {
        position: relative;
        display: inline;
    }

.login_box, .registrazione_box {
    position: relative;
    float: left;
    width: 48%;
    margin: 1%;
    padding: 20px;
}

    .login_box .label_check {
        width: 250px;
        display: inline-block;
        padding: 10px;
    }

    .login_box .checkbox_text {
        top: 2px;
    }

    .login_box h2, .registrazione_box h2 {
        margin-top: 0px;
        font-size: 26px;
    }

    .login_box h2,
    .registrazione_box h2 {
        color: var(--cc-primary);
    }

    .login_box .btn {
    }

    .registrazione_box strong {
    }

.registrazione_box {
    background: var(--cc-light);
}

.login_box hr {
    background: var(--cc-light);
    margin: 10px 0px 20px 0px;
}

.registrazione_box hr {
    background: white;
    margin: 0px 0px 20px 0px;
}

.registrazione_box p {
    color: var(--cc-dark);
}

.registrazione_box .btn {
    border-color: white;
    color: white
}

.corpo .dx .riepilogo_tabella .descrizione p {
    margin: 0px;
    font-size: 13px;
    line-height: 18px;
    color: var(--cc-primary);
    margin-bottom: 5px;
}

.label_payment {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.tabelle_carrello fieldset input[type="radio"] {
    position: relative;
    float: left;
    top: 4px;
}

.label_payment label {
    position: relative;
    float: left;
    padding-left: 10px;
    max-width: 90%;
}

.label_payment span {
    position: relative;
    float: left;
    top: 10px;
    margin-left: 10px;
}

.scopri {
    position: relative;
    float: right;
    padding: 10px;
    border: 1px solid var(--cc-light);
}

.corpo .dx .condizioni hr {
    border: none;
    background: rgb(165, 165, 165);
    height: 1px;
    width: 100%;
    margin-bottom: 10px;
    opacity: 0.5;
}

.descrizione.titolo a {
    color: var(--cc-secondary);
    text-decoration: none;
}

.menusup .link {
    background-repeat: no-repeat;
    background-position: 8px center;
    margin-left: 0px;
    color: var(--cc-primary);
    text-decoration: none;
    /* border-left: 1px solid var(--cc-light); */
    background-size: auto 16px;
    padding: 0px 0px 0px 30px;
    /* top: 10px; */
    position: relative;
    float: right;
    margin: 10px 0px;
}

.menusup span.link.entra {
    padding: 17px 15px 15px 35px;
    top: 9px;
    position: relative;
    border-right: 1px solid var(--cc-light);
}

    .menusup span.link.entra a {
        background-repeat: no-repeat;
        background-position: 8px center;
        margin-left: 5px;
        text-decoration: underline;
        border: none !important;
        background-size: auto 16px;
        padding: 0px !important;
        top: 0px;
        color: var(--cc-primary);
    }

.menusup .link:hover {
    text-decoration: none;
}

.ric_avanzata {
    background-color: var(--cc-secondary);
    padding: 25px;
    width: 100%;
    clear: both;
    position: relative;
    height: auto;
    overflow: auto;
}

.container.slideshow .dx {
    margin-bottom: 10px;
}

.sx .ric_avanzata {
    margin-bottom: 20px;
    padding: 0px 20px 20px 20px;
}

    .sx .ric_avanzata h1 {
        margin-right: 0px;
        padding-left: 36px;
        background-size: auto 27px;
        padding-top: 15px;
    }

    .sx .ric_avanzata .btn {
        width: 100%;
    }

    .sx .ric_avanzata .select_module, .sx .ric_avanzata .field_module {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 5px;
    }

.link.carrello span {
    font-weight: var(--cc-weight-bold);
}

.ric_avanzata h1 {
    text-transform: uppercase;
    position: relative;
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 10px 0px;
    padding-left: 60px;
    margin-right: 30px;
    color: white;
    font-size: 22px;
}

.ric_avanzata .select_module, .ric_avanzata .field_module {
    width: 18%;
    padding: 12px;
    margin-bottom: 0px;
    color: var(--cc-primary);
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    float: left;
    border: none;
    margin-right: 11px;
    height: 46px;
    margin-top: 2px;
    font-size: 14px;
}

.ric_avanzata .btn {
    float: right;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 12px 30px;
    text-transform: uppercase;
    top: 1px;
}

.campo_form .errore {
    text-align: left;
    /*position: absolute;*/
    font-size: 13px;
    bottom: 1px;
    left: 0px;
    font-weight: var(--cc-weight-bold);
    float: left;
}

.errore {
    color: var(--cc-alert);
    font-weight: var(--cc-weight-bold);
    text-align: center;
    width: 100%;
    font-size: 15px;
}

aside .buttons .errore {
    top: 10px;
    position: relative;
}

.big.btn, input[type="button"].btn.big, input[type="submit"].btn.big {
    margin-left: 0px !important;
    font-size: 19px;
    padding: 10px 30px;
    font-weight: normal;
}

.medium.btn, input[type="button"].btn.medium, input[type="submit"].btn.medium {
    margin-left: 0px !important;
    font-size: 22px;
    padding: 8px 15px;
}

input.add {
    background-color: white;
    border: 1px solid white;
    font-size: 20px;
    font-weight: var(--cc-weight-regular);
    color: var(--cc-secondary);
    margin: 0px;
    width: 17px;
    height: 30px;
    position: relative;
    top: 0px;
    cursor: pointer;
}

input.addfield {
    font-family: var(--cc-font-body);
    width: 35px;
    text-align: center;
    padding: 5px;
    border: 1px solid var(--cc-light);
    top: -1px;
    position: relative;
}

.container.slideshow {
    margin-bottom: 20px;
}

.riepilogo_sezione, .box_news, .box.dati {
    border-top: none;
    margin-bottom: 30px;
    width: 100%;
    clear: both;
    background: white;
}

    .riepilogo_sezione h3 {
        font-size: 22px;
        color: var(--cc-tertiary);
        font-weight: var(--cc-weight-bold);
        margin-top: 20px;
        border-top: 1px dotted var(--cc-light);
        padding-top: 15px;
        margin-bottom: 10px;
        border-bottom: 1px dotted var(--cc-light);
        padding-bottom: 15px;
        text-align: center;
    }

    .riepilogo_sezione svg {
        position: relative;
        margin-right: 5px;
        color: var(--cc-tertiary);
    }

    .riepilogo_sezione h3 small {
        font-weight: var(--cc-weight-regular);
    }

    .box.dati h3 {
        font-size: 15px;
        text-transform: uppercase;
        text-align: center;
        margin: 14px 0px;
        color: var(--cc-primary);
        border-bottom: 1px dotted var(--cc-light);
        padding-bottom: 10px;
    }

    .riepilogo_sezione ul {
        list-style-type: none;
        list-style-position: inside;
        list-style-image: none;
        border: 1px solid var(--cc-light);
    }

        .riepilogo_sezione ul li a {
            padding: 10px;
            display: inline-block;
            width: 100%;
            color: var(--cc-tertiary);
            border-bottom: 1px solid var(--cc-light);
        }

aside .riepilogo_sezione ul li a:hover {
    background-color: var(--cc-tertiary);
    color: white;
}

.riepilogo_sezione ul li a:hover {
}

aside .riepilogo_sezione h2 {
    padding: 20px;
}

.riepilogo_sezione ul li a:hover {
}

ul.allegati {
    list-style-image: none;
    margin: 10px 0px;
}

    ul.allegati li {
        position: relative;
        float: left;
        margin: 2px;
        margin-right: 20px;
        text-transform: uppercase;
        color: var(--cc-primary);
    }

        ul.allegati li img {
            position: relative;
            float: left;
            margin-right: 5px;
        }

.fb_iframe_widget iframe {
    width: 100% !important;
}

.disclaimer {
    color: var(--cc-secondary);
    font-size: 15px;
    line-height: 20px;
    font-weight: var(--cc-weight-bold);
    margin: 0px;
    width: 100%;
    position: relative;
    clear: both;
    text-align: left;
    min-height: 20px;
}

.selettori .field_module {
    margin-bottom: 0px;
    width: 80px;
    position: relative;
    float: left;
    margin-right: 15px;
    text-align: left;
    margin-top: 10px;
}

.selettori .box .field_module {
    margin-bottom: 0px;
    text-align: left;
    margin-top: 0px;
    width: 100%;
    margin-right: 0px;
    float: initial;
    position: inherit;
    display: inline-block;
    background: white;
    font-size: 15px;
    padding: 16px;
    height: auto;
}

.selettori label {
    position: relative;
    float: left;
    width: 100px;
    text-align: left;
    font-size: 15px;
}

.selettori label {
    top: 10px;
}

.btn_wishlist input[type="checkbox"] {
    position: absolute;
    width: 30px;
    height: 34px;
    cursor: pointer;
    float: inherit;
    top: inherit;
    margin-right: auto;
}
/* checkbox e radio button */
.btn_wishlist input[type="radio"], .btn_wishlist input[type="checkbox"] {
    opacity: 0;
}

.item_catalogo.dettaglio .btn_wishlist input[type="checkbox"] + label {
    background-position: left 6px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 31px;
    color: var(--cc-dark);
    font-weight: var(--cc-weight-bold);
}

.item_catalogo .btn.stampa {
    float: right;
    top: auto;
    font-size: 17px;
}

/*.btn_wishlist input[type="checkbox"] + label {
    cursor: pointer;
    background-image: url(../img/icone/star-off.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 10px;
    padding-left: 25px;
    line-height: 25px;
}

.btn_wishlist input[type="radio"] + label {
    cursor: pointer;
    background-image: url(../img/icone/star-off.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 25px;
    margin-right: 20px;
    line-height: 25px;
}*/

/*.btn_wishlist input[type="checkbox"]:disabled + label,*/
.btn_wishlist + label {
    cursor: pointer;
    background-image: url(../img/icone/star-off.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 25px;
    line-height: 25px;
}

/*.btn_wishlist input[type="radio"]:disabled + label,*/
.btn_wishlist + label {
    cursor: pointer;
    background-image: url(../img/icone/star-off.png);
    background-repeat: no-repeat;
    background-position: left 1px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 25px;
    line-height: 25px;
}

/*.btn_wishlist input[type="checkbox"]:checked + label,*/
.btn_wishlist.active + label  {
    background-image: url(../img/icone/star-on.png) !important;
    background-repeat: no-repeat;
    background-position: left 1px;
    line-height: 25px;
}

/*.btn_wishlist input[type="radio"] + label {
    cursor: pointer;
    background-image: url(../img/icone/star-off.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 25px;
    line-height: 25px;
}

.btn_wishlist input[type="radio"]:checked + label {
    background-image: url(../img/icone/star-on.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    line-height: 25px;
}*/

.selettori .btn:hover {
}

ul.allegati li {
    width: 100%;
    margin-bottom: 5px;
}

.riepilogo_tabella ul.allegati li {
    width: auto;
    margin-bottom: 5px;
}

.banner_inf {
    width: 100%;
    position: relative;
    clear: both;
}

.sx .box_news, .box_sx {
    margin-bottom: 20px
}

.box_news .box {
    vertical-align: top;
    overflow: hidden;
    text-align: left;
    display: inline-block;
}

.cataloghi .box {
    vertical-align: top;
    position: relative;
    overflow: hidden;
    text-align: left;
    margin: 1%;
    width: 23%;
    display: inline-block;
    border: 1px solid var(--cc-light);
    min-height:410px;
}

    .cataloghi .box:hover {
        border: 1px solid var(--cc-secondary);
    }

.dx .cataloghi .box h2 {
    text-align: center;
    font-family: var(--cc-font-body);
    text-transform: inherit;
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    color: black;
    margin-bottom: 0px;
}

.cataloghi .box h2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 17px;
    padding: 0px;
    margin: 0px;
    font-weight: var(--cc-weight-bold);
    color: var(--cc-secondary);
}

.cataloghi .box h4 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 19px;
    padding: 0px;
    margin: 0px;
    font-weight: var(--cc-weight-bold);
    color: var(--cc-tertiary);
}

.cataloghi .box .btn {
    padding: 8px 20px;
    margin-top: 13px;
    font-size: 15px;
    text-align: center;
    width: 100%;
}

.cataloghi .box h2 a:hover {
    text-decoration: none
}

.cataloghi h1 {
    font-size: 45px;
    font-weight: var(--cc-weight-regular);
    color: var(--cc-primary);
    margin: 0px;
}

.box_news .box h2 {
    color: var(--cc-tertiary);
    font-size: 20px;
    font-weight: var(--cc-weight-regular);
    margin: 0px;
    text-align: left;
    line-height: 25px;
    margin-bottom: 10px;
}

    .box_news .box h2 strong {
        font-weight: var(--cc-weight-bold);
    }

    .box_news .box h2 a {
        color: black;
    }

.box h4 {
    color: var(--cc-tertiary);
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
}

.approfondimenti .box_img {
    margin-bottom: 0px
}

.box_img {
    width: 100%;
    clear: both;
    position: relative;
    height: 262px;
    overflow: hidden;
    text-align: center;
}

    .box_img div {
        /*	display: table-cell;
	vertical-align: middle;
	text-align: center;*/
    }

.banner.home {
    background: var(--cc-tertiary);
    clear: both;
    padding: 2% 0%;
    display: inline-block;
    width: 100%;
}

    .banner.home .testo {
        width: 60%;
        float: left;
        text-align: left
    }

    .banner.home .colour {
        position: relative;
        float: right;
        margin: 20px;
        -webkit-animation-duration: 10s;
        -moz-animation-duration: 10s;
        -ms-animation-duration: 10s;
        -o-animation-duration: 10s;
        animation-duration: 10s;
    }

        .banner.home .colour:hover {
            -webkit-animation-name: rotateIn;
            animation-name: rotateIn;
        }

.boxes .box .box_img .data {
    width: auto;
    position: absolute;
    color: white;
    font-family: var(--cc-font-body);
    font-size: 22px;
    padding: 10px 0px;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    left: 0px;
    top: 0%;
    z-index: 9;
    cursor: pointer;
    background: rgb(195, 18, 111);
    font-weight: var(--cc-weight-regular);
}

    .boxes .box .box_img .data span {
        width: 100%;
        display: inline-block;
        font-size: 33px;
    }

.box_img img {
    max-width: inherit;
    height: 100%;
    width: auto;
    position: absolute;
    left: 0px;
    -webkit-transform: scale(1, 1);
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    /* Webkit for Mozila Firefox */
    -moz-transform: scale(1, 1);
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    -ms-transform: scale(1, 1);
    -ms-transition-duration: 500ms;
    -ms-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    transform: scale(1, 1);
    transition-duration: 500ms;
    transition-timing-function: ease-out;
}

    .box_img img:hover {
        /* Webkit for Chrome and Safari */
        -webkit-transform: scale(1.2, 1.2);
        -webkit-transition-duration: 200ms;
        -webkit-transition-timing-function: ease-out;
        /* Webkit for Mozila Firefox */
        -moz-transform: scale(1.2, 1.2);
        -moz-transition-duration: 200ms;
        -moz-transition-timing-function: ease-out;
        /* Webkit for IE( Version: 11, 10 ) */
        -ms-transform: scale(1.2, 1.2);
        -ms-transition-duration: 200ms;
        -ms-transition-timing-function: ease-out;
        /* Webkit for IE( Version: 11, 10 ) */
        transform: scale(1.2, 1.2);
        transition-duration: 200ms;
        transition-timing-function: ease-out;
    }

.cataloghi .box_img {
    width: 100%;
    clear: both;
    position: relative;
    /* height: 350px; */
    overflow: hidden;
    text-align: center;
    background: white;
    display: table;
    padding: 10px;
}

.cataloghi.partner .box_img {
    height: 200px;
    margin-bottom: 0px;
}

.cataloghi.partner .testo {
    overflow: hidden;
    background: white;
    padding: 0px 20px 20px 20px;
    height: auto;
}

.cataloghi.partner .box_img img {
    max-height: 222px;
}

.cataloghi .box_img div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.cataloghi .box_img img {
    max-width: 100%;
    /* max-height: 350px; */
    width: 250px;
    height: inherit;
    position: relative;
}

.cataloghi .testo {
    overflow: hidden;
    background: white;
    padding: 0px 20px 0px 20px;
}

.box_news.cataloghi .box h2 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: var(--cc-weight-regular);
}

.box_news.cataloghi {
    padding-bottom: 40px
}

    .box_news.cataloghi .titolo {
        font-size: 40px;
    }

    .box_news.cataloghi .box h3 {
        margin-bottom: 10px;
        font-size: 23px;
        text-align: center;
        font-weight: var(--cc-weight-regular);
    }

.box_news .box h2 a:hover {
    text-decoration: none;
}

.corpo .banner p {
    color: rgba(255, 255, 255, 0.5);
}

.corpo .testo {
    margin: 10px 0px;
    height: 53px;
    overflow: hidden;
}

    .corpo .testo p {
        margin-bottom: 0px;
    }

.box .titolo {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    padding: 20px 0px;
    font-family: var(--cc-font-body);
    color: var(--cc-secondary);
    font-size: 40px;
    font-weight: var(--cc-weight-regular);
}

.banner_inf {
    margin: 30px 0px
}

    .banner_inf .newsletter, .banner_inf .pagamenti {
        position: relative;
        overflow: hidden;
        margin: 0px 1%;
        /*min-width: 320px;*/
        max-height: 360px;
        width: 47%;
        text-align: center;
        display: inline-table;
        border: 10px solid;
        padding: 20px;
        min-height: 320px;
    }

    .banner_inf .newsletter {
        background-color: var(--cc-primary);
        color: white;
        border-color: var(--cc-secondary)
    }

        .banner_inf .newsletter .btn {
            color: white;
            border: 3px solid white !important;
            margin: 19px 0px 0px 0px;
            padding: 9px 20px;
            clear: inherit !important;
            border-radius: inherit !important;
            top: 1px;
        }

        .banner_inf .newsletter .titolo {
            color: white;
        }

    .banner_inf .pagamenti {
        background-color: var(--cc-light);
        color: var(--cc-primary);
        border-color: var(--cc-primary)
    }

        .banner_inf .pagamenti img {
            margin: 20px 0px
        }

    .banner_inf .titolo {
        text-transform: uppercase;
        font-weight: var(--cc-weight-bold);
        font-size: 30px;
        margin: 0px;
        padding: 20px 0px;
    }

.corpo .banner_inf p {
    color: white;
    font-size: 18px;
    text-shadow: 0 1px 0 black;
}

.corpo .banner_inf .pagamenti p {
    color: var(--cc-primary);
    text-shadow: 0 1px 0 white;
}

.prodotti .testo {
    position: relative;
    float: right;
    width: 40%;
}

.approfondimenti h2 {
    font-weight: var(--cc-weight-regular);
    margin-bottom: 0px;
    background: var(--cc-tertiary);
    color: white;
    padding: 15px;
    font-size: 30px;
    text-align: center;
}

.approfondimenti .titolo h2 {
    margin-bottom: 0px;
    font-size: 31px;
    font-weight: var(--cc-weight-regular);
    text-align: center;
    margin-top: 10px;
    color: var(--cc-primary);
}

.approfondimenti p.leggi {
    text-align: center;
    border: none;
}

    .approfondimenti p.leggi a {
        text-decoration: underline;
        color: var(--cc-tertiary);
    }

.approfondimenti h2 a {
    color: black;
}

.testo p {
    font-weight: var(--cc-weight-regular);
    font-size: 14px;
    line-height: 18px;
}

.box_news .box .link {
    background: white;
    padding: 20px;
    text-align: left;
}

    .box_news .box .link a {
        color: var(--cc-tertiary);
        text-decoration: underline;
    }

.img_principale {
    width: 100%;
    margin-bottom: 20px;
}

.img_brand img {
    max-height: 30px;
}

article table {
    margin: 20px 0px;
    border-top: 1px solid var(--cc-light);
    border-right: 1px solid var(--cc-light);
    border-left: 1px solid var(--cc-light);
    border-spacing: 0;
    border-collapse: collapse;
}

    article table tr td, article table tr th {
        padding: 10px 20px;
        border-bottom: 1px solid var(--cc-light);
        margin: 0px;
        text-align: left;
    }

        article table tr th, article table tr td strong {
            color: var(--cc-secondary);
            font-weight: var(--cc-weight-regular);
        }

    article table tr th {
        color: black;
        font-weight: var(--cc-weight-bold);
    }

.newsletter label {
    float: left;
    margin-top: 5px;
}

.newsletter label {
    color: white;
    font-size: 11px;
}

#mc_embed_signup .indicates-required {
    margin-right: 5px !important;
    float: left;
}

.descrizione_p p em, .descrizione_p p strong {
    font-weight: normal;
    font-style: normal
}

.alert_carrello {
    height: auto;
    overflow: auto;
    border: 4px solid rgb(22, 40, 76);
    padding: 10px;
    text-align: center;
    color: var(--cc-primary);
    font-size: 22px;
    background: var(--cc-light);
}

.obbligatorio {
    border-color: var(--cc-alert);
}

.scarica a {
    color: var(--cc-alert);
    text-decoration: underline;
}

    .scarica a:hover {
        color: var(--cc-alert);
        text-decoration: underline;
    }

.scarica img {
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.spunta {
    width: 100%;
    position: relative;
    clear: both;
    padding: 10px 0px 0px 0px;
    height: auto;
    overflow: auto;
}

.percentuale {
    color: var(--cc-secondary);
    font-weight: var(--cc-weight-bold);
}

.segmento-listino {
    color: white !important;
    background-color: white !important;
}

.segmento-sottocosto, td.percentuale.sottocosto, .segmento-promozione, .segmento-volantino, td.percentuale.volantino, .segmento-occhioalprezzo {
    color: white !important;
    border-right: 1px solid var(--cc-light);
    border: 1px solid white;
}

.segmento-sottocosto, td.percentuale.sottocosto {
    background-color: var(--cc-tertiary) !important;
}

.segmento-promozione {
    background-color: var(--cc-tertiary) !important;
}

.segmento-volantino, td.percentuale.volantino {
    background-color: var(--cc-secondary) !important;
}

.segmento-occhioalprezzo {
    background-color: var(--cc-tertiary) !important;
}

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

    ul.quadratino li span {
        display: inline-block;
        height: 15px;
        width: 15px;
        margin: 0px 4px;
        position: relative;
        top: 2px;
        border-radius: 1px;
        /* border-right: none !important; */
        border: 1px solid white;
    }

    ul.quadratino li {
        float: left;
        padding: 6px 2px;
        color: var(--cc-secondary);
        text-shadow: 1px 0px 0px white;
        font-weight: var(--cc-weight-bold);
    }

.unico .superiore {
    background-color: white;
    border-bottom: 1px solid var(--cc-light);
    width: 100%;
    padding-top: 20px;
    margin-bottom: 50px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.scopricome {
    padding: 15px 0px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    .scopricome .btn {
        float: right
    }

.descrizione .scopricome p {
    color: black;
    font-size: 14px;
    margin-bottom: 0px;
    max-width: 450px;
    padding-right: 10px;
    position: relative;
    float: left
}

.inferiore .sx, .inferiore .dx {
    width: 48%;
    margin: 0px;
    margin-bottom: 50px;
}

    .inferiore .dx p a {
        font-size: 14px;
        color: var(--cc-primary);
        text-decoration: none;
        padding: 10px 0px;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .inferiore .dx p a:hover {
            color: black;
            text-decoration: underline;
        }

        .inferiore .dx p a img {
            position: relative;
            float: left;
            top: 2px;
            margin-right: 7px
        }

    .inferiore .sx .box {
        background: white;
        margin-bottom: 40px;
        display: inline-block;
        overflow: hidden;
        width: 100%;
        padding-left: 50%;
        background-position: left top;
        background-size: auto 100%;
        background-repeat: no-repeat;
    }

        .inferiore .sx .box .testo {
            overflow: hidden;
            background: rgba(255, 255, 255, 0.81);
            padding: 15px;
            height: auto;
            width: 100%;
            position: relative;
            float: right;
        }

        .inferiore .sx .box h3 {
            font-size: 40px;
            font-weight: var(--cc-weight-regular);
            margin-bottom: 10px;
        }

        .inferiore .sx .box .testo p {
            font-weight: var(--cc-weight-regular);
            font-size: 15px;
            line-height: 24px;
        }

.inferiore h4 {
    background: var(--cc-ok);
    font-size: 13px;
    font-weight: var(--cc-weight-regular);
    color: white;
    padding: 15px;
    text-transform: uppercase;
    margin: 15px 0px;
}

.inferiore .dx p {
    font-size: 13px;
    font-weight: var(--cc-weight-regular);
    color: black;
    margin: 0px;
}

.inferiore .dx h3 {
    font-size: 25px;
    margin: 20px 0px;
}

.approfondimenti .titolo p {
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

.home .approfondimenti .titolo p {
    margin-top: 30px;
}

article .riepilogo_prodotto {
    margin-bottom: 25px;
    background: var(--cc-light);
    border: 2px dashed var(--cc-tertiary);
    width: 100%;
    clear: both;
    position: relative;
    padding: 15px;
}

.riepilogo_prodotto .btn, .riepilogo_prodotto input[type="button"].btn {
}

article .riepilogo_prodotto .testo {
    height: 150px;
    margin-bottom: 25px;
    overflow: hidden;
}

article .riepilogo_prodotto .articolo_news h3 {
    font-size: 30px;
    font-weight: var(--cc-weight-regular);
    margin: 5px 0px;
}

    article .riepilogo_prodotto .articolo_news h3 a {
        color: var(--cc-tertiary);
        text-decoration: none;
    }

article .riepilogo_prodotto .testo p {
    line-height: 23px;
    text-align: justify;
    font-size: 15px;
    margin-bottom: 0px
}

article .img img, article .img iframe {
    margin-bottom: 20px
}

article section .img img {
    width: 100%;
}

.img iframe {
    width: 100%;
    height: 400px;
}

.campo_form span input[type="radio"] {
    position: relative;
    margin-left: 5px;
    top: 2px;
}

.campo_form.sede_alternativa {
    width: 100%;
    margin: 0px;
    background: var(--cc-light);
    padding: 10px;
}

.menusup .link.entra br {
    display: none;
}

.dx .img_item div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.dx .img_item {
    width: 250px;
    height: 250px;
    display: table;
}

.dx .prodotti_simili .img_item div img {
    max-width: 150px;
    max-height: 150px;
}

.dx .prodotti_simili .img_item {
    width: 100%;
    height: 150px;
}

.dx .prodotti_simili .item .logo img {
    height: auto;
    margin-top: 10px;
    margin-right: 10px;
    width: 60px;
}

.dx .img_item div img {
    max-width: 100%;
    max-height: 250px;
}

.dx .articoli .img_item div img, .catalogo .articoli .img_item div img {
    max-width: initial;
    max-height: initial;
}

.sx .img_item {
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    margin-bottom: 10px;
    color: var(--cc-tertiary);
}

    .sx .img_item div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        .sx .img_item div img {
            max-width: 100%;
            max-height: 195px;
        }

.box.dati h2 {
    font-size: 23px;
    font-weight: var(--cc-weight-regular);
    margin-bottom: 10px;
    color: black;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid var(--cc-light);
    padding-bottom: 15px;
}

input[type="text"]:disabled {
    background-color: var(--cc-light);
    color: var(--cc-dark);
}

.hidden {
    display: none !important
}

.calcolatrice {
    position: relative;
    float: left;
    height: 43px;
    margin-left: 33%;
    margin-top: 13px;
    margin-right: 10px;
}

.boxes {
}

.home .boxes .box, .shop .boxes .box {
    width: 25%;
}

.boxes .box {
}

.boxes .btn, .unico.carousel .btn, .selettori input[type="submit"].btn {
    color: white;
    border-color: white;
    font-size: 30px;
    font-weight: var(--cc-weight-regular);
    padding: 10px 20px;
}

.boxes.blog .selettori .btn, .blog .selettori input[type="submit"].btn {
    color: white;
    border-color: white;
    font-size: 25px;
    font-weight: var(--cc-weight-regular);
    padding: 7px 20px;
    margin-right: 5px;
}

.boxes.blog .selettori .campo_form {
    padding-bottom: 0px;
}

.boxes .selettori h3 {
    color: white;
    font-weight: var(--cc-weight-regular);
    font-size: 26px;
    margin-bottom: 15px;
}

.fake_label {
    width: 100%;
    height: 36px
}

.boxes .testo {
    margin-top: 20px;
}

    .boxes .testo div {
        height: 63px;
        overflow: hidden;
    }

.more {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 40px 0px 60px 0px
}

.unico.boxes h2.titolo {
    margin: 30px 0px 50px 0px;
}

.boxes h2 {
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-family: var(--cc-font-body);
    color: #87a4c4;
}

.boxes h3 {
    font-size: 19px;
    margin-bottom: 10px;
    color: var(--cc-tertiary);
    font-weight: normal;
}

.boxes .loghi .box h3 {
    font-size: 17px;
    margin-bottom: 0px;
    color: black;
    font-weight: normal;
    border-top: 3px solid var(--cc-light);
    border-bottom: none;
    padding: 20px 20px 0px 20px;
}

.boxes h3 a, .boxes h3 a:hover {
    color: var(--cc-tertiary);
    font-size: 22px;
}

.boxes h2 a:hover {
    text-decoration: none;
    color: var(--cc-secondary);
}

.boxes .testo p {
    margin-bottom: 0px;
    line-height: 20px;
    color: var(--cc-secondary);
}

footer .box.card {
}

    footer .box.card img {
        max-width: 300px
    }

footer .box.big {
    max-width: 440px;
}

footer .box {
    position: relative;
    float: left;
    width: auto;
    margin: 0px 0px 0px 0px;
}

    footer .box.intestazione img {
        max-width: 367px;
        margin: 40px 0px 20px 0px;
    }

    footer .box.intestazione p {
        margin: 0px 0px 20px 0px;
        font-size: 15px;
    }

footer .dx .box:last-child {
    margin: 0px 0px 0px 0px;
}

footer .dx .box {
    max-width: 50%;
    margin: 0px 0px 0px 38px;
}

    footer .dx .box.newsletter {
        width: 100%;
        max-width: 100%;
        margin-top: 11px;
        /* padding-left: 29px; */
        border-top: 1px solid white;
        padding-top: 20px;
    }

.menu_footer .box:last-child ul, .menu_footer .box:nth-child(2) ul {
    margin-right: 0%;
}

.item .box {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.approfondimenti .box {
    padding: 0px 10px
}

.home approfondimenti {
    border-top: none;
}

.approfondimenti {
    padding-bottom: 40px;
    width: 100%;
    clear: both;
    position: relative;
    height: auto;
}

.prodotti .box.principale {
    width: 100%;
    margin-bottom: 0px;
}

.prodotti .btn {
    text-transform: uppercase;
    background-color: var(--cc-alert);
    margin: 20px 0px;
}

.prodotti .box h3 {
    font-size: 30px;
    text-align: center
}

.prodotti .box {
    position: relative;
    float: left;
    width: 20%;
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer
}

    .prodotti .box .img {
        width: 100%;
        height: 170px;
        display: table
    }

        .prodotti .box .img div {
            display: table-cell;
            vertical-align: middle;
            text-align: center
        }

            .prodotti .box .img div img {
                max-width: 100%;
                max-height: 160px;
                margin-bottom: 10px;
            }

    .prodotti .box.principale .img {
        width: 60%;
        position: relative;
        float: left;
        display: table;
        height: 400px
    }

        .prodotti .box.principale .img img {
            max-height: 400px;
            margin-bottom: 0px
        }

    .prodotti .box.principale h3 {
        margin-bottom: 20px;
        margin-top: 30px;
        text-align: left
    }

    .prodotti .box p {
        font-size: 15px;
        line-height: 23px;
        margin-right: 20px;
        text-align: left;
    }

.sezioni_home {
    margin: 30px 0px
}

    .sezioni_home .box {
        margin-bottom: 0px;
        cursor: pointer;
        background: var(--cc-tertiary)
    }

        .sezioni_home .box:hover img {
            opacity: 0.5;
            -moz-transition: all 0.2s linear 0s;
            -webkit-transition: all 0.2s linear 0s;
            -o-transition: all 0.2s linear 0s;
        }

    .sezioni_home .sx {
        padding-right: 1%;
        width: 50%;
    }

    .sezioni_home .dx {
        padding-left: 1%;
        width: 50%;
    }

    .sezioni_home .box, .sezioni_home .box img, .sezioni_home .box:hover img {
        width: 100%;
    }

        .sezioni_home .box h3 {
            font-size: 30px;
            text-align: left;
            color: var(--cc-tertiary);
            padding: 21px 0px 36px 0px;
            background: white;
        }

.banner_box.homepage {
    width: 100%;
    position: relative;
    clear: both;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    height: auto;
    overflow: auto;
    margin: 50px 0px;
    min-height: 400px;
}

    .banner_box.homepage .testo {
        width: 44%;
        position: relative;
        float: right;
        padding: 50px;
        text-shadow: 0 1px 0 black;
        z-index: 9;
    }

    .banner_box.homepage h2 {
        font-size: 60px;
        color: white;
        font-weight: var(--cc-weight-regular);
        position: relative;
        margin-bottom: 10px;
        line-height: 60px
    }

    .banner_box.homepage h3 {
        font-size: 35px;
        color: white;
        font-weight: var(--cc-weight-regular);
        /* letter-spacing: -2px; */
        margin-bottom: 0px;
    }

.approfondimenti p.leggi a.btn {
    background-color: var(--cc-tertiary);
    float: inherit;
    margin: auto;
    left: 0px;
    right: 0px;
    text-align: center;
    text-transform: none;
    font-size: 25px;
    padding: 15px;
    text-decoration: none;
    width: 32%;
    color: white
}

ul.social li {
    position: relative;
    float: left;
    padding: 8px;
    opacity: 1;
    background-repeat: no-repeat;
    margin: 0px;
}

article ul.social li {
    position: relative;
    float: left;
    padding: 10px 8px 6px 8px;
    opacity: 1;
    background-repeat: no-repeat;
    margin: 0px;
    background: none !important;
}

ul.social li.whatsapp {
    background-position: 0px 11px;
    padding: 10px 8px 6px 26px;
    background-size: auto 20px;
    margin-left: 10px
}

ul.social li:hover {
    opacity: 1;
}

article h1 {
}

article .data {
    font-size: 15px;
    clear: both;
    display: inline-block;
    margin-top: 5px;
}

article header .data {
    font-size: 15px;
    clear: both;
    display: inline-block;
    margin-top: -5px;
}

.staff li .img {
    width: 180px;
    height: 180px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    overflow: hidden;
    margin: 15px auto;
    text-align: center;
    float: inherit;
}

    .staff li .img img {
    }

.staff ul {
    text-align: center;
    display: block
}

.staff li h3 {
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: var(--cc-weight-regular);
    color: var(--cc-secondary);
    font-family: var(--cc-font-body);
}

article section ul.staff li::before {
    content: "";
    margin-right: 0px;
}

.staff h2 {
    font-size: 24px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
    font-weight: normal;
}

.staff {
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .staff li {
        width: 31%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 20px;
        list-style-type: none;
        text-align: center;
    }

.img_articolo img {
    width: 100%;
}

.sx .img_articolo {
    max-height: inherit;
    width: 100%;
    clear: both;
    position: relative;
    margin-bottom: 30px;
}

.login {
    float: right;
}

.carrello {
    padding: 10px;
    float: right;
    margin-top: 24px;
    margin-right: 0px;
}

aside .loghi {
    background: transparent;
    border-top: none;
    padding: 0px 0px 20px 0px;
    display: inline-block;
    text-align: left;
    width: 100%;
}

.loghi {
    padding: 0px 0px 40px 0px;
    display: block;
    text-align: center;
    clear: both;
}

    .loghi li {
        margin: 0px 30px;
        display: inline-block;
        vertical-align: middle
    }

    .loghi img {
        max-height: 168px;
    }

article .img {
    clear: both;
    display: block;
}

.owl-carousel.statico .item {
    width: 33%;
    position: relative;
    float: left;
}

.grigio h3 {
    font-size: 15px;
    font-weight: var(--cc-weight-bold);
    margin: 5px 0px
}

    .grigio h3 a {
        color: var(--cc-secondary)
    }

.newsletter_box {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    padding: 50px 30px 150px 30px;
    text-align: center;
    margin: 50px 0px 0px 0px;
    width: 100%;
    position: relative;
    clear: both;
}

    .newsletter_box p {
        font-size: 15px;
        color: white;
        line-height: 20px;
    }

    .newsletter_box h2 {
        font-size: 40px;
        color: white;
        font-weight: var(--cc-weight-regular);
        margin: 0px 0px 10px 0px;
    }

p.veditutto, .content article p.veditutto {
    text-align: center;
    padding: 15px 0px 0px 0px;
    margin: 0px;
    font-weight: var(--cc-weight-bold);
    font-size: 15px;
    text-decoration: underline;
    background: var(--cc-light);
}

    p.veditutto a, .content article p.veditutto a {
        color: var(--cc-tertiary);
    }

.video h3 {
    text-align: left;
    font-size: 20px;
    color: var(--cc-tertiary);
    margin-bottom: 15px
}

.video_meta {
    width: 50%;
    float: right;
    padding: 0px 10px;
}

    .video_meta p {
    }

.video p {
    font-size: 15px;
    color: var(--cc-secondary);
    line-height: 23px;
    margin-bottom: 15px;
}

.video.video_articolo {
    position: relative;
    min-height: 169px;
}

.video .play-btn {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 0px;
    line-height: 0px;
    background: url(../img/playbutton.png) center center no-repeat;
    background-size: 120px auto;
    z-index: -1;
}
/*pagina prodotto */
.prodotto section {
    width: 100%;
    display: block;
    padding-right: 0px;
    overflow: hidden
}

.prodotto header {
    font-size: 20px;
    border: none;
    margin: 0px;
    padding: 0px
}

    .prodotto header .img .cover {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 380px;
        background: rgba(255, 255, 255, 0.8);
        z-index: 2;
        margin-top: 10px;
    }

    .prodotto header .img h1, .prodotto header .img img {
        position: absolute;
        z-index: 3;
    }

    .prodotto header .img .bg img {
        position: relative;
        z-index: 1;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .prodotto header .img {
        margin-bottom: 50px
    }

        .prodotto header .img img {
            left: 0px;
            width: 50%;
            margin: 0px;
            padding: 70px 10px;
        }

        .prodotto header .img h1 {
            right: 0px;
            width: 50%;
            padding: 154px 40px;
            color: var(--cc-alert);
            font-size: 70px;
            text-shadow: 0 1px 0 white;
            margin: 0px;
        }

        .prodotto header .img .bg {
            max-height: 400px;
            overflow: hidden;
        }

.prodotto article h2 {
    text-align: center;
    font-size: 30px;
    color: var(--cc-secondary);
    margin-bottom: 20px
}

.prodotto article h3 {
    text-align: center;
    font-size: 19px;
    color: var(--cc-secondary);
    font-weight: normal
}

.prodotto .dx, .prodotto .sx {
    padding: 20px
}

.gallery .box:first-child {
    width: 100%;
    height: auto;
    overflow: hidden
}

.gallery .box {
    position: relative;
    float: left;
    width: 50%;
    height: 198px;
    overflow: hidden
}

.prodotto .video {
    margin: 25px 0px;
    border: none;
    padding: 0px;
    overflow: hidden;
}

.download {
    background: var(--cc-light);
    padding: 25px;
}

.prodotto article .download h3 {
    text-align: left;
    font-size: 30px;
    color: var(--cc-secondary);
    font-weight: normal;
    margin-bottom: 0px;
}

article section .download ul {
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

    article section .download ul li a {
        color: var(--cc-secondary);
        font-size: 20px;
    }

        article section .download ul li a:hover {
            color: var(--cc-secondary);
            text-decoration: none
        }

    article section .download ul li {
        background-image: url(/Content/img/icone/pdf.png);
        background-size: auto;
        background-repeat: no-repeat;
        background-position: 2px 6px;
        padding-left: 30px;
        margin-bottom: 5px;
        padding: 10px 10px 10px 45px;
    }

.tipologie .box .titolo {
    color: white;
    font-size: 15px;
    background: var(--cc-tertiary);
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 1px 0 black;
    padding: 12px 0px;
}

.tipologie .box big {
    display: block;
    font-size: 30px
}

article section .tipologie ul {
    position: relative;
    clear: both;
    margin: 0px;
    padding: 0px;
}

article .tipologie ul li {
    background-image: none;
    padding-left: 0px;
    font-size: 14px;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--cc-light);
    padding: 15px;
}

    article .tipologie ul li:last-child {
        border-bottom: none;
    }

    article .tipologie ul li strong {
        display: block;
        text-align: center;
        color: var(--cc-secondary);
    }

.tabelle {
    width: 100%;
    display: block;
    clear: both;
    background-size: cover;
    padding: 60px 25px;
}

    .tabelle .clear {
        padding: 30px 0px 0px 0px;
        display: inline-block;
        height: auto;
        width: 100%;
    }

.btn.carrello {
    color: white;
    font-weight: normal;
    padding: 15px 20px 15px 70px;
    margin: 0px;
    background-image: url(/Content/img/icone/carrello-white.png);
    background-repeat: no-repeat;
    background-position: 20px 14px;
}

.correlati {
    margin: 20px 0px;
    display: inline-block;
    width: 100%;
}

    .correlati .titolo {
        margin: 0px 0px 5px 0px;
    }

.prodotto article .correlati h2 {
    text-align: center;
    font-size: 40px;
    color: var(--cc-tertiary);
    margin-bottom: 50px;
}

.prodotto .condividi_articolo {
    width: auto;
    position: relative;
    float: right;
    padding: 0px;
}

.prodotto .pathway {
    width: auto;
    position: relative;
    float: left;
}

.no_loggato, .no_loggato.disclaimer {
    padding: 25px;
    width: 100%;
    clear: both;
    position: relative;
    display: inline-block;
    margin: 0px 0px 10px 0px;
    text-align: center;
    background: var(--cc-primary);
    color: white;
    font-weight: var(--cc-weight-bold);
    font-size: 20px;
    line-height: 27px;
    border-radius: 3px;
}

.box.sx .me-select {
    width: auto;
}

.box.sx .btn, .box.dx .btn {
    float: right;
}

.box.sx, .box.dx {
    background-color: white;
    min-height: 285px;
}

    .box.sx hr {
        background: var(--cc-light);
        height: 1px;
        width: 100%;
        padding: 0px;
        border: none;
        margin: 10px 0px 20px 0px;
        display: inline-block;
    }

    .box.sx .field_module {
        background-color: var(--cc-light);
    }

    .box.sx h3, .box.dx h3 {
        font-size: 30px;
        margin: 0px;
        text-align: left;
        color: var(--cc-primary);
        width: 100%;
        position: relative;
        clear: both;
        font-weight: var(--cc-weight-regular);
        padding: 0px 0px 20px 0px;
    }

.tabelle_carrello .no_loggato .btn {
    float: inherit;
    margin: 5px;
}

.tabelle_carrello .no_loggato p {
    margin-bottom: 0px;
    color: #393633;
    line-height: 30px;
    position: relative;
    float: left;
    width: 70%;
    text-align: left;
    font-size: 17px;
}

.relative {
    position: relative;
    float: left;
    width: 100%;
    clear: both
}

section .box {
    position: relative;
    float: left;
    width: 50%;
    padding: 10px;
}

section.promozioni .box {
    width: 33%;
}

    section.promozioni .box .testo {
        background: white;
        padding: 20px;
        border-bottom: 18px solid white;
        height: 200px;
        overflow: hidden;
    }

        section.promozioni .box .testo h3 {
            margin-bottom: 10px
        }

.content section.promozioni .box p {
    margin-bottom: 0px;
}

.content section.promozioni .btn {
    margin: 30px 0px 30px 0px;
}

section .box.tabelle {
    position: relative;
    float: left;
    width: 50%;
    display: block;
    clear: inherit;
    background-image: none;
    background-size: auto;
    padding: 10px;
}

section .box .img {
    padding: 20px;
}

section .selettori .box {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--cc-light);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

section .img_aggiuntive {
    max-width: 30%;
    position: relative;
    float: left;
}

    section .img_aggiuntive a {
        outline: none
    }

    section .img_aggiuntive img {
        padding-right: 20px;
        padding-bottom: 20px
    }

section .dx .box {
    width: 100%;
}

section .box .disclaimer {
    font-size: 13px;
    line-height: 18px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    position: relative;
    clear: both;
    font-style: initial;
    font-style: italic;
    font-weight: var(--cc-weight-bold);
}

section .articolo_news .disclaimer {
    color: var(--cc-tertiary);
    font-size: 15px;
    line-height: 20px;
    font-weight: var(--cc-weight-bold);
    margin: 0px;
    width: 100%;
    position: relative;
    clear: both;
    font-style: initial;
}

.presentazione {
    width: 100%;
    display: inline-block;
}

    .presentazione .box {
    }

.menusup a.uscita {
    float: right;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 0px 9px 40px;
}

aside .banner {
    /* padding: 20px 0px 0px 0px; */
    margin: 0px;
    background: var(--cc-tertiary);
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    padding: 20px 0px 20px 0px;
    display: none;
}

    aside .banner a {
        color: white;
        text-decoration: none;
    }

        aside .banner a:hover {
            color: var(--cc-tertiary);
            text-decoration: none;
        }

section .banner a {
    color: white;
    text-decoration: none;
}

    section .banner a:hover {
        color: var(--cc-tertiary);
        text-decoration: none;
    }

section .banner {
    /* display: none;  */ /*  attivato perchè non si vedeva piu il volantino dalla dashboard 1305*/
    margin: 0px;
    background: var(--cc-tertiary);
    cursor: pointer;
    text-align: left;
    border-radius: 5px;
    padding: 20px;
}

    section .banner img {
        margin: 0px;
        padding: 10px;
        width: 34%;
        position: relative;
        float: left;
        margin-right: 20px;
    }

    section .banner h3, section .banner h4 {
        text-align: left;
    }

    section .banner h4 {
        margin: 0px 0px 5px 0px;
    }

    section .banner h3 {
        margin: 15px 0px 15px 0px;
        border-bottom: 1px dotted rgb(255, 255, 128); /* era  255 / 45%  non supportato da VS */
        padding-bottom: 15px;
        position: relative;
        float: left;
        width: 60%;
    }

    section .banner a {
        color: white;
        text-decoration: none;
    }

        section .banner a:hover {
            color: var(--cc-tertiary);
            text-decoration: none;
        }



section .banner_volantino {
    margin: 0px;
    background: var(--cc-light);
    cursor: pointer;
    text-align: left;
    border-radius: 5px;
    padding: 40px 20px;
    top: 20px;
    position: relative;
}

    section .banner_volantino img {
        margin: 0px;
        padding: 10px;
        width: 34%;
        position: relative;
        float: left;
        margin-right: 20px;
        top: -60px;
    }


    section .banner_volantino h3 {
        margin: 0px;
        border: none;
        padding-bottom: 5px;
        position: relative;
        float: left;
        width: 60%;
        font-size: 40px;
        font-weight: 600 !important;
        text-align: left;
    }
section .banner_volantino a.btn {
    padding:10px;
}


footer .banner {
    text-align: center;
    margin: 20px 0px;
    position: relative;
    display: inline-block;
}

aside .banner img {
    /* max-width: 100%; */
    /* height: auto; */
    /* margin-bottom: 0px; */
    /* width: auto; */
    padding: 10px;
    margin: 0px;
}

aside .banner iframe {
    max-width: 100%;
    margin-bottom: 20px;
}

footer .banner img, footer .banner iframe {
    max-width: 100%;
    margin: 0px 0px;
}

.banner.top {
    margin: 20px 0px 0px 0px;
}

.content.servizio .banner.top {
    margin: -10px 0px 20px 0px;
}

.banner.top img, .banner.top iframe {
    margin: 0px 0px 0px 0px
}

.acquistati {
    /* border: 1px solid var(--cc-light); */
    margin: 0px;
    font-size: 14px;
    color: var(--cc-tertiary);
    padding-left: 0px;
}

aside .acquistati {
    margin-left: 63px;
}

.tabella.acquistati, .tabella.venduti {
    border: none;
    margin: 0px;
    display: none
}

    .acquistati .btn, .tabella.venduti .btn {
        background-color: var(--cc-tertiary);
        text-transform: inherit;
        font-size: 15px;
        float: inherit;
        margin: auto;
        margin: 15px 0px;
    }

.riepilogo_prodotto {
    display: inline-block;
    margin-bottom: 10px;
    border: 1px solid var(--cc-light);
    width: 100%;
    background: rgba(228, 231, 234, 0.4);
    text-shadow: 0 1px 0 white;
}

    .riepilogo_prodotto:hover {
        border: 1px solid var(--cc-light);
        background: rgba(241, 239, 196, 0.4);
    }

        .riepilogo_prodotto:hover hr {
            background: var(--cc-light);
        }

    .riepilogo_prodotto div {
        position: relative;
        float: left;
        padding: 5px 10px;
        font-size: 15px;
    }

    .riepilogo_prodotto hr {
        background: var(--cc-light);
        height: 1px;
        width: 100%;
        padding: 0px;
        border: none;
        margin: 0px;
        opacity: 0.5
    }

    .riepilogo_prodotto div.quantita, .riepilogo_prodotto div.dettaglio, .riepilogo_prodotto div.disp {
        float: right;
    }

    .riepilogo_prodotto div.disp {
        font-size: 13px;
    }

    .riepilogo_prodotto div.dettaglio {
        background-image: url(../img/icone/dettagli.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
        padding-left: 29px;
        font-weight: var(--cc-weight-bold);
        background-size: auto 15px;
    }

    .riepilogo_prodotto div.disp, .riepilogo_prodotto div.titolo, .riepilogo_prodotto div.dettaglio, .riepilogo_prodotto div.codice, .riepilogo_prodotto div.prezzo {
        margin-top: 5px
    }

    .riepilogo_prodotto div.codice {
        color: var(--cc-secondary);
        font-weight: var(--cc-weight-bold);
        width: 140px;
    }

    .riepilogo_prodotto div.prezzo {
        color: var(--cc-tertiary);
        font-weight: var(--cc-weight-bold);
        font-size: 18px;
        padding: 2px 10px 2px 10px;
    }

    .riepilogo_prodotto div.marchio, .riepilogo_prodotto div.img {
        text-align: center;
        width: 70px
    }

    .riepilogo_prodotto div img {
        max-height: 30px;
        max-width: 50px
    }

    .riepilogo_prodotto div.quantita input[type="number"] {
        max-width: 73px;
        color: var(--cc-tertiary);
        padding: 2px 10px;
        height: auto;
        font-weight: var(--cc-weight-bold);
        font-size: 14px;
    }

    .riepilogo_prodotto div.quantita input[type="submit"].btn {
        margin-left: 5px;
        padding: 5px 10px;
        font-size: 15px;
        position: relative;
        float: left;
        text-transform: inherit;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

aside .selettori {
    width: 100%;
    position: relative;
    background: var(--cc-light);
    bottom: 0px;
    margin-bottom: 20px
}

    aside .selettori .box:last-child {
        width: 100%;
        margin-bottom: 0px;
    }

.selettori .settore {
    padding: 15px;
}

    .selettori .settore h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

.blog .selettori {
    width: 98%;
    position: relative;
    background: var(--cc-tertiary);
    bottom: 0px;
    padding: 20px;
    margin: 0px 1% 20px 1%;
}

aside .selettori .box {
    width: 100%;
    position: relative;
    float: left;
    padding-right: 0px;
    margin-bottom: 20px
}

.selettori .box .titolo {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    text-align: left;
    padding: 0px 0px;
    font-family: var(--cc-font-body);
    margin-top: 3px;
    margin-bottom: 5px;
    color: var(--cc-tertiary);
    font-weight: var(--cc-weight-bold);
    font-size: 23px;
}

.selettori .box {
    width: 22%;
    position: relative;
    float: left;
    padding-right: 15px;
}

    .selettori .box a {
        color: #ffeb72;
        /* text-decoration: underline; */
        /* float: right; */
        display: inline-block;
        width: 100%;
        font-size: 14px;
        /* text-align: right; */
        /* margin-bottom: 20px; */
        margin: 8px 0px 0px 0px;
    }

    .selettori .box .btn, .selettori .box input[type="button"].btn {
        background-color: var(--cc-secondary);
        border: none;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 10px 20px;
        width: 100%;
        color: white;
    }

aside .selettori .box .btn, aside .selettori .box input[type="button"].btn {
    background-color: var(--cc-secondary);
    border: none;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 20px;
    width: 100%;
    color: white;
    font-size: 30px;
    font-weight: var(--cc-weight-bold);
}

.selettori .box:last-child {
    width: 12%;
    position: relative;
    float: left;
    padding-right: 0px;
}

.selettori .box h3 {
    color: white;
    font-weight: var(--cc-weight-regular);
    font-size: 26px;
    padding-left: 45px;
    margin-bottom: 15px;
}

aside .selettori .box h3 {
    padding-left: 40px;
    font-size: 24px;
}

    aside .selettori .box h3 img {
        position: absolute;
        left: 0px;
        height: 28px;
    }

aside .selettori .label_module, aside .selettori .select_module {
    width: 100%;
    margin-right: 0px;
    float: initial;
    position: inherit;
    display: inline-block;
    background: white;
    font-size: 15px;
    padding: 14px;
    height: auto;
    border: 2px solid white;
    margin-bottom: 5px;
}

aside .selettori .label_module {
    margin-top: 6px;
    margin-right: 5px;
    color: var(--cc-secondary);
    font-size: 15px;
}

section .selettori {
    display: inline-block;
    width: 100%;
    margin: 20px 0px 30px 0px;
}

.catalogo section .selettori {
    margin: 20px 0px 0px 0px;
}

section .selettori .select_module {
    width: 24%;
    border: 1px solid var(--cc-light);
    height: auto;
    padding: 10px 8px;
    margin-right: 1%;
}

.selettori .btn.stampa {
    float: right;
    padding: 8px 17px;
    background: var(--cc-secondary);
}

.visione {
    position: relative;
    float: left;
    width: 100%;
    display: inline-block;
    background: var(--cc-light);
    border-top: 1px solid var(--cc-light);
    padding: 10px;
    text-align: center;
    font-size: 17px;
    font-weight: var(--cc-weight-bold);
    color: #2b980e;
    text-shadow: 0 1px 0 white;
}

.acquista {
    width: 100%;
    display: inline-block;
    margin: 20px 0px;
    background: var(--cc-tertiary);
    padding: 10px;
}

    .acquista label {
        color: white;
        position: relative;
        float: left;
        font-size: 17px;
        padding: 9px 20px 3px 5px;
    }

.right {
    float: right
}

.acquista .btn, .acquista input[type="button"].btn, .acquista input[type="submit"].btn {
    background-color: white;
    color: var(--cc-tertiary);
    font-size: 17px;
    text-transform: inherit;
    padding: 10px 10px;
    margin: 0px 5px;
    font-weight: var(--cc-weight-bold);
}

.descrizione_prodotto .prezzo {
    font-weight: var(--cc-weight-bold);
    color: #e22735;
    font-size: 21px;
}

.descrizione_prodotto .old_price {
    font-size: 15px;
    position: relative;
    margin-top: 0px;
    float: left;
    margin-right: 10px;
}

.acquista .btn.carrello {
    float: left;
    padding-left: 35px;
    /*background-image: url(/Content/img/icone/linguetta-carrello.png);*/
    background-repeat: no-repeat;
    background-position: 9px 12px;
    background-size: 20px auto;
    padding-right: 16px;
    font-weight: var(--cc-weight-bold);
    color: var(--cc-secondary);
}

.acquista .btn:hover, .acquista input[type="button"].btn:hover, .acquista input[type="submit"].btn:hover {
    background-color: var(--cc-tertiary);
    color: white;
}

.acquista input[type="number"] {
    width: 100px;
    margin-right: 5px;
    border: none;
    color: var(--cc-tertiary);
    font-weight: var(--cc-weight-bold);
    text-align: center;
    padding: 7px;
    height: auto;
}

.acquista hr {
    display: none
}

section h2 {
    font-size: 20px;
    color: var(--cc-primary);
    width: 100%;
    clear: both;
    margin: 20px 0px;
}

section.riservata h2 {
    font-size: 22px;
    color: var(--cc-tertiary);
    width: 100%;
    clear: both;
    margin: 20px 0px 40px 0px;
}

section .proposta h2 {
    font-size: 40px;
    font-weight: var(--cc-weight-regular);
    display: inline-block;
    width: auto;
    margin: 0px;
    padding: 0px;
}

.proposta .titolo {
    text-align: center;
    margin: 20px 0px;
}

section .proposta .veditutto {
    position: relative;
    margin-left: 10px;
    display: inline-block;
    top: 8px;
}

    section .proposta .veditutto .btn {
    }

section .proposta {
    display: inline-block;
    width: 100%;
    padding: 20px 0px;
    position: relative;
}

    section .proposta:nth-child(2), section .proposta:nth-child(4), section .proposta:nth-child(6), section .proposta:nth-child(8), section .proposta:nth-child(10) {
        background: var(--cc-light);
    }

article section h2 {
    font-size: 22px;
    color: var(--cc-tertiary);
    font-weight: var(--cc-weight-bold);
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding-bottom: 10px;
    border-top: 1px dotted var(--cc-secondary);
    border-bottom: 1px dotted var(--cc-secondary);
    padding: 10px 0px 10px 0px;
}

article section.unico h2 {
    font-size: 20px;
    line-height: 30px;
}

section header h2 {
    margin: 5px 0px 0px 0px;
    color: var(--cc-secondary);
    font-size: 18px;
    font-weight: var(--cc-weight-regular);
    padding: 0px;
}

section .box.tabelle h2 {
    font-size: 20px;
    color: var(--cc-tertiary);
    font-family: var(--cc-font-body);
    font-weight: var(--cc-weight-bold);
    width: 100%;
    margin: 0px;
    clear: both;
    border-bottom: none;
    padding-bottom: 10px;
}

.cross {
    width: 100%;
    padding: 0px;
    max-height: 300px;
    overflow: auto;
    border: 1px solid var(--cc-light);
    position: relative;
}

    .cross .semplice {
        width: 100%;
    }

        .cross .semplice td, .cross .semplice th {
        }

    .cross input[type="image"] {
        height: 20px;
        float: right;
    }

    .cross tr td:nth-child(1), .cross tr th:nth-child(1) {
        width: 190px;
    }

    .cross tr td:nth-child(3) {
        width: 20px;
    }

    .cross .semplice.th {
        position: sticky;
        left: 0;
        top: 0px;
    }

.ul_preferiti {
    display: inline-block;
    background: var(--cc-light);
}

span.label {
    background: #ffd801;
    color: var(--cc-tertiary);
    font-size: 10px;
    padding: 4px 5px 3px 5px;
    position: relative;
    text-transform: uppercase;
    font-weight: var(--cc-weight-bold);
    top: -2px;
    margin-left: 10px;
    border: 2px solid white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    animation: blinker 0.5s linear infinite;
    -moz-box-shadow: 0px 0px 5px rgba(3, 48, 61, 0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(3, 48, 61, 0.2);
    box-shadow: 0px 0px 5px rgba(3, 48, 61, 0.2);
}

    span.label.promo {
        background: #68ca10;
        color: white;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    }

.about .btn {
}

.servizi {
}

    .servizi ul, .servizi div.text {
        color: white;
        position: relative;
        float: right;
        width: 60%;
        padding-left: 5%;
        border-left: 1px solid rgba(180, 188, 204, 0.5);
        font-family: var(--cc-font-body);
        overflow: hidden;
    }

        .servizi ul li {
            font-size: 20px;
            padding: 15px;
            color: rgba(255, 255, 255, 0.8);
        }

    .servizi .btn {
        padding: 15px 30px 11px 30px;
        -moz-border-radius: 26px;
        border-radius: 26px;
        margin-top: 20px;
    }

        .servizi .btn:hover {
            background-color: rgba(145, 145, 167, 0.5);
        }

    .servizi div.text div {
        position: relative;
        float: left;
        margin-right: 20px;
    }

    .servizi ul li svg, .servizi div svg {
        font-size: 80px;
        margin-right: 10px;
        margin: 30px 20px;
    }

    .servizi .box .icon {
        font-size: 70px;
        color: var(--cc-secondary);
        padding: 20px 0px
    }

    .servizi .box h2 {
        padding: 10px 30px 20px 30px;
        font-size: 20px;
        color: var(--cc-tertiary);
        line-height: 26px;
        text-transform: uppercase
    }

    .servizi .box p {
        color: var(--cc-secondary);
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
        font-family: var(--cc-font-body);
    }
/* stili news */
.news {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 5px solid var(--cc-secondary);
    padding: 5px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    text-decoration: none;
    max-height: 73px;
    overflow: hidden;
    line-height: 15px;
}

    .news p {
        margin-bottom: 0px;
        line-height: 15px;
    }

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

        .news a:hover {
            text-decoration: none;
        }

.tuttelenews {
    margin-right: 0px;
    margin-bottom: 5px;
    text-decoration: none;
    width: 100%;
    text-align: right;
    font-size: 12px;
}

    .tuttelenews a {
        color: var(--cc-secondary);
        font-weight: var(--cc-weight-bold);
    }

.news_img {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    clear: both;
}

    .news_img img {
        width: 60px;
        height: 60px;
        border: 1px solid var(--cc-light);
        margin-left: 0px;
        margin-right: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.scrollup {
    position: fixed;
    bottom: 7%;
    display: none;
    right: 3%;
    z-index: 9;
    font-size: 40px;
    color: var(--cc-primary);
}

.pulsante {
    position: fixed;
    bottom: 9%;
    z-index: 99;
    color: white;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 20px;
    font-family: var(--cc-font-body);
}

    .pulsante:hover {
        color: white;
    }

    .pulsante svg {
        margin-right: 10px
    }

    .pulsante.chiamaci {
        background-color: var(--cc-tertiary);
        right: 220px;
    }

    .pulsante.scrivici {
        background-color: var(--cc-tertiary);
        right: 80px;
    }

.scrollup:hover {
    color: var(--cc-tertiary);
}

.img_articolo {
    width: 100%;
    min-height: 400px;
    background-position: center center;
    background-size: cover;
    display: inline-block;
    /*background-image: url(/Content/images/slide1.jpg);*/
    position: relative;
}

    .img_articolo .pathway {
        position: relative;
        font-size: 13px;
        color: var(--cc-tertiary);
        width: 100%;
        clear: both;
        display: inline-block;
        margin: 0px 0px 0px 0px;
        font-weight: 700
    }

        .img_articolo .pathway a {
            margin: 0px 20px;
            color: white;
            font-weight: normal;
            font-size: 15px;
        }

.form {
    background: var(--cc-light);
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin-bottom: 30px
}

    .form .campo_form {
        width: 100%;
        padding: 0px 0px 5px 0px;
    }

    .form .btn {
        margin-top: 10px;
        float: right
    }

    .form .checkbox_text {
        width: 80%;
        font-size: 12px;
    }

.box_riepilogo {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    border-top: 1px solid var(--cc-light);
    border-right: 1px solid var(--cc-light);
    border-bottom: 0px solid var(--cc-light);
    border-left: 1px solid var(--cc-light);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    padding: 20px
}

    .box_riepilogo li::before {
        content: "";
        color: var(--cc-tertiary);
        margin-right: 0px;
    }

section .box_riepilogo h2 {
    text-align: left;
    font-size: 25px;
    color: var(--cc-secondary);
    font-weight: var(--cc-weight-bold);
    margin: 0px;
    padding: 10px 20px 10px 20px;
    font-family: var(--cc-font-body);
}

.box_riepilogo li div {
    position: relative;
    float: left;
    font-size: 30px;
    margin-right: 10px;
    top: -5px;
    color: var(--cc-secondary);
}

article section .box_riepilogo ul li {
    font-size: 15px;
    margin-bottom: 0px;
    color: var(--cc-tertiary);
}

.riepilogo_sezione.dati {
    background: var(--cc-secondary);
    padding: 20px
}

    .riepilogo_sezione.dati p {
        color: white;
    }

article .riepilogo_sezione.dati h2 {
    padding: 0px 0px;
    margin-bottom: 20px
}

.cerca_home {
    background-color: var(--cc-light);
    text-align: center;
    width: 100%;
    padding: 20px 0px;
    clear: both;
}

.content.servizio .cerca_home {
    margin-bottom: 20px;
}

.cerca_home .cerca .sb-icon-search {
    width: 51px;
    height: 44px;
    top: 0px;
    right: 0px;
    padding: 0px;
    margin: 0px;
    position: absolute;
}

.testata .cerca .sb-icon-search {
    width: 41px;
    height: 41px;
}

    .cerca_home .cerca .sb-icon-search:hover, .cerca_home .cerca .sb-icon-search:hover svg, .testata .cerca .sb-icon-search:hover, .testata .cerca .sb-icon-search:hover svg {
        background: var(--cc-secondary);
        color: white;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
    }

.cerca_home .cerca .sb-icon-search svg {
    font-size: 31px;
    color: var(--cc-tertiary);
    margin: 7px;
}

.testata .cerca .sb-icon-search svg {
    font-size: 25px;
    color: var(--cc-secondary);
    margin: 8px;
}

.cerca_home .cercabtn {
    width: 51px;
    height: 44px;
    float: right;
    background: transparent;
    border-left: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.testata .cercabtn {
    width: 48px;
    height: 51px;
    /* float: right; */
    /* background: transparent; */
    /* border-left: none; */
    -moz-transition: none;
    /* -webkit-transition: none; */
    -o-transition: none;
    background: var(--cc-tertiary);
    border: none;
    padding: 12px 8px;
}

.newsletter {
}

.cerca_home h1, .cerca_home p {
    text-align: center;
}

.cerca_home p {
    margin-bottom: 15px;
    font-size: 15px;
}

.cerca_home h1 {
    font-size: 70px;
    line-height: 50px;
    margin: 10px 0px
}

.newsletter h2 {
}

.newsletter p {
}

.cerca_home h1 small {
    font-size: 28px;
    color: var(--cc-tertiary)
}

.cerca_home .cerca {
    float: inherit;
    position: relative;
    border: 1px solid var(--cc-light);
    width: 50%;
    height: auto;
    display: inline-block;
    background-color: white;
    z-index: 1;
    margin: 30px 0px;
    margin: auto;
}

.newsletter .cerca {
    float: left;
    position: relative;
    border: 1px solid var(--cc-light);
    width: 50%;
    height: auto;
    display: inline-block;
    background-color: white;
    z-index: 1;
    margin: 30px 0px;
    margin: auto;
}

    .newsletter .cerca .sb-icon-search {
        width: 51px;
        height: 51px;
        top: 0px;
        right: 0px;
        padding: 0px;
        margin: 0px;
    }

        .newsletter .cerca .sb-icon-search:hover, .newsletter .cerca .sb-icon-search:hover svg {
            background: white;
            color: var(--cc-tertiary);
            -moz-transition: none;
            -webkit-transition: none;
            -o-transition: none;
        }

        .newsletter .cerca .sb-icon-search svg {
            font-size: 31px;
            color: var(--cc-secondary);
            margin: 10px;
        }

.newsletter .cercabtn {
    width: 51px;
    height: 51px;
    float: right;
    background: transparent;
    border-left: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
/**/
.newsletter input[type="text"] {
    font-size: 14px;
    color: var(--cc-tertiary);
    border: none;
}

.box_newsletter {
    width: 76%;
    float: left;
    font-size: 15px;
    color: var(--cc-tertiary);
    border: 2px solid var(--cc-tertiary);
    padding: 10px 9px 5px 9px;
    margin-bottom: 12px;
    background: white;
}

.box.newsletter .label_check {
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin-top: 0px;
}

.box.newsletter .checkbox_text {
    position: relative;
    float: left;
    margin-left: 10px;
    width: 94%;
    font-size: 14px;
    color: var(--cc-tertiary);
}

.menu_footer .box .box_newsletter svg {
    position: relative;
    margin-right: 5px;
    color: var(--cc-tertiary);
    font-size: 19px;
}

.newsletter input[type="image"] {
    padding: 10px;
    position: relative;
    float: right;
}

section.carousel {
    background-color: var(--cc-light);
    margin-top: 20px;
}

.newsart p {
}

section.carousel h2 {
    font-size: 30px;
    color: white;
    font-family: var(--cc-font-body);
    text-align: left;
    padding: 0px;
    position: relative;
    margin: 20px 0px 30px 0px;
    /* text-transform: uppercase; */
    font-weight: var(--cc-weight-bold);
}

aside.riepilogo .item .img_item {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 0px;
}

aside.riepilogo h2.titolo {
    font-size: 35px;
    margin: 0px;
    text-align: left;
    color: var(--cc-primary);
    width: 100%;
    position: relative;
    clear: both;
    font-weight: var(--cc-weight-regular);
    padding: 20px 0px 20px 0px;
}

.titolo:after {
}

.linguetta {
    position: absolute;
    padding: 7px 10px;
    left: 15px;
    top: 15px;
    color: white;
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    background: var(--cc-tertiary);
}

.gallery {
    display: inline-block;
    width: 100%;
    margin: 20px 0px;
}

article section .gallery {
    margin: 20px 0px;
}

.gallery img {
    display: inline-block;
    margin: 0px;
    height: 130px;
    width: initial;
    max-width: initial;
    vertical-align: top;
    text-align: left;
    position: relative;
    float: left;
}

.gallery a {
    display: inline-block;
    width: 166px;
    height: 130px;
    overflow: hidden;
    position: relative;
    float: left;
    border: 1px solid white;
}

aside .tags ul {
    margin-bottom: 20px
}

.tags ul, section .tags ul {
    display: block;
    width: 100%;
    clear: both;
    padding: 0px;
}

    .tags ul li, article section .tags ul li {
        display: inline-block;
        margin-bottom: 3px;
    }

        .tags ul li a {
            padding: 2px 7px;
            background: var(--cc-light);
            color: var(--cc-secondary);
            margin: 2px;
            display: inline-block;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

            .tags ul li a:hover {
                text-decoration: none;
                background: var(--cc-secondary);
                color: white;
            }

    .tags ul.selezionati li a {
        /*   background: var(--cc-tertiary);
    color: white;*/
        color: var(--cc-tertiary);
        font-weight: var(--cc-weight-bold);
    }

        .tags ul.selezionati li a:hover {
            text-decoration: none;
            color: white
        }

aside h2 {
    font-size: 35px;
    margin: 0px;
    text-align: left;
    color: var(--cc-primary);
    width: 100%;
    position: relative;
    clear: both;
    font-weight: var(--cc-weight-regular);
    padding: 20px 0px 20px 0px;
}

aside .handlers h2 {
    font-size: 20px;
    margin: 0px;
    text-align: center;
    color: var(--cc-tertiary);
    width: 100%;
    position: relative;
    clear: both;
    font-weight: var(--cc-weight-regular);
    padding: 20px;
}

.selettori_shop h2 {
    margin: 0px 0px 0px 0px;
    border-bottom: none;
    font-weight: var(--cc-weight-bold);
    color: white;
    margin-bottom: 0px;
    font-size: 20px;
    background: var(--cc-secondary);
    padding: 10px;
    text-align: left;
}

.tags ul li a::after {
    content: "\f055";
    color: var(--cc-tertiary);
    font-weight: bold;
    font-family: Font Awesome\ 5 Free;
    margin-right: 0px;
    font-size: 12px;
    margin-left: 5px;
}

.tags ul li:hover a::after {
    color: var(--cc-light);
}

.tags ul.selezionati li a::after {
    content: "";
    margin-left: 0px;
}

.tags ul.selezionati li a::before {
    content: "\f056";
    color: var(--cc-tertiary);
    font-weight: bold;
    font-family: Font Awesome\ 5 Free;
    margin-right: 5px;
    font-size: 12px;
    margin-left: 5px;
}

.tags ul.selezionati li:hover a::before {
    color: var(--cc-light);
}

.tornaindietro {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(123, 127, 135, 0.52);
    font-size: 15px;
}

section .condividi_articolo {
    padding: 15px 0px 0px 0px;
    display: inline-block;
    width: auto;
    float: left;
}

.blog section .condividi_articolo {
    padding: 10px 0px 0px 0px;
    float: right;
}

section .tornaindietro {
    margin-top: 25px;
    border-top: none;
    color: var(--cc-tertiary);
    display: inline-block;
    width: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
    font-size: 15px;
    float: right;
}

section .selettori .tornaindietro {
    color: var(--cc-tertiary);
    float: right;
    padding-top: 10px;
}

section article .tornaindietro {
    display: inline-block;
    width: auto;
    margin: 17px;
}

section .tornaindietro svg {
    margin-right: 5px
}

section .tornaindietro a {
    font-weight: var(--cc-weight-bold);
    color: var(--cc-tertiary)
}

section .tornaindietro:hover {
    color: var(--cc-secondary);
}

section header .tornaindietro {
    margin-top: 20px;
    font-size: 15px;
    margin-bottom: 10px;
    float: left;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

section .item_catalogo.dettaglio header .tornaindietro {
    margin: 1px 0px 7px 0px;
    padding: 0px;
}

section.dettaglio header .tornaindietro {
    margin-top: 0px;
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

article section .item ul li::before {
    content: "";
    color: var(--cc-tertiary);
    font-weight: bold;
    font-family: Font Awesome\ 5 Free;
    margin-right: 0px;
    font-size: 20px;
}

article .item ul {
    padding: 0px;
}

.contatta {
    border: 1px solid var(--cc-light);
    display: inline-block;
    width: 100%;
    margin: 20px 0px 10px 0px;
}

    .contatta .box {
        position: relative;
        float: left;
        width: 25%;
        padding: 20px;
    }

        .contatta .box .field_note {
            margin-bottom: 10px;
            height: 135px;
        }

        .contatta .box .field_module {
            margin-bottom: 10px
        }

        .contatta .box .btn {
            width: 100%;
            text-align: center;
            text-shadow: none;
            text-transform: uppercase;
            font-weight: var(--cc-weight-bold);
            padding: 15px 20px;
            font-size: 18px;
        }

            .contatta .box .btn svg {
                margin-right: 5px;
                font-size: 22px;
                position: relative;
                top: 2px
            }

        .contatta .box:nth-child(2) {
            padding: 0px;
            border-right: 1px solid var(--cc-light);
        }

        .contatta .box:nth-child(4) {
            padding-left: 0px;
        }

        .contatta .box:nth-child(1) {
            /*  width: 20%;*/
            background: var(--cc-light);
            border-right: 1px solid var(--cc-light);
            height: 250px;
            padding: 0px;
        }

            .contatta .box:nth-child(1) .btn {
                width: 80%;
                margin: 0% 10% 4% 10%;
                font-size: 15px;
                padding: 10px;
            }

article section .contatta ul li svg {
    color: var(--cc-tertiary);
    position: absolute;
    left: 26px;
    margin-top: 2px;
}

article .contatta ul {
    padding: 20px 20px 0px 20px;
}

    article .contatta ul.social {
        padding: 20px;
        display: inline-block;
        width: 100%;
        border-top: 1px solid var(--cc-light);
    }

article section .contatta ul.social li svg {
    color: var(--cc-tertiary);
    position: relative;
    left: 0px;
    font-size: 40px
}

article section .contatta ul.social li {
    position: relative;
    float: left;
    padding: 0px;
    opacity: 1;
    background-repeat: no-repeat;
    margin: 0px 10px 0px 0px;
}

article section .contatta ul li {
    padding-left: 30px;
}

    article section .contatta ul li::before {
        content: "";
        margin-right: 0px;
    }

.contatta .box h3 {
    font-size: 20px;
    color: var(--cc-tertiary);
    font-weight: var(--cc-weight-bold);
    margin: 0px;
    padding: 20px;
    border-bottom: 1px solid var(--cc-light);
}

.contatta iframe {
    width: 100%;
    height: 250px;
}

article section .img {
    overflow: hidden;
    margin-bottom: 0px;
    position: relative;
    width: 50%;
    float: left;
    margin-right: 30px;
}

article section .img {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 0px
}

article section .gallery {
    margin: 40px 0px 20px 0px
}

.cbp-vm-options {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0px 10px;
}

section .cbp-vm-options h1 {
    text-transform: inherit;
    margin-bottom: 2px;
    font-size: 25px;
}

    section .cbp-vm-options h1 a:first-child {
        color: var(--cc-tertiary);
        padding: 0px;
        text-transform: uppercase;
    }

.cbp-vm-options header {
    width: 60%;
    clear: inherit;
    border-bottom: none;
    padding-bottom: 0px;
}

    .cbp-vm-options header .n_prodotti {
        font-size: 14px
    }
/* selettori shop */
/* Style the header */
.selettori_shop {
}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0px;
    z-index: 9;
}
    /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
    .sticky + .content {
        padding-top: 60px;
    }
/* fine sticky */
#navbar .login {
    display: none
}

#navbar.sticky .login {
    display: inherit;
    position: absolute;
    padding: 8px;
}

.btn.shop {
    padding: 9px 12px;
    font-size: 15px;
    background: var(--cc-tertiary);
    color: white;
    /* border-color: var(--cc-tertiary); */
}

    .btn.shop svg {
        margin-right: 5px
    }

legend {
    background: white;
    padding: 10px 20px;
    color: var(--cc-tertiary);
    font-size: 19px;
    font-weight: var(--cc-weight-bold);
}

fieldset a {
    color: var(--cc-secondary)
}

.condizioni {
    padding: 20px;
    background-color: var(--cc-light);
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0.05);
    margin: 20px 0px;
}

    .condizioni img {
        text-align: center;
        max-width: 120px;
        margin-right: 20px;
        position: relative;
        float: left;
        margin-bottom: 0px;
    }

    .condizioni p {
        text-align: justify;
        line-height: 23px;
        margin-bottom: 0px;
    }

    .condizioni hr {
        border: none;
        background: rgb(165, 165, 165);
        height: 1px;
        width: 100%;
        margin: 10px 0px;
        opacity: 0.5;
    }

    .condizioni svg {
        position: relative;
        float: left;
        font-size: 74px;
        margin-right: 20px;
        color: var(--cc-secondary);
    }

fieldset .label_module {
    width: 34%;
    margin: 5px 0px 22px 0px;
    padding-right: 10px;
}

fieldset .field_note {
    width: 66%;
}

.btn.shop.ordina {
    float: right;
    padding: 9px 30px;
    color: white;
    background: var(--cc-tertiary);
    font-size: 22px;
    margin-right: 20px;
}

    .btn.shop.ordina:hover {
        background: var(--cc-ok);
    }

.help {
    float: right;
    font-size: 42px;
    position: absolute;
    top: 8px;
    right: 17px;
    color: var(--cc-tertiary) !important;
}

.btn.ordini, input[type="submit"].btn.ordini {
    margin-top: 35px;
}

.section_preferiti {
    width: 100%;
}

    .section_preferiti .prodotti .item {
        width: 23%;
        height: auto;
        padding: 15px;
        display: inline-block;
    }

    .section_preferiti .old_price {
        margin-top: -3px;
    }

.spedizione, .documenti {
    /* background:  var(--cc-light); */
    /* text-align: center; */
    margin: 0px 0px 20px 0px;
    /* padding: 0px 0px; */
    display: inline-block;
    width: 100%;
}

    .documenti h5 {
        font-size: 17px;
        text-align: left;
        margin: 20px 0px 15px 0px;
    }

.content .box .spedizione p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: var(--cc-weight-bold);
}

.content .box .spedizione p {
    text-align: center;
    font-size: 17px;
    color: var(--cc-primary);
}

    .content .box .spedizione p span {
        text-transform: uppercase
    }

article section .box .spedizione ul li::before {
    content: "";
    margin-right: 0px;
}

.content .box .spedizione ul {
    display: block;
    text-align: center;
    margin: 0px;
    padding: 20px 0px 0px 0px;
}

    .content .box .spedizione ul li {
        display: inline-block;
        margin: 0px;
        background: none;
        padding: 0px 10px;
        color: var(--cc-secondary);
    }

        .content .box .spedizione ul li svg {
            color: var(--cc-tertiary);
            margin-right: 5px
        }

.img {
    text-align: center;
}

fieldset {
    width: 100%;
    margin: 20px 0px;
    padding: 20px;
    border: 1px solid var(--cc-light);
    position: relative;
}

.campo_form.tipologia {
    margin-top: 0px;
}

    .campo_form.tipologia .label_module, .modal-dialog.big #FormRegistrazione .campo_form.tipologia .label_module {
        width: 100%;
        padding: 0px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .campo_form.tipologia .me-select label {
        width: auto;
        padding: 5px 20px 5px 33px;
        font-weight: var(--cc-weight-bold);
        font-size: 15px;
    }

    .campo_form.tipologia .me-select {
        padding: 15px 20px;
        background: var(--cc-light);
        margin: 0px;
        text-align: center;
    }

.modal-dialog.big .campo_form.tipologia .me-select .alert {
    top: 54px;
}

.campo_form .mini:first-child {
    position: relative;
    float: left;
    width: 60%;
    padding-right: 10px;
}

.campo_form .mini {
    position: relative;
    float: left;
    width: 40%;
}

.dx, section .box.dx {
    position: relative;
    float: right;
    width: 49%;
    border: 1px solid var(--cc-light);
    margin-left: 1%;
    padding: 20px;
}

.sx, section .box.sx {
    position: relative;
    float: left;
    width: 49%;
    border: 1px solid var(--cc-light);
    margin-right: 1%;
    padding: 20px;
}

section.riservata .sx {
    width: 40%;
    border: none;
    margin: 0%;
    padding: 0px 20px 0px 0px;
}

section.riservata .dx {
    width: 60%;
    border: none;
    margin: 0%;
    padding: 0px;
}

section.riservata.section_preferiti .dx {
    width: 70%;
    border: none;
    margin: 0%;
    padding: 0px;
    float: left
}

section.riservata.section_preferiti .sx {
    width: 30%;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 0px;
    float: right
}

.dx fieldset, .sx fieldset {
    width: 100%;
    margin: 0px;
}

.box.sx input[type="button"].facebook_btn, input[type="button"].facebook_btn {
    padding-left: 34px;
    background-color: var(--cc-primary);
    color: white;
    border-color: var(--cc-primary);
    background-image: url(/Content/img/icone/facebook-logo.png);
    background-repeat: no-repeat;
    background-position: 6px 7px;
    float: left;
    background-size: auto 20px;
}

.box.sx input[type="button"].google_btn, input[type="button"].google_btn {
    padding-left: 34px;
    background-color: white;
    color: var(--cc-secondary);
    border-color: #b7b7b7;
    background-image: url(../img/icone/google-logo.png);
    background-repeat: no-repeat;
    background-position: 6px 7px;
    float: left;
    background-size: auto 20px;
    margin-left: 5px;
}

section .dx h2, section .sx h2 {
    font-size: 25px;
    color: var(--cc-secondary);
    font-weight: var(--cc-weight-bold);
    width: 100%;
    margin: 0px 0px 10px 0px;
    clear: both;
    padding-bottom: 10px;
}

.altrasede {
    display: inline-block;
    background: var(--cc-light);
    padding: 20px 10px 0px 20px;
    margin: 20px 0px 0px 0px;
}

section .tabelle_carrello .box {
    display: inline-block;
    background: var(--cc-light);
    margin-bottom: 20px;
    min-height: 180px;
    border: none
}

    section .tabelle_carrello .box h3 {
        font-size: 19px;
        font-weight: var(--cc-weight-bold);
        width: 100%;
        margin: 0px 0px 10px 0px;
        clear: both;
        padding-bottom: 10px;
    }

    section .tabelle_carrello .box .me-select {
        float: left;
        clear: inherit;
        width: 63%;
    }

    section .tabelle_carrello .box .campo_form {
        width: 40%;
        max-width: 225px
    }

    section .tabelle_carrello .box a.btn {
        float: right;
        padding: 10px 23px;
    }

    section .tabelle_carrello .box a {
        float: right;
        padding: 3px 0px;
    }

.riepilogo_carrello {
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    background: white;
    padding: 20px;
    margin-bottom: 20px;
}

    .riepilogo_carrello .errore {
        text-align: center;
        /* margin: 10px 0px; */
        display: inline-block;
        width: 100%;
        /* background: #ffa400; */
        padding: 10px;
        /* color: white; */
        font-size: 23px;
        border-radius: 2px;
    }

    .riepilogo_carrello input[type="submit"].btn {
        padding-bottom: 10px;
        display: inline-block;
        width: 100%;
        background: var(--cc-secondary);
        border: none;
        color: white;
        padding: 16px 10px;
        font-size: 20px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .riepilogo_carrello .btn {
        float: right;
        padding: 5px 10px;
        margin-bottom: 10px;
        font-size: 18px;
        margin-top: 10px;
    }

    .riepilogo_carrello ul {
        text-align: right;
        margin: 0px 0px 10px 0px;
        padding: 0;
    }

        .riepilogo_carrello ul li {
            width: 100%;
            border-top: 1px dotted var(--cc-light);
            color: var(--cc-tertiary);
            background: none;
            margin: 0px;
            padding: 8px 0px;
            height: auto;
            min-height: 20px;
            font-size: 15px;
            text-align: left;
            display: inline-block;
        }

            .riepilogo_carrello ul li div {
                position: relative;
                width: 50%;
                float: left;
                text-shadow: 0 1px 0 white;
                line-height: 20px;
            }

                .riepilogo_carrello ul li div:first-child {
                    font-size: 14px;
                }

                .riepilogo_carrello ul li div:last-child {
                    font-size: 15px;
                    color: var(--cc-secondary);
                    float: right;
                }

            .riepilogo_carrello ul li strong {
                color: var(--cc-tertiary);
            }

            .riepilogo_carrello ul li div.subtotale {
                color: var(--cc-tertiary);
                font-size: 23px;
                text-shadow: 0 1px 0 white;
                position: relative;
                top: -5px;
            }

            .riepilogo_carrello ul li div.totale {
                color: #25ae88;
                font-size: 25px;
                text-shadow: 0 1px 0 white;
                position: relative;
                top: 0px;
                font-weight: var(--cc-weight-bold);
            }

.dx hr {
    background: none;
    height: 1px;
    width: 100%;
    padding: 0px;
    border: none;
    margin: 20px 0px 20px 0px;
    display: inline-block;
    border-top: 1px dotted var(--cc-light);
}

.dx .btn.big {
    float: right;
    display: block;
    clear: both;
    background: var(--cc-ok);
    color: white;
    font-size: 20px;
}

.azienda {
    position: relative;
    float: right;
}

    .azienda img {
        position: relative;
        float: left;
        height: 38px;
    }

    .azienda h2 {
        display: inline-block;
        font-size: 14px;
        margin: 9px 0px;
    }

.menu_servizio {
    display: inline-block;
    width: 100%;
    background: var(--cc-tertiary);
}

    .menu_servizio .dx {
        position: relative;
        float: right;
        width: auto;
        border: none;
        margin-right: 0%;
        padding: 0px;
    }

    .menu_servizio .sx {
        position: relative;
        float: left;
        border: none;
        margin-right: 0%;
        padding: 0px;
        width: 70%;
    }

        .menu_servizio .sx ul li {
            position: relative;
            float: left;
            display: flex;
            padding: 13px 7px;
            color: white;
        }

        .menu_servizio .sx ul:last-child {
            /*  float:right;*/
        }

        .menu_servizio .sx ul li svg {
            font-size: 20px;
            margin-right: 10px;
        }

        .menu_servizio .sx ul li a {
            color: white;
        }

.testata_cerca .select_module {
    padding: 10px;
    border: none;
    width: auto;
    color: var(--cc-secondary);
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 41px;
    background: #dce1e2;
    position: relative;
    float: left;
    font-weight: var(--cc-weight-bold);
}

.testata_cerca ul li {
    display: inline-block;
    padding: 10px;
    color: var(--cc-secondary);
}

.testata_cerca ul {
    display: inline-block;
}

    .testata_cerca ul li svg {
        color: var(--cc-tertiary);
        /* position: absolute; */
        font-size: 40px;
    }

.testata_cerca {
    position: relative;
    float: right;
    width: auto;
    margin: 36px 0px;
}

article section .banner {
    background: none;
    padding: 0px;
    display: inline-block;
    width: 100%;
}

.banner ul {
    display: block;
    text-align: center;
}

    .banner ul li, .banner h1 {
        display: inline-block;
        color: white;
        padding: 10px 17px;
        font-size: 32px;
        text-align: center;
        font-family: var(--cc-font-body);
    }

        .banner ul li svg {
            position: relative;
            margin-right: 10px;
            font-size: 40px;
            top: 5px;
        }

article section hr, section.dettaglio hr {
    background: none;
    border-top: 1px dotted var(--cc-light);
    height: 1px;
    width: 100%;
    padding: 0px;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 10px 0px 20px 0px;
    display: inline-block;
}

.mappa {
    margin-bottom: 20px
}

.riepilogo_sezione.intestazione {
    margin-bottom: 30px;
    background: white;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid var(--cc-light);
}

.n_prodotti strong {
    color: var(--cc-tertiary);
    font-weight: var(--cc-weight-bold);
}

.documenti ul li::before {
    content: "\f1c1";
    color: #eb1c24;
    font-weight: bold;
    font-family: Font Awesome\ 5 Free;
    margin-right: 10px;
}

.documenti ul li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 8px 0px;
    font-size: 15px;
}

    .documenti ul li:last-child {
        padding: 0px 0px 0px 0px;
    }

.documenti h2, .documenti li {
    text-align: left;
}

.documenti ul li:hover a, .documenti ul li:hover::before {
    color: var(--cc-tertiary)
}

.btn.contattaci svg {
    color: var(--cc-tertiary);
    font-size: 31px;
    position: absolute;
    left: 17px;
    top: 15px;
}

.btn.contattaci {
    padding: 20px;
    line-height: 20px;
    color: white;
    margin-top: 0px;
    border: 5px solid white;
    -moz-box-shadow: 0px 2px 11px 0px rgba(179, 174, 174, 0.6);
    -webkit-box-shadow: 0px 2px 11px 0px rgba(179, 174, 174, 0.6);
    box-shadow: 0px 2px 11px 0px rgba(179, 174, 174, 0.6);
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgb(30, 87, 153);
    background: -moz-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    background: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
    font-size: 15px;
    width: 100%;
    text-align: right;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

    .btn.contattaci:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,207cca+49,2989d8+50,1e5799+100 */
        background: rgb(125, 185, 232); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(125, 185, 232, 1) 0%, rgba(32, 124, 202, 1) 49%, rgba(41, 137, 216, 1) 50%, rgba(30, 87, 153, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(125, 185, 232, 1) 0%, rgba(32, 124, 202, 1) 49%, rgba(41, 137, 216, 1) 50%, rgba(30, 87, 153, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(125, 185, 232, 1) 0%, rgba(32, 124, 202, 1) 49%, rgba(41, 137, 216, 1) 50%, rgba(30, 87, 153, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#1e5799', GradientType=0); /* IE6-9 */
    }

.taglie {
    position: relative;
    float: left;
    display: inline-block;
}

    .taglie .btn {
        background-color: var(--cc-secondary);
        border-color: var(--cc-secondary);
        position: relative;
        float: left;
        display: inline-block;
        color: white;
        padding: 10px 15px;
    }

        .taglie .btn svg {
            margin-right: 5px;
        }

        .taglie .btn:hover {
            background-color: var(--cc-tertiary);
            border-color: var(--cc-tertiary)
        }

.slideshow .caption_moto {
    position: absolute;
    background: white;
    display: inline-block;
    left: 0px;
    top: 45%;
    z-index: 8;
    padding: 20px 40px 0px 20px;
}

article section .slideshow .caption_moto h1 {
    position: relative;
    float: left;
    display: inline-block;
    font-size: 43px;
    margin: 5px 0px;
}

.slideshow .caption h1 {
    position: relative;
    float: left;
    display: inline-block;
    margin: 5px 0px;
    font-size: 41px;
}

.slideshow .caption img, .slideshow .caption_moto img {
    margin-right: 20px;
    position: relative;
    float: left;
    top: -8px;
}

.slideshow .caption_moto img {
    height: 77px;
}

.container .slideshow {
    margin: 30px 0px 0px 0px;
    padding: 0px 20px;
    background: none;
    overflow: hidden;
    position: relative;
}

.container section .slideshow {
    margin: 30px 0px 0px 0px;
    padding: 0px 0px;
}

    .container section .slideshow.riservata {
        margin: 20px 0px 4px 0px !important;
        padding: 0px 0px;
        display: inline-block;
    }

.content article section .slideshow p {
    font-size: 21px;
    margin-bottom: 0px;
    padding: 20px;
}

article section .hoverbox.moto {
    text-align: left;
}

    article section .hoverbox.moto h3 {
        text-align: left;
        font-size: 50px;
        text-transform: uppercase;
        margin: 40px 10px 20px 10px;
        color: var(--cc-tertiary);
        display: block;
    }

        article section .hoverbox.moto h3 strong {
            font-weight: 600
        }

.content .box .descrizione p {
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    color: #646363;
    margin: 10px 0px;
}

.btn.shop.big {
    margin: 15px 7px 20px 0px;
    padding: 10px 15px;
    font-size: 25px;
    background: var(--cc-tertiary);
    color: white;
    border-color: var(--cc-tertiary);
    font-family: var(--cc-font-body); /* clear: both; */ /* display: block; */ /* float: left; */
}

    .btn.shop.big.blue {
        border-color: var(--cc-tertiary);
        background: var(--cc-tertiary);
    }

section.dettaglio.moto .box:nth-child(2) {
    padding: 0px;
}

section.dettaglio.moto .box, .content.usato .box:nth-child(3) {
    position: relative;
    float: left;
    width: 48%;
    padding: 20px;
    background: white;
    margin: 1%;
}

    section.dettaglio.moto .box .condividi_articolo {
        width: 100%;
        float: left;
    }

    section.dettaglio.moto .box h1 {
        font-size: 40px;
        position: relative;
        float: left;
        margin-bottom: 0px;
        color: var(--cc-tertiary);
    }

        section.dettaglio.moto .box h1 img {
            margin-right: 20px;
            position: relative;
            float: left;
            top: -3px;
            height: 50px;
        }

.mappa.tour iframe {
    width: 100%;
    height: 550px;
}

.newsart.gallery {
    padding: 15px;
    height: auto;
    overflow: auto;
    margin-bottom: 20px;
    width: 31%;
    background: white;
    position: relative;
    float: left;
    margin: 1%;
    min-height: 425px;
}

    .newsart.gallery .newsart_img {
        position: relative;
        float: left;
        width: 100%;
        height: 250px;
        display: table;
        margin-right: 0px;
    }

        .newsart.gallery .newsart_img img {
            max-height: 250px;
            max-width: 100%;
        }

    .newsart.gallery h3 {
        font-family: var(--cc-font-body);
        line-height: 20px;
        margin: 0px;
        text-align: center;
        display: block;
        clear: both;
        position: relative;
        padding: 20px 0px;
    }

        .newsart.gallery h3 a {
            font-size: 22px;
            line-height: 25px;
            text-align: center;
            font-family: var(--cc-font-body);
        }

        .newsart.gallery h3 span {
            display: block;
            margin: 10px 0px 0px 0px;
        }

.content article .newsart.gallery p {
    font-size: 15px;
    color: var(--cc-secondary);
    line-height: 22px;
    margin-bottom: 10px;
    text-align: center;
}

article section ul.gallery {
    display: block;
    text-align: center;
    padding: 0px;
    margin: 20px 0px 40px 0px;
}

    article section ul.gallery li {
        display: inline-block;
        width: 15.6%;
        vertical-align: top;
        padding: 0px;
        padding: 10px;
        margin: 0.4%;
        background: white;
    }

        article section ul.gallery li div {
            height: 110px;
            overflow: hidden
        }

            article section ul.gallery li div img {
                width: 100%;
            }

        article section ul.gallery li::before {
            content: "";
            margin-right: 0px;
        }

.logo_prodotto {
    margin-bottom: 10px
}
/* INIZIO POPUP */
#box_popup_che_deve_comparire {
    position: absolute;
    top: 0%;
    left: 0px;
    z-index: 999999;
    right: 0px;
    max-width: 100%;
    margin: 0px auto;
    padding: 40px 0px;
    height: 100%;
}

    #box_popup_che_deve_comparire a.close {
        position: absolute;
        z-index: 99999;
        text-decoration: none;
        font-size: 75px;
        color: white;
        top: 20px;
        right: 20px;
        font-weight: bold;
    }

#coprente {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
}

#box_popup_che_deve_comparire img {
    max-height: 100%;
    position: relative;
    background: white;
    border: 10px solid white;
}
/* FINE POPUP */
.content.usato header a, .div.content.usato header a:hover {
    color: white;
    text-decoration: none;
}

.content.usato .linguetta {
    background: var(--cc-tertiary);
}

.content.usato .cbp-vm-options header .n_prodotti {
    color: white
}

article section.unico .banner h2 {
    color: white;
    font-size: 38px;
    font-weight: var(--cc-weight-regular);
    padding: 0px;
    text-align: left;
    line-height: 40px;
    margin: 0px 0px 20px 0px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    padding-bottom: 20px;
    border-top: 0px;
}

.content article .banner p {
    margin: 0px;
    font-size: 30px;
    line-height: 35px;
    color: var(--cc-light);
    font-family: var(--cc-font-body);
}

    .content article .banner p a {
        text-decoration: none;
        color: var(--cc-tertiary);
        padding-bottom: 1px;
        border-bottom: 1px dotted transparent;
    }

        .content article .banner p a:hover {
            text-decoration: none;
            color: var(--cc-tertiary);
            border-bottom: 1px dotted var(--cc-tertiary);
        }

.banner .testo .btn {
    text-align: left;
    background: white;
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 0px 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .banner .testo .btn:hover {
        background: var(--cc-secondary)
    }

a.btn svg {
    margin-right: 10px;
    font-size: inherit;
}

.panel_categorie a.btn {
    margin-top: 10px;
}

    .panel_categorie a.btn svg {
        color: white;
        margin-right: 5px;
    }

.menu_footer .sx {
    margin: 0px;
    padding: 0px;
    width: 50%;
    border: none;
}

.menu_footer .dx {
    padding: 0px;
}

.menu_footer .sx, .menu_footer .dx {
    margin: 0px;
    width: 50%;
    border: none;
}

    .menu_footer .sx .box {
    }

        .menu_footer .sx .box a img {
            margin: 0px 0px 0px 6px;
            max-width: 23px;
            /* clear: both; */
            position: absolute;
        }

.menu_footer .box ul.social li {
    font-size: 40px;
    margin: 0px 30px 0px 0px;
    padding: 0px;
}

    .menu_footer .box ul.social li svg {
        color: var(--cc-tertiary);
        margin: 0px;
        font-size: 36px;
    }

.menu_footer .dx hr {
    margin: 20px 0px 0px 0px;
}

.link {
    position: relative;
    float: left;
    font-size: 20px;
    font-weight: var(--cc-weight-bold);
}

    .link svg {
        margin-right: 5px;
        position: relative;
        font-size: 21px;
        color: var(--cc-tertiary);
        top: 1px;
    }

    .link:hover {
        color: var(--cc-tertiary);
    }

        .link:hover svg {
            color: var(--cc-secondary);
        }

    .link.due {
        position: relative;
        float: right;
    }

section.dettaglio .box hr {
    margin: 10px 0px 10px 0px;
}

article ul.marchi {
    padding: 40px 0px;
    text-align: center
}

    article ul.marchi li {
        list-style-type: none;
        display: table;
        padding: 20px;
        height: 195px;
        vertical-align: top;
        margin-bottom: 0px;
        position: relative;
        float: left;
        width: 16%;
    }

        article ul.marchi li div {
            display: table-cell;
            vertical-align: middle
        }

        article ul.marchi li img {
            width: 100%;
            max-height: 200px;
            max-width: 200px;
            -webkit-transform: scale(1, 1);
            -webkit-transition-duration: 500ms;
            -webkit-transition-timing-function: ease-out;
            /* Webkit for Mozila Firefox */
            -moz-transform: scale(1, 1);
            -moz-transition-duration: 500ms;
            -moz-transition-timing-function: ease-out;
            /* Webkit for IE( Version: 11, 10 ) */
            -ms-transform: scale(1, 1);
            -ms-transition-duration: 500ms;
            -ms-transition-timing-function: ease-out;
            /* Webkit for IE( Version: 11, 10 ) */
            transform: scale(1, 1);
            transition-duration: 500ms;
            transition-timing-function: ease-out;
        }

        article ul.marchi li:hover img {
            /* Webkit for Chrome and Safari */
            -webkit-transform: scale(1.2, 1.2);
            -webkit-transition-duration: 200ms;
            -webkit-transition-timing-function: ease-out;
            /* Webkit for Mozila Firefox */
            -moz-transform: scale(1.2, 1.2);
            -moz-transition-duration: 200ms;
            -moz-transition-timing-function: ease-out;
            /* Webkit for IE( Version: 11, 10 ) */
            -ms-transform: scale(1.2, 1.2);
            -ms-transition-duration: 200ms;
            -ms-transition-timing-function: ease-out;
            /* Webkit for IE( Version: 11, 10 ) */
            transform: scale(1.2, 1.2);
            transition-duration: 200ms;
            transition-timing-function: ease-out;
        }

article section ul.marchi li::before {
    content: "";
    margin-right: 0px;
}

.container .container {
    padding: 0px !important
}

h3.counter-number {
    color: var(--cc-tertiary);
    font-size: 113px;
    font-weight: var(--cc-weight-bold);
    font-family: var(--cc-font-body);
}

.counter {
    display: inline-block;
    width: 100%;
    margin: 10px 0px;
}

.counter-text {
    font-size: 22px;
    text-transform: uppercase;
    color: var(--cc-tertiary);
    padding: 0px 23px;
    font-weight: var(--cc-weight-bold);
    display: block;
    min-width: 130px;
}

.counter .box {
    width: auto;
    vertical-align: middle;
    display: inline-block;
    padding: 0px 28px;
}

.unico.services p {
    text-align: center;
    font-size: 15px;
    color: white;
    /* line-height: 27px; */
    /* margin: 30px 0px 30px 0px; */
}

.unico.services ul {
    text-align: center;
    display: block;
    margin: 30px 0px 0px 0px;
}

    .unico.services ul li {
        vertical-align: top;
        display: inline-block;
        margin: 10px 25px;
        cursor: pointer;
    }

        .unico.services ul li img {
            margin-bottom: 20px;
        }

.unico.services li p {
    /* margin: 20px 0px 0px 0px; */
    /* line-height: 20px; */
}

section.unico.boxes {
    background: var(--cc-tertiary);
}

    section.unico.boxes.blog {
        background: var(--cc-light);
    }

    section.unico.boxes.riservata.blog {
        background: white;
        padding: 30px 40px;
        margin: 0px 0px 40px 0px;
    }

section.unico h1 {
    color: var(--cc-primary);
    font-size: 37px;
    font-weight: var(--cc-weight-regular);
    font-family: var(--cc-font-body);
    text-align: center;
    position: relative;
    margin: 10px 0px 30px 0px;
    border: 1px dotted var(--cc-primary);
    padding: 20px 0px;
    border-right: none;
    border-left: none;
}

    section.unico h1.comingsoon {
        font-size: 60px;
        font-style: italic;
        margin: 80px 0px;
    }

.calltoaction {
    background-size: cover;
    padding: 15px 20px;
}

    .calltoaction .campo_form {
        width: 100%;
        position: relative;
        float: left;
        padding-right: 0px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 14px;
        padding-bottom: 10px;
        color: white;
    }

aside .calltoaction .field_module, aside .calltoaction .select_module {
    border: none;
    padding: 15px;
    height: 51px;
    margin-bottom: 10px;
    font-size: 15px;
}

.calltoaction .select_module {
    color: var(--cc-tertiary);
    font-weight: 500
}

aside .calltoaction .field_note {
    font-size: 15px;
}

.calltoaction input[type="button"].btn {
    width: 100%;
    margin: 15px 0px 10px 0px;
}

.calltoaction .checkbox_text {
    color: white;
}

    .calltoaction .checkbox_text a {
        color: white;
        text-decoration: underline
    }

.content article .calltoaction p {
    color: white;
    font-size: 15px;
    margin-bottom: 20px
}

aside .calltoaction h2 {
    background: none;
    /* font-size: 20px; */
    margin: 0px;
    text-align: left;
    padding: 0px 0px 10px 0px;
    color: var(--cc-tertiary);
    width: 100%;
    position: relative;
    clear: both;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    font-weight: var(--cc-weight-bold);
    font-size: 33px;
    margin-bottom: 20px;
}

article section ul.servizi {
    color: white;
    background: white;
    display: inline-block;
    width: 100%;
    padding: 20px 0px;
}

    article section ul.servizi li {
        font-size: 15px;
        margin-bottom: 15px;
        color: var(--cc-tertiary);
        background: var(--cc-light);
        padding: 20px;
        display: inline-block;
    }

        article section ul.servizi li .img {
            max-width: 20%;
            padding-right: 20px;
            margin-bottom: 0px;
            position: relative;
            float: left;
            text-align: center;
        }

            article section ul.servizi li .img img {
                position: relative;
                /* float: left; */
                width: auto;
                margin: 0px;
                padding: 12px;
            }

        article section ul.servizi li .testo {
            position: relative;
            float: left;
            width: 80%
        }

ul.servizi h2 {
    color: var(--cc-tertiary);
    margin: 0px;
    text-transform: uppercase;
    font-size: 24px;
    padding: 0px;
    /* text-align: right; */
    border: none;
    font-weight: var(--cc-weight-bold);
}

.content article ul.servizi p {
    font-size: 15px;
    color: #1f4d77;
    line-height: 25px;
    margin-bottom: 0px;
}

article section ul.servizi li::before {
    content: "";
    margin-right: 0px;
}

section .loghi .box {
    position: relative;
    float: inherit;
    width: 23%;
    padding: 0px;
    margin: 10px;
    min-height: 345px;
    display: inline-block;
    background: white;
}

    section .loghi .box .recensioni, section .loghi .box .luogo {
        margin: 0px;
        padding: 5px 20px 20px 20px;
        height: 40px;
        display: inline-block;
        width: 100%;
    }

        section .loghi .box .luogo img {
            margin-right: 5px;
            position: relative;
            top: -1px;
        }

section .loghi.certificati .box .img_marchi {
    width: 100%;
    height: 285px;
    display: table;
    margin-bottom: 20px
}

article section .loghi.certificati .box h3 {
    font-size: 18px;
    margin-bottom: 3px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
    font-weight: normal;
    color: var(--cc-tertiary);
}

section .loghi.certificati .box .img_marchi img {
    max-width: 100%;
    max-height: 285px;
}

section .loghi.certificati .box {
    width: 100%;
    height: 200px;
    display: table;
    padding: 10px;
}

section .loghi .box .img_marchi {
    width: 100%;
    height: 200px;
    display: table;
    padding: 15px;
}

    section .loghi .box .img_marchi div {
        max-width: 100%;
        max-height: 200px;
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

article section h3 .loghi .box .img_marchi h3 {
    font-size: 18px;
    margin-bottom: 13px;
    color: var(--cc-tertiary);
}

.map iframe, .img_articolo iframe {
    height: 600px;
    width: 100%;
}

.proposte {
    background-color: var(--cc-light);
    width: 100%;
    padding: 0px;
}

.proposta .item {
    position: relative;
    float: left;
    width: 31%;
    margin: 1%;
    min-height: 417px;
}

    .proposta .item .prezzo h3 {
        margin-bottom: 5px;
    }

    .proposta .item .prezzo img {
        top: 0px;
    }

    .proposta .item .titolo h3, .proposta .item .prezzo h3 {
        /* font-size: 20px;*/
    }

.riepilogo .item .img_item {
    width: 30%;
    position: relative;
    float: left;
    margin-bottom: 0px;
}

.riepilogo .item .linguetta {
    position: absolute;
    padding: 7px 10px;
    left: 0px;
    top: 0px;
    color: white;
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    background: var(--cc-tertiary);
}

.riepilogo .item .linguetta, .linguetta {
    z-index: 3;
}

section.riepilogo .item .linguetta {
    font-size: 12px;
}

.riepilogo .item .contenuto {
    width: 70%;
    position: relative;
    float: left;
    padding-left: 20px
}

.intro img {
    margin-bottom: 20px
}

.intro {
    margin-bottom: 10px
}

    .intro p {
        color: var(--cc-tertiary);
        font-weight: var(--cc-weight-regular);
        font-size: 14px;
        line-height: 21px;
    }

.ordinatori {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

    .ordinatori .select_module {
        padding: 10px;
        border: 1px solid var(--cc-light);
        background: var(--cc-light);
        float: left;
        width: 24%;
        color: var(--cc-tertiary);
        margin: 0.5%;
    }

.mappa_riepilogo iframe, .mappa_riepilogo #bellamap_dettagli {
    width: 100%;
    height: 250px;
    display: block
}

.mappa_riepilogo a {
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative
}

.handlers {
    background: white;
}

.selettori .box .ricerca {
    display: inline-block;
    width: 100%;
    margin: 20px 0px 0px 0px
}

.slideshow .selettori .box .ricerca {
    margin: 0px 0px 27px 0px;
}

    .slideshow .selettori .box .ricerca a {
        text-align: right
    }

.selettori .box .ricerca {
    display: inline-block;
    width: 100%;
    margin: 20px 0px 0px 0px
}

.slideshow .selettori .box .btn, .slideshow .selettori .box input[type="button"].btn {
    font-size: 30px;
    padding: 7px 20px;
}

.selettori .box .ricerca a {
    color: white;
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 15px;
    margin: 0px;
    text-decoration: underline;
    padding: 0px;
}
/* checkbox e radio button */
.preferiti input[type="radio"], .preferiti input[type="checkbox"] {
    opacity: 0;
}

.preferiti {
    /*    width: 50%;
    height: 30px;
    position: relative;
    float: left;
    margin: 8px 0px 20px 0px;
    color: #ffc100;
    font-size: 17px;
    text-transform: uppercase;*/
}

.riepilogo .item ul li div.preferiti div {
    padding-left: 30px;
    font-weight: var(--cc-weight-bold);
}

.preferiti input[type="checkbox"] + label {
    cursor: pointer;
    background-image: url(../img/icone/preferiti.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    left: 0px;
    top: 4px;
    position: absolute;
    width: 30px;
    height: 30px;
}

.preferiti input[type="checkbox"]:disabled + label {
    background-image: url(../img/icone/preferiti.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0px;
    top: 4px;
}

.preferiti input[type="checkbox"]:checked + label {
    background-image: url(/../img/icone/preferiti-on.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    left: 0px;
    top: 4px;
}

.preferiti input[type="checkbox"] {
    position: absolute;
    cursor: pointer;
    top: inherit;
    margin-right: auto;
    height: 30px;
    left: 0px;
    z-index: 9;
    display: inline-block;
    width: 100%;
}
/* fine checkbox e radio button */
.riepilogo .item {
    margin-bottom: 20px
}

.dettaglio section .linguetta {
    position: absolute;
    padding: 7px 10px;
    left: 0px;
    top: 0px;
    color: white;
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    background: var(--cc-tertiary);
    z-index: 1;
}

.dettaglio aside {
    float: right;
    background: var(--cc-light);
    padding: 0px;
    width: 38%;
    margin-bottom: 50px;
}

.dettaglio section {
    float: left;
    width: 60%;
    padding: 0px;
    margin-bottom: 50px;
}

    .dettaglio section .btn {
        padding: 10px 20px
    }

    .dettaglio section p {
        margin-bottom: 10px
    }

        .dettaglio section p a {
            text-decoration: underline
        }

        .dettaglio section p strong, .dettaglio section p b {
            font-weight: var(--cc-weight-bold);
            color: var(--cc-primary)
        }

    .dettaglio section ul {
        margin: 20px 0px;
    }

    .dettaglio section hr {
        margin: 30px 0px 0px 0px;
    }

section article hr {
    margin: 10px 0px;
}

.dettaglio section ul li, section article ul li {
    padding: 0px 0px 0px 29px;
    margin: 0px 0px 10px 0px;
    font-size: 15px;
    line-height: 20px;
    font-weight: var(--cc-weight-regular);
}

    .dettaglio section ul li::before, section article ul li::before {
    }

.content.dettaglio {
    background: white;
}

    .content.dettaglio article {
        background: var(--cc-light);
    }

.content.blog article {
    background: white;
    padding: 20px;
    display: inline-block;
    width: 100%;
}

.dettaglio header {
    margin: 30px 0px;
}

    .dettaglio header h1 {
        width: auto;
        margin-right: 10px;
        display: inline-block;
        float: left;
        font-weight: var(--cc-weight-bold);
    }

.dettaglio .luogo {
    display: block;
    width: 100%;
    clear: both;
    font-size: 15px;
    color: var(--cc-tertiary);
}

.dettaglio header .luogo {
    margin-top: 10px;
    display: inline-block;
    width: auto;
}

.dettaglio .luogo img {
    width: auto;
    top: -2px;
    margin-right: 8px;
    height: auto;
}

.luogo img {
    width: 15px;
}

.dettaglio .recensioni {
    position: relative;
    float: left;
    width: auto;
    padding: 0px;
}

.dettaglio header .recensioni {
    float: right;
    margin-right: 20px;
    top: 6px;
}

ul.info li img {
    height: 22px;
    margin-bottom: 10px;
}

.dettaglio aside .info {
    width: 100%;
    border-top: 1px solid white;
    padding: 20px 0px;
    text-align: center;
}

.dettaglio aside ul.info li strong {
    font-size: 15px;
}

.dettaglio aside .info .preferiti div {
    padding-top: 31px
}

.dettaglio aside .preferiti input[type="checkbox"]:checked + label, .dettaglio aside .preferiti input[type="checkbox"] + label {
    left: 42px;
    top: 0px;
}

.dettaglio aside ul.info li, .dettaglio aside ul.info li:last-child {
    padding: 0px 20px;
}

.buttons {
    padding: 20px;
}

    .buttons .btn, .buttons input[type="button"].btn, .buttons input[type="submit"].btn {
        font-size: 32px;
        padding: 15px 20px;
        text-align: center;
        width: 100%;
        font-weight: var(--cc-weight-regular);
    }

        .buttons .btn.acquista, .buttons input[type="button"].btn.acquista, .buttons input[type="submit"].btn.acquista {
            background: var(--cc-secondary);
            color: white;
            border: none;
            margin: 20px 0px 0px 0px;
            border-radius: 2px;
        }

        .buttons .btn.regala, .buttons input[type="button"].btn.regala, .buttons input[type="submit"].btn.regala {
            color: var(--cc-secondary);
            border: 3px solid var(--cc-secondary);
        }

        .buttons .btn.acquista:hover {
            background: var(--cc-tertiary);
        }

        .buttons .btn.regala:hover {
            color: white;
            border: 3px solid var(--cc-secondary);
            background: var(--cc-secondary);
        }

.people {
    position: relative;
    display: inline-block;
}

    .people svg {
        font-size: 20px;
        color: var(--cc-tertiary);
        float: right;
        position: relative;
    }

    .people img, .proposta .item .prezzo .people img {
        position: relative;
        float: left;
    }

.dettaglio section .disclaimer {
    /*margin: 30px 0px;*/
    font-size: 30px
}

.dettaglio section p {
    font-size: 15px;
    color: var(--cc-tertiary);
    line-height: 22px;
    font-weight: var(--cc-weight-regular);
}

.verde {
    line-height: 25px;
    position: relative;
    padding-left: 40px;
}

    .verde svg {
        position: absolute;
        right: 0px;
        top: -2px;
        font-size: 30px;
        /* margin-bottom: 10px; */
        left: 0px;
    }

.img_place {
    position: relative;
    float: left;
    width: 40%;
}

    .img_place img {
        width: 31%;
        margin: 0px 20px 20px 0px;
    }

.content.dettaglio .img_place img {
    padding: 0px 20px 20px 0px;
    margin: 0px;
}

.img_place img:first-child {
    width: 100%;
    margin: 0px 0px 10px 0px
}

.img_place img:last-child {
    margin: 0px 0px 0px 0px
}

.img_place img:nth-child(3) {
    margin: 0px 7px;
}

.content.dettaglio aside {
}

.content.blog header h1 {
    color: var(--cc-tertiary);
    font-size: 30px;
    width: 100%;
    margin: 0px 0px;
    line-height: 40px;
}

.content.blog article header {
    margin-bottom: 20px
}

.content.dettaglio section {
    float: left;
    margin-top: 0px;
    /*per paragrafo mancante*/
    color: var(--cc-tertiary);
    font-size: 17px;
    font-weight: var(--cc-weight-regular);
    line-height: 23px;
}

    .content.dettaglio section header {
        margin: 0px 0px 30px 0px
    }

.content.dettaglio aside {
    float: right;
}

article p {
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    line-height: 23px;
    color: var(--cc-secondary);
}

.pswdimenticata {
    position: relative;
    float: right;
    width: auto;
    margin: 10px 0px
}

    .pswdimenticata a {
        text-decoration: underline;
        font-weight: var(--cc-weight-bold);
    }

section.contatti {
    padding: 0px;
    background-color: white
}

section.unico.contatti h1 {
    font-size: 40px;
    margin: 40px 0px;
}

section .grigio .field_module {
    background: white;
    font-weight: var(--cc-weight-regular);
    font-size: 15px;
    padding: 20px;
    color: var(--cc-secondary);
    border: none;
    height: auto;
    width: 80%;
    margin-right: 2%;
}

section .grigio .btn.big {
    width: 18%;
    padding: 12px;
    font-size: 25px;
    background: var(--cc-tertiary);
    color: white;
}

section .grigio {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    padding: 20px 0px 60px 0px;
}

section.contatti .sx {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

section.contatti .sx, section.contatti .dx {
    border: none
}

section.contatti .grigio .box {
    background: white;
    margin: 1%;
    width: 48%;
    padding: 40px 20px;
}

    section.contatti .grigio .box.grigio {
        padding: 0px 20px;
    }

    section.contatti .grigio .box .btn {
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 18px;
    }

    section.contatti .grigio .box svg {
        color: var(--cc-secondary);
        font-size: 50px
    }

.btn_semplici {
    display: inline-block;
    width: 100%;
    margin: 0px 0px 20px 0px;
    text-align: center
}

    .btn_semplici a {
        margin-top: 0px !important
    }

    section.contatti .grigio .box.grigio a, .btn_semplici a {
        font-weight: var(--cc-weight-bold);
        font-size: 15px;
        display: inline-block;
        /* width: 100%; */
        padding: 13px 0px 1px 0px;
        border-bottom: 1px dotted black;
    }

        section.contatti .grigio .box.grigio a:hover, .btn_semplici a:hover {
            color: var(--cc-secondary);
            border-bottom: 1px dotted var(--cc-secondary);
        }

section.contatti .grigio .box.grigio svg {
    color: #959191;
    font-size: 30px;
    position: relative;
    top: 16px;
    margin-right: 10px;
}

section.contatti .grigio .box.grigio svg, section.contatti .grigio .box.grigio h2, section.contatti .grigio .box.grigio p {
    width: auto;
    display: inline-block
}

section.contatti .grigio .box.grigio {
    background: transparent;
}

section.contatti .dx {
    width: 65%;
    padding-left: 2%
}

.grigio {
    background-color: var(--cc-light);
    padding: 15px;
    text-align: center;
}

ul.info-list li, .accordion1 dt {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
    text-align: left;
    /*border-bottom: 1px solid var(--cc-light);*/
    font-size: 15px;
    color: var(--cc-secondary);
    font-weight: var(--cc-weight-regular);
}

ul.info-list li {
    border-bottom: 1px solid var(--cc-light);
}

    ul.info-list li a {
        font-size: 15px;
        color: var(--cc-secondary);
    }

        ul.info-list li a:hover {
            color: var(--cc-secondary);
        }

    ul.info-list li:hover::after {
        color: var(--cc-secondary);
    }

    ul.info-list li::after {
        content: "\f054";
        color: var(--cc-tertiary);
        font-weight: bold;
        font-family: Font Awesome\ 5 Free;
        margin-right: 0px;
        font-size: 15px;
        margin-left: 5px;
        position: absolute;
        right: 7px;
        margin-top: 2px;
    }

ul.info li, section article ul.info li {
    position: relative;
    width: auto;
    display: inline-block;
    padding: 0px;
    background: none;
    margin: 0px;
    font-size: 14px;
}

    ul.info li:nth-child(2) {
        margin: 0px 10px
    }

.riepilogo .item ul.info li div {
    position: relative;
    float: right;
    display: inline-block;
    width: auto;
    text-align: center;
    margin: 0px 0px 0px 10px;
}

    .riepilogo .item ul.info li div.preferiti {
        width: 111px;
    }

.tabelle_carrello aside .me-select {
    margin-bottom: 0px;
    padding: 0px;
    border-bottom: none;
    background-color: white;
    margin: 10px 0px;
}

.tabelle_carrello aside .btn.big {
    width: 100%;
    border-color: var(--cc-secondary);
    color: var(--cc-secondary);
}

    .tabelle_carrello aside .btn.big:hover {
        color: white;
        background-color: var(--cc-secondary);
    }

.modal-dialog.big #FormRegistrazione .campo_form .label_module {
    float: left;
    position: relative;
    font-size: 14px;
    color: var(--cc-secondary);
    font-family: var(--cc-font-body);
    margin-bottom: 8px;
    font-weight: var(--cc-weight-bold);
    margin-right: 10px;
    top: 0px;
    margin: 7px;
    width: 100%;
    display: inline-block;
}

.modal-dialog.big #FormRegistrazione .campo_form {
    padding-bottom: 22px;
}

.modal-dialog.big #FormRegistrazione {
    padding: 20px
}

    .modal-dialog.big #FormRegistrazione .campo_form .errore {
        text-align: left;
        position: absolute;
        font-size: 13px;
        bottom: 6px;
        left: 8px;
        font-weight: var(--cc-weight-bold);
    }

.content.blog header .luogo {
    position: relative;
    float: left;
    width: auto;
    padding: 14px 15px 0px 0px;
}

.content.blog header .recensioni {
    position: relative;
    float: left;
    width: auto;
    padding: 14px 0px 0px 0px;
}

header .luogo img {
    margin-right: 8px;
    top: 0px;
    width: 18px;
    height: 24px;
}

.fancybox-container * {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.testata .container {
}

.selettori_aside .btn {
    display: none;
}

.totale_conto span {
    font-weight: var(--cc-weight-regular);
    position: relative;
    font-size: 20px;
}

.totale_conto {
    width: auto;
    position: relative;
    float: right;
    padding: 8px 40px;
    color: var(--cc-secondary);
    font-weight: var(--cc-weight-regular);
    font-size: 30px;
}

.riservata .piu {
    color: green;
    font-weight: var(--cc-weight-bold);
}

.riservata .meno {
    color: #eb1c24;
    font-weight: var(--cc-weight-bold);
}

.riservata .totale_conto .meno, .riservata .totale_conto .piu {
    margin-left: 10px;
    font-size: 30px;
}

.riservata .linguetta {
}

.riservata .item .testo_prodotto .check ul {
    margin: 0px;
    width: 100%;
}

.riservata .item .testo_prodotto .luogo, .riservata .tab-panel .item .testo_prodotto .luogo {
    position: relative;
    width: auto;
    float: right;
    padding: 10px 0px 5px 0px;
    max-width: inherit;
    display: inline-block;
    margin: 0px;
    top: 0px;
    font-weight: var(--cc-weight-regular);
    font-size: 14px;
    color: var(--cc-primary);
}

.riservata .tab-panel .item .testo_prodotto .titolo {
    width: 74%;
    position: relative;
    float: left;
    margin-bottom: 10px;
}

section.unico .item h3 {
}

.riservata .tab-panel .item.convalida .testo_prodotto .titolo {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 10px;
    text-align: left;
}

.riservata .tab-panel .item, .riservata .item {
    background-color: white;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--cc-light);
    margin-bottom: 15px;
}

.riservata.promozioni .articoli.principali .item {
    width: 33%;
    position: relative;
    float: left;
    border: none;
    text-align: left;
}

.riservata .slideshow .item {
    margin-bottom: 0px;
}

.riservata .tab-panel .item .testo_prodotto, .riservata .item .testo_prodotto {
    width: 78%;
    position: relative;
    float: left;
    text-align: left;
    margin: 0px;
    padding: 0px 0px 0px 14px;
}

section.unico.riservata .item ul li {
    display: inline-block;
    font-size: 30px;
    margin: 0px;
    padding: 20px 20px 0px 20px;
}

section.unico.riservata .item.convalida ul li {
    padding: 20px;
}

section.unico.riservata .item.convalida .check .prezzo {
    margin-top: 20px
}

.disclaimer.big {
    text-align: center;
    background-color: var(--cc-tertiary);
    color: white;
    margin-bottom: 20px;
    font-size: 25px;
    padding: 20px;
    font-weight: var(--cc-weight-regular);
    line-height: 30px;
}

    .disclaimer.big a {
        color: white;
        border-bottom: 1px dotted white;
        top: 2px;
        position: relative;
    }

    .disclaimer.big svg {
        position: relative;
        font-size: 30px;
        margin-right: 9px;
        top: 3px;
    }

.riservata .sx .ui-datepicker td a {
    display: block;
    padding: 20px;
    text-align: center;
    text-decoration: none;
}

.item .azioni {
    width: 100%;
    overflow: hidden;
    position: relative;
    float: right;
    margin: 0px;
    padding: 0%;
    padding: 10px 0px 0px 0px;
}

    .item .azioni a.btn {
        font-size: 25px;
        margin: 0px 0px 0px 20px;
        padding: 10px 20px;
    }

        .item .azioni a.btn svg {
            margin-right: 4px;
            font-size: 17px;
        }

.tab-panel .item.convalida .img_item {
    display: none
}

.riservata .tab-panel .item.convalida .testo_prodotto, .riservata .item.convalida .testo_prodotto {
    width: 100%;
    position: relative;
    float: left;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

    .riservata .item.convalida .disclaimer, .riservata .item.convalida .luogo, .riservata .item.convalida .testo_prodotto .luogo, .riservata .tab-panel .item.convalida .testo_prodotto .luogo {
        display: none
    }

.qrcode {
    font-size: 400px;
    text-align: center;
    opacity: 0.5;
    padding: 30px;
}

.modal-dialog.big .box.unico h4 {
    color: var(--cc-primary);
    width: 100%;
    display: inline-block;
    clear: both;
    margin: 10px 0px;
    border-top: 1px solid var(--cc-light);
    border-bottom: 1px solid var(--cc-light);
    font-weight: var(--cc-weight-bold);
    padding: 10px 0px;
    font-size: 20px;
}

.modal-body .box .box.unico {
    display: inline-block;
    width: 100%;
    margin: 0%;
    padding: 0px 6px;
}

.dettaglio hr {
    margin: 0px 0px 15px 0px;
}

.dettaglio header hr {
    margin: 8px 0px;
    display: inline-block;
}

.content.catalogo section .item_catalogo.dettaglio .btn.stampa {
    top: -10px;
}

.icone {
    position: relative;
    float: right;
}

    .icone svg {
        font-size: 21px;
        margin: 3px 5px;
        color: var(--cc-primary);
        opacity: 0.5;
    }

header .icone {
    position: relative;
    float: right;
}

.veditutteopzioni {
    display: inline-block;
    width: 100%;
    float: right;
    text-align: right;
    padding: 20px 20px;
    border-bottom: 2px solid white;
}

    .veditutteopzioni .btn {
        font-size: 30px;
        width: 100%;
    }

.codice_coupon {
    font-weight: var(--cc-weight-regular);
    color: white;
    text-transform: uppercase;
    background: var(--cc-tertiary);
    padding: 8px 9px;
    margin: 0px 0px 13px 0px;
    position: relative;
    float: left;
    FONT-SIZE: 15PX;
}

section.riepilogo header .ordinatori {
    position: absolute;
    right: 0px;
    width: auto;
    top: 0px;
}

    section.riepilogo header .ordinatori .select_module {
        width: 100%;
    }

section.unico h1.comingsoon.grazie {
    font-size: 60px;
    font-style: italic;
    margin: 80px 0px 30px 0px;
}

section.unico h1.grazie {
    font-size: 50px;
    margin: 80px 0px 20px 0px;
}

section.unico p.grazie {
    width: 100%;
    text-align: center;
    margin: 0px 0px 80px 0px;
    font-size: 22px;
    line-height: 32px;
}

    section.unico p.grazie a {
        font-size: 20px;
        color: var(--cc-secondary);
        border-bottom: 1px dotted var(--cc-secondary);
    }

.claim {
    position: absolute;
    float: left;
    width: 37%;
    margin: 26% 0px 0px 0px;
}

    .claim h1 {
        font-size: 144px;
        color: white;
        text-shadow: 1px 1px 10px black, 1px 1px 3px var(--cc-primary);
        font-family: var(--cc-font-body);
        line-height: 96px;
        text-align: center;
    }

        .claim h1 small {
            font-size: 57px;
            display: block;
            font-family: var(--cc-font-body);
            line-height: 62px;
            text-align: right;
            margin-right: 16px;
        }

.prodotti_home {
    position: relative;
    width: 600px;
    float: right;
    margin-top: 150px;
    margin-right: 100px;
    margin-bottom: 220px;
}
/*RIBBON*/
/* common */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 3;
}

    .ribbon::before, .ribbon::after {
        position: absolute;
        z-index: -1;
        content: ' ';
        display: block;
        border: 5px solid var(--cc-tertiary);
    }

    .ribbon span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 15px 0;
        background-color: var(--cc-secondary);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
        color: white;
        font: 700 18px/1 'Source Sans Pro', sans-serif;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        text-transform: uppercase;
        text-align: center;
    }
/* top left*/
.ribbon-top-left {
    top: -10px;
    left: -10px;
}

    .ribbon-top-left::before, .ribbon-top-left::after {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-top-left::before {
        top: 0;
        right: 0;
    }

    .ribbon-top-left::after {
        bottom: 0;
        left: 0;
    }

    .ribbon-top-left span {
        right: -25px;
        top: 30px;
        transform: rotate(-45deg);
    }
/* top right*/
.ribbon-top-right {
    top: -10px;
    right: -10px;
}

    .ribbon-top-right::before, .ribbon-top-right::after {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 0;
    }

    .ribbon-top-right::after {
        bottom: 0;
        right: 0;
    }

    .ribbon-top-right span {
        left: -25px;
        top: 30px;
        transform: rotate(45deg);
    }
/* bottom left*/
.ribbon-bottom-left {
    bottom: -10px;
    left: -10px;
}

    .ribbon-bottom-left::before, .ribbon-bottom-left::after {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-bottom-left::before {
        bottom: 0;
        right: 0;
    }

    .ribbon-bottom-left::after {
        top: 0;
        left: 0;
    }

    .ribbon-bottom-left span {
        right: -25px;
        bottom: 30px;
        transform: rotate(225deg);
    }
/* bottom right*/
.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}

    .ribbon-bottom-right::before, .ribbon-bottom-right::after {
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-bottom-right::before {
        bottom: 0;
        left: 0;
    }

    .ribbon-bottom-right::after {
        top: 0;
        right: 0;
    }

    .ribbon-bottom-right span {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg);
    }
/*fine ribbon*/
.modal-dialog.big .btn {
    float: right;
    font-size: 20px;
    margin-right: 0px;
}

.oppure {
    position: relative;
    float: right;
    margin: 17px;
    font-weight: var(--cc-weight-bold);
}
/*mappa*/
#bellamap {
    /*width: 70% !important;*/
    height: 600px !important;
    padding: 0px !important;
    margin: 0px auto !important;
}

.gm-style-iw-d h2 {
    font-size: 17px;
    font-weight: var(--cc-weight-bold);
    margin-bottom: 10px;
    padding: 0px 20px 0px 0px;
    color: var(--cc-tertiary);
}

.gm-style-iw-d img {
    width: 39%;
    position: relative;
    float: left;
    margin-right: 13px;
}

.gm-style-iw-d p, .modal-body .gm-style-iw-d p {
    padding: 0px;
    margin: 10px 0px;
    font-size: 15px;
    color: var(--cc-tertiary);
    font-weight: var(--cc-weight-regular);
    width: 50%;
    float: left;
}

    .gm-style-iw-d p a {
        color: var(--cc-secondary);
        font-weight: var(--cc-weight-bold);
        text-decoration: underline;
        font-size: 15px;
    }

.info-window {
    width: 400px;
    overflow: hidden;
}

div.gm-style-iw {
    overflow-y: hidden !important;
}

.gm-style .gm-style-iw-c {
    max-width: 342px !important;
}

.gm-ui-hover-effect img {
    width: 30px !important;
    height: 30px !important;
}

.gm-ui-hover-effect {
    top: -5px !important;
    right: 10px !important;
    width: 30px !important;
    height: 30px !important;
}
/* fine mappa*/
.btn.lente, input[type="submit"].btn.lente, input[type="button"].btn.lente {
    width: 48px;
    height: 40px;
    background-color: white;
    background-position: center;
    background-image: url(../img/icone/research.png);
    background-repeat: no-repeat;
    background-size: 30px;
    padding: 10px;
}

.content.blog header h1 svg {
    margin-right: 10px;
}

.img_singola {
    max-width: 100%;
    display: block;
    margin-bottom: 20px
}

.mappa_riepilogo {
    border: 1px solid var(--cc-secondary);
}

.div_contenutocalendario {
    width: 50%;
    background: white;
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
}

.div_calendario {
    width: auto;
    background: white;
    margin: 0px;
    padding: 0px 30px 0px 0px;
    position: relative;
    float: left;
}

    .div_calendario .calendario {
        max-width: 476px;
    }

.div_contenutocalendario {
}

    .div_contenutocalendario .calendario input.field_module {
        font-weight: var(--cc-weight-bold);
        text-align: center;
        padding: 20px;
        height: auto;
        position: relative;
        float: left;
        width: 175px;
        font-size: 20px;
        background-color: var(--cc-light);
    }

    .div_contenutocalendario .calendario input.big.btn {
        text-decoration: none;
        color: white;
        border: none;
        background-color: var(--cc-tertiary);
        padding: 18px 30px;
        font-size: 23px;
        font-weight: var(--cc-weight-regular);
        margin-bottom: 0px;
    }

        .div_contenutocalendario .calendario input.big.btn:hover {
            background-color: var(--cc-secondary);
        }

    .div_contenutocalendario .calendario h3 {
        margin: 20px 0px;
    }

    .div_contenutocalendario .calendario h2 {
        margin: 20px 0px 0px 0px;
        color: var(--cc-secondary);
        font-size: 22px;
    }

.riservata .calendario {
    background: none;
    padding: 10px 0px 20px 0px;
}

.btn.acquista.ora {
    display: none
}

.errore.ok, .alert.ok, .ok {
    color: #12c363 !important;
}

section.unico.paginapay h1 {
    color: var(--cc-secondary);
    font-size: 50px;
    font-weight: var(--cc-weight-regular);
    font-family: var(--cc-font-body);
    padding: 0px;
    position: relative;
    margin: 0px;
    text-align: left;
}

section.unico.paginapay h2 {
    color: var(--cc-secondary);
    font-size: 30px;
    font-weight: var(--cc-weight-regular);
    font-family: var(--cc-font-body);
    position: relative;
    margin: 10px 0px 30px 0px;
    padding: 10px 0px;
    border-top: 1px dotted var(--cc-light);
    border-bottom: 1px dotted var(--cc-light);
    text-align: left;
}

    section.unico.paginapay h2 small span {
        font-weight: var(--cc-weight-bold);
    }

.p_link {
    display: inline-block;
}

    .p_link a {
        background: var(--cc-tertiary);
        padding: 20px;
        border-radius: 2px;
        color: white;
        display: inline-block;
        font-size: 20px;
        /* margin: 20px 0px; */
    }

.paginapay p.info {
    padding: 20px;
    border-radius: 2px;
    background: white;
    display: inline-block;
    font-size: 20px;
    margin: 0px 20px;
    position: relative;
    float: left;
}

    .paginapay p.info br {
        display: none;
    }

    .paginapay p.info label {
        color: var(--cc-secondary);
        font-weight: var(--cc-weight-bold);
    }

.paginapay ul li::before {
    content: "\f054";
    color: var(--cc-tertiary);
    font-weight: bold;
    font-family: Font Awesome\ 5 Free;
    margin-right: 10px;
}

.paginapay ul li strong {
    color: black
}

.paginapay ul li {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 24px;
}

.paginapay ul {
    margin: 20px 0px
}

.paginapay p {
    /*font-size: 20px;
    line-height: 24px*/
}

.fake_h3 {
    height: 47px;
}

.testo_dettaglio {
    display: inline-block;
    width: 100%;
}

    .testo_dettaglio h2 {
        font-weight: 400 !important;
        font-size: 23px !important;
        margin-bottom: 20px !important;
        padding-top: 20px;
        border-top: 1px dashed #dadada;
        color: var(--cc-tertiary) !important;
    }

    .testo_dettaglio.descrizione {
    }

    .testo_dettaglio.riepilogo {
    }

    .testo_dettaglio.opzioni {
    }

    .testo_dettaglio.condizioni {
        display: inline-block !important
    }

        .testo_dettaglio.condizioni h2 {
            margin-top: 0px;
        }

.dettaglio section .testo_dettaglio p {
    font-weight: var(--cc-weight-regular);
}

.dettaglio section .testo_dettaglio.condizioni h2 {
    color: var(--cc-secondary) !important;
    padding-top: 0px;
    border-top: none;
}

.info_proposta {
    line-height: 25px;
    position: relative;
    padding-left: 0px;
    font-weight: 400 !important;
    font-size: 23px !important;
    margin-bottom: 20px !important;
    color: var(--cc-tertiary) !important;
}

.campo_form.ricarica .field_module {
    width: 70%;
    border: 2px solid var(--cc-tertiary);
    border-right: none
}

.campo_form.ricarica input[type="submit"].btn.big {
    width: 30%;
    margin-left: 0px !important;
    font-size: 26px;
    padding: 8px 30px;
}

.qr-reader {
    background-color: white
}

    .qr-reader div span {
        padding: 5px
    }

    .qr-reader div button {
        color: white;
        background-color: var(--cc-tertiary);
        padding: 5px;
        margin: 10px 0px;
    }

.invia_buono {
    position: relative;
    display: inline-block;
    width: 54%;
    margin-top: 0px;
    float: right;
}

    .invia_buono div {
        width: 100%;
        margin-top: 0px;
        border: 2px solid var(--cc-tertiary);
        display: inline-block;
    }

    .invia_buono .alert {
        text-align: left;
        width: 100%;
        display: inline-block;
    }

section .invia_buono .field_module {
    background: white;
    width: 65%;
    padding: 16px;
    height: auto;
    border: none
}

.item .azioni .invia_buono a.btn {
    border: none;
    width: 35%;
    background: var(--cc-tertiary);
    color: white;
    margin: 0px;
    font-size: 15px;
    padding: 16px 7px;
}

.condizioni a {
    text-decoration: underline;
}

iframe {
    max-width: 100% !important
}

.ricaricaconto h2 .btn {
    top: -5px;
    margin-left: 5px;
}

.prenotaora {
    position: relative;
    float: right;
    clear: both;
    text-align: right;
    margin-top: 10px;
    font-weight: var(--cc-weight-bold);
    color: var(--cc-secondary);
    font-style: italic;
    padding: 5px 10px;
    border: 2px solid var(--cc-secondary);
    border-radius: 6px;
}

    .prenotaora:hover {
        color: white;
        background-color: var(--cc-secondary);
    }

.selettori.voucher {
    position: relative;
    width: 100%;
    background: var(--cc-tertiary);
    padding: 20px;
}

    .selettori.voucher .label_module {
        width: 100%;
        margin-right: 0px;
        float: initial;
        position: inherit;
        display: inline-block;
        background: transparent;
        font-size: 15px;
        padding: 0px 0px 2px 0px;
        height: auto;
        border: none;
        color: white;
    }

    .selettori.voucher label {
        width: auto;
        text-align: left;
        font-size: 15px;
        float: left;
        color: white;
        display: inline-block;
        top: 15px;
        position: relative;
        padding: 0px 10px 0px 6px;
    }

    .selettori.voucher .calendario input {
        float: left;
        max-width: 120px;
        padding: 17px;
        border-radius: 3px;
    }

    .selettori.voucher .alert {
        color: pink
    }

    .selettori.voucher .campo_form {
        padding-bottom: 10px;
    }

    .selettori.voucher .fake_label {
        width: 100%;
        height: 36px;
    }

    .selettori.voucher input[type="submit"].btn {
        color: white;
        border-color: white;
        font-size: 24px;
        font-weight: var(--cc-weight-regular);
        padding: 10px 20px;
    }

    .selettori.voucher .campo_form:nth-child(1) {
        width: 35%;
    }

    .selettori.voucher .campo_form:nth-child(2) {
        width: 25%;
    }

    .selettori.voucher .campo_form:nth-child(3) {
        width: 29%;
    }

    .selettori.voucher .campo_form:nth-child(4) {
        width: auto;
    }

.riservata .selettori.voucher .calendario {
    background: none;
    padding: 0px 0px 20px 0px;
}

.btn.btn_registrazione {
    float: right;
    padding: 15px;
    margin-left: 1px;
}

.btn.btn_registrazione, .dl-menuwrapper span {
    text-transform: uppercase;
    color: white;
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    padding: 9px 20px 10px 20px;
}

.js-open-left-menu {
    text-transform: uppercase;
    color: white;
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    padding: 5px 20px 6px 20px;
    background-color: var(--cc-primary);
    border-radius: 0px;
}

.dl-menuwrapper button img, .btn.js-open-left-menu img {
    height: 27px;
    margin-right: 5px;
    top: 4px;
}


    .btn.js-open-left-menu img.favicon_white {
        height: 25px;
        margin-right: 5px;
        top: 4px;
        position: relative;
        left: -5px;
    }




.dl-menuwrapper span {
    padding: 8px 10px 6px 0px;
    display: inline-block;
    font-family: var(--cc-font-body);
}

.btn.js-open-left-menu span {
    padding: 6px 0px 4px 0px;
    display: inline-block;
}

.payoff h1 {
    font-size: 25px;
    text-align: center;
    color: var(--cc-secondary);
    padding: 0px 0px 10px 0px;
}

.payoff h2 {
    font-size: 45px;
    font-weight: var(--cc-weight-bold);
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0px 0px 0px;
    color: var(--cc-primary);
}

.cerca_home .label {
    display: inline-block;
    width: auto;
    font-size: 20px;
    padding: 36px 20px;
    font-weight: var(--cc-weight-bold);
    font-family: var(--cc-font-body);
}

.cerca_home .cerca {
    display: inline-block;
    width: 310px;
    /* padding: 40px; */
    margin: 23px 0px;
}

.cerca_home a {
    display: inline-block;
    width: auto;
    text-decoration: underline;
    padding: 36px 20px;
    font-size: 15px;
    color: var(--cc-secondary);
}

.primopiano {
    padding: 30px 0px 20px 0px;
    display: inline-block;
    width: 100%;
}

    .primopiano h2 {
        font-size: 22px;
        font-weight: var(--cc-weight-bold);
        margin-bottom: 20px;
        text-transform: uppercase
    }

    .primopiano .item {
        position: relative;
        float: left;
        width: 25%;
    }

        .primopiano .item .img_item {
            position: relative;
            float: left;
            width: 50%;
            margin: 0px;
            padding: 0px 10px 10px 0px;
        }

        .primopiano .item .testo {
            position: relative;
            float: left;
            width: 50%;
            padding-right: 20px;
        }

.item h3 {
    font-size: 14px;
    text-align: left;
    font-weight: var(--cc-weight-bold);
    color: var(--cc-secondary);
}

.item h4 {
    color: var(--cc-tertiary);
    font-size: 14px;
    text-align: left;
}

.articoli.principali .item.principale {
    border-bottom: 1px solid var(--cc-light);
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
}

    .articoli.principali .item.principale .corpo {
        height: 4.3em;
        text-overflow: -o-ellipsis-lastline;
        margin-top: 0px;
        overflow: hidden;
        position: relative;
    }

    .articoli.principali .item.principale h3, header h1 {
        font-size: 25px;
        margin-bottom: 20px;
        color: var(--cc-tertiary);
        font-weight: var(--cc-weight-bold);
        line-height: 30px;
    }

section header h1 {
    font-size: 30px;
    margin-bottom: 10px;
    color: var(--cc-primary);
    font-weight: var(--cc-weight-bold);
    line-height: 30px;
}

.content.catalogo section header h1 {
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: var(--cc-weight-bold);
}

.content.catalogo section header h4 {
    font-weight: var(--cc-weight-bold);
}

section header h4 strong {
    color: var(--cc-primary);
}

.articoli.principali .item.principale h4, header h4 {
    font-size: 15px;
    color: var(--cc-secondary);
    font-family: var(--cc-font-body) !important;
}

.articoli.principali .item {
    width: 50%;
    position: relative;
    float: left;
}

    .articoli.principali .item:nth-child(2) {
        padding-right: 10px;
    }

    .articoli.principali .item:nth-child(3) {
        padding-left: 10px;
        margin-bottom: 20px;
    }

.servizio .articoli.principali .item, .servizio .articoli.principali .item:nth-child(2), .servizio .articoli.principali .item:nth-child(3) {
    padding: 5px;
    height: 340px;
    margin-bottom: 10px;
    border: none;
}

    .servizio .articoli.principali .item h3, .catalogo .articoli.principali .item h3, .promozioni .articoli.principali .item h3 {
        height: 3.7em;
        text-overflow: -o-ellipsis-lastline;
        margin-top: 0px;
        overflow: hidden;
        position: relative;
    }

.servizio .dx .articoli .item {
    padding: 5px;
    height: auto !important;
}

.dx .articoli .img_item {
    height: auto;
}

.primopiano .item h3 {
    overflow: hidden;
    height: 5.3em;
    text-overflow: -o-ellipsis-lastline;
    margin-top: 0px;
    font-size: 14px;
    line-height: 19px;
}

.primopiano .item h3 {
    position: relative;
}

    .primopiano .item h3:after, .articoli.principali .item.principale .corpo:after, aside .item h3:after, .primopiano .item h3:after, .servizio .articoli.principali .item h3:after, .catalogo .articoli.principali .item h3:after, .promozioni .articoli.principali .item h3:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 1.2em;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
        /* background: white;*/
    }

.item .cbp-vm-title:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;
    height: 1.2em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
    /* background: white;*/
}

.item .cbp-vm-title {
    position: relative;
}

.primopiano .item h3 a {
}

.articoli.principali .item h3, .articoli.secondari .item h3, aside .item h3 {
    font-size: 20px;
    line-height: 24px;
}

aside .item h3 {
    height: 3.7em;
    text-overflow: -o-ellipsis-lastline;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
}

.articoli.secondari .item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--cc-light);
}

    .articoli.secondari .item:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: none;
    }

    .articoli.secondari .item .img_item {
        width: 30%;
        margin-bottom: 0px;
        overflow: hidden;
        position: relative;
        float: right;
    }

    .articoli.secondari .item .testo {
        width: 70%;
        padding-right: 20px;
        overflow: hidden;
        position: relative;
        float: left;
    }

.slideshow h3 {
    font-size: 25px;
    text-align: left;
    font-weight: var(--cc-weight-bold);
    line-height: 30px;
}

.catalogo .slideshow h3 {
    font-weight: normal;
    font-size: 17px;
    margin: 0px;
    line-height: 24px;
}

.catalogo .slideshow .item h4 {
    color: var(--cc-primary);
    font-size: 26px;
}

.catalogo .slideshow .btn {
    display: none;
}

.slideshow .item h3 {
    color: white;
    margin-bottom: 0px;
    margin-top: 10px;
}

.slideshow .item h4 {
    color: var(--cc-light);
    font-size: 18px;
}

.banner {
    width: 100%;
    display: inline-block;
    margin-top: 0px;
}

    .banner.bottom {
        margin: 10px 0px;
    }

    .banner img {
        margin-bottom: 10px;
    }

.catalogo .banner.bottom img {
    margin-bottom: 0px;
}

.unico .banner.bottom img {
    margin: 0px;
}

.banner img {
    width: 100%;
    margin-bottom: 20px;
}

article .img_item {
    text-align: center;
}

    article .img_item img {
        margin-bottom: 20px;
    }





.disponibilita_yes, .disponibilita_no, .disponibilita_orange {
    font-weight: var(--cc-weight-bold);
    display: inline-block;
}

.disponibilita_yes {
    font-weight: bold;
    width: 25px;
    height: 25px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--cc-ok);
}

.disponibilita_orange {
    font-weight: bold;
    width: 25px;
    height: 25px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #f0b267;
}

.disponibilita_no {
    font-weight: bold;
    width: 25px;
    height: 25px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--cc-alert);
}


.item_catalogo {
    border: 1px solid var(--cc-light);
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

    .item_catalogo .img {
        position: relative;
        float: left;
        width: 12%;
        /* padding: 0px 1%; */
        margin-left: 10px;
        width: 50px;
        height: 50px;
        /*overflow: hidden;*/
    }

        .item_catalogo .img img {
            max-width: 50px;
            max-height: 50px;
            width: auto;
            height: auto;
        }

            .item_catalogo .img img:hover {
                max-width: 380px;
                max-height: 380px;
                width: 380px;
                height: 380px;
                /*position:absolute;*/
                border: 5px solid rgba(204, 204, 204, 0.7);
                z-index: 1;
                background: white;
                position: relative;
            }

    .item_catalogo .contenuto {
        display: inline-block;
        width: 100%;
        float: left;
        padding: 10px 0px;
    }

        .item_catalogo .contenuto .brand {
            width: auto;
            float: left;
            height: 50px;
            margin: 0px 10px;
            display: table;
        }

            .item_catalogo .contenuto .brand div {
                display: table-cell;
                vertical-align: middle
            }

                .item_catalogo .contenuto .brand div img {
                    max-width: 50px;
                    max-height: 50px;
                }

        .item_catalogo .contenuto .nome_prod {
            display: inline-block;
            width: 64%;
            float: left;
            position: relative;
            padding-left: 10px;
        }


        .item_catalogo .scadenza {
            position: relative;
            float: left;
            width: 80px;
            font-size: 10px;
            padding: 8px 10px;
            font-weight: 700;
        }



            .item_catalogo .contenuto .nome_prod h4 {
                display: inline-block;
                width: auto;
                float: left;
                font-size: 15px;
                margin: 2px 0px;
                color: var(--cc-primary);
                padding-right: 36px;
            }

        .item_catalogo .contenuto .btn_wishlist {
            display: inline-block;
            width: 29px;
            float: right;
            margin-left: 0px;
            clear: inherit;
            margin: 6px 0px 0px 10px;
            position: absolute;
            top: 0px;
            right: 0px;
            height: 24px;
        }

        .item_catalogo .contenuto .codice {
            display: inline-block;
            max-width: 60%;
            float: left;
            color: var(--cc-secondary);
            font-size: 14px;
        }

        .item_catalogo .contenuto .dettagli {
            display: inline-block;
            width: auto;
            float: right;
            padding-right: 10px;
            padding-top: 5px;
        }

    .item_catalogo .btn {
        padding: 7px 10px;
        font-size: 14px;
        border-radius: 2px;
    }

        .item_catalogo .btn.slide {
            width: 105px;
            background-color: var(--cc-primary);
        }

    .item_catalogo .contenuto hr {
        display: inline-block;
        width: 100%;
        margin: 10px 0px;
    }

    .item_catalogo .contenuto .componenti {
        display: inline-block;
        width: auto;
        float: left;
        margin: 0px 10px;
    }

        .item_catalogo .contenuto .componenti svg {
            font-size: 20px;
            color: var(--cc-tertiary);
            display: inline-block;
        }

    .item_catalogo .contenuto .prezzo {
        display: inline-block;
        width: auto;
        float: left;
        padding: 0px 0px 0px 20px;
        text-align: left;
        height: auto;
        font-size: 14px;
        max-width: 27%;
    }

        .item_catalogo .contenuto .prezzo .old_price {
            clear: both;
            display: block;
        }

    .item_catalogo .contenuto .opzioni {
        display: inline-block;
        width: auto;
        float: left;
        padding: 0px;
        text-align: left;
        height: auto;
        width: 34%;
        /* background:red; */
        min-height: 10px;
        margin: 5px 10px 0px 10px;
        text-align: right;
    }

    .item_catalogo .disponibilita svg.notifica_attiva {
        color: var(--cc-tertiary);
    }

    .item_catalogo .disponibilita {
        display: inline-block;
        width: auto;
        float: right;
        padding: 8px 20px 0px 0px;
    }

        .item_catalogo .disponibilita svg {
            font-size: 27px;
            position: relative;
            color: var(--cc-tertiary);
            cursor: pointer;
            top: 3px;
            margin-left: 4px;
        }

        .item_catalogo .disponibilita .yes {
            background: var(--cc-ok);
        }

        .item_catalogo .disponibilita .no {
            background: var(--cc-alert);
        }

        .item_catalogo .disponibilita .orange {
            background: #f0b267;
        }

        .item_catalogo .disponibilita .arrivo {
            background: #f0b267;
            display: inline-block;
            width: 48px;
            line-height: 13px;
            margin: 5px;
            /* float: right; */
            font-size: 13px;
        }

        .item_catalogo .disponibilita span.orange, .item_catalogo .disponibilita span.yes, .item_catalogo .disponibilita span.no, .item_catalogo .disponibilita span.arrivo {
            padding: 0px;
            color: white;
            margin: 0px 2px;
            text-align: center;
            top: 6px;
            position: relative;
            width: 20px;
            height: 20px;
            -moz-border-radius: 50%;
            border-radius: 50%;
            display: inline-block;
        }

    .item_catalogo .aggiungi {
        display: inline-block;
        width: auto;
        float: right;
        margin-right: 3px;
    }

        .item_catalogo .aggiungi.incarrello {
            background: #fff965;
        }

        .item_catalogo .aggiungi .btn.acquista.acquistato {
            background-image: url(../img/icone/carrello-check.png);
        }

        .item_catalogo .aggiungi .unita {
            display: inline-block;
            width: auto;
            float: left;
            padding: 5px 5px 6px 0px;
            border-top: 1px solid var(--cc-tertiary);
            border-bottom: 1px solid var(--cc-tertiary);
            font-size: 15px;
            color: var(--cc-primary);
            height: 35px;
        }

        .item_catalogo .aggiungi input[type="number"] {
            width: 80px;
            font-weight: var(--cc-weight-bold);
            color: #5d514a;
            -moz-border-radius: 3px;
            border-radius: 3px;
            font-size: 17px;
            height: 35px;
            border: 1px solid var(--cc-light);
        }

        .item_catalogo .aggiungi .btn {
            background-image: url(../img/icone/carrello_white.png);
            background-color: var(--cc-tertiary);
            background-size: 20px;
            background-position: center;
            background-repeat: no-repeat;
            padding: 10px;
            width: 42px;
            height: 35px;
            border-radius: 0px;
        }

        .item_catalogo .aggiungi input[type="number"] {
            width: 70px;
            font-weight: var(--cc-weight-bold);
            color: var(--cc-primary);
            border-color: var(--cc-tertiary);
            border-right: none;
            font-size: 15px;
            height: 35px;
            padding: 5px;
            padding-left: 10px;
            border-radius: 0px;
            background: transparent;
        }

    .item_catalogo .video iframe {
        width: 100% !important;
        height: 180px;
        margin-top: 0px;
    }

    .item_catalogo .owl-carousel {
        border: 1px solid var(--cc-light);
        padding: 10px;
        margin-bottom: 20px;
    }

        .item_catalogo .owl-carousel .owl-pagination {
            text-align: center;
        }

    .item_catalogo .correlati {
        margin: 0px 0px;
        background: var(--cc-light)
    }

        .item_catalogo .correlati .owl-carousel {
            border: none;
            padding: 10px;
            margin-bottom: 0px;
        }

            .item_catalogo .correlati .owl-carousel .owl-item .item.prodotto {
                border: none;
                background: white
            }

        .item_catalogo .correlati .titolo {
            margin: 0px;
        }

    .item_catalogo .owl-theme .owl-controls .owl-page {
        margin: 10px 5px;
        background: var(--cc-tertiary);
    }

.catalogo .item_catalogo .box .item {
    padding: 0px;
}

    .catalogo .item_catalogo .box .item img {
        max-height: 400px;
    }

.descrizione_prodotto div:nth-child(2) strong {
    color: var(--cc-quaternary);
}

.item_catalogo .espandi {
    clear: both;
    width: 100%;
}

.slide .espandi svg {
    margin-right: 6px;
    top: 0px;
    position: relative;
}

.slide .espandi.active_btn svg {
    transform: rotate(45deg);
}

.slide .espandi::after {
    content: 'Dettaglio'
}

.slide .espandi.active_btn::after {
    content: 'Chiudi'
}

.slide .espandi.active_btn {
}

.panel_categorie {
    display: none;
    width: 100%;
}

.item_catalogo.dettaglio {
    border: none;
    margin-bottom: 0px;
    padding: 0px;
}

    .item_catalogo.dettaglio .descrizione {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 20px;
        text-align: justify;
        border-top: 1px solid var(--cc-light);
        margin-top: 20px;
    }

    .item_catalogo.dettaglio .owl-carousel {
        border: none;
        padding: 0px;
        margin: 0px 0px;
    }

    .item_catalogo.dettaglio .descrizione h4 {
        font-size: 20px;
        text-align: left;
        margin: 20px 0px;
    }

    .item_catalogo.dettaglio header {
        margin: 10px 0px 30px 0px;
    }

        .item_catalogo.dettaglio header h1 {
            display: block;
            width: 100%;
        }

    .item_catalogo.dettaglio .video iframe {
        margin: 20px 0px 0px 0px;
    }

section .item_catalogo.dettaglio .box.primo {
    width: 43%;
    padding-right: 2%;
    margin-right: 2%;
}

section .item_catalogo.dettaglio .box.secondo {
    width: 55%;
    padding: 0px;
    border-left: 1px solid var(--cc-light);
    padding-left: 2%;
}

    section .item_catalogo.dettaglio .box.secondo .brand img {
        padding: 0px 0px 10px 0px;
        margin: 0px;
        height: 40px;
    }

.descrizione_prodotto .li_disponibilita div:nth-child(2) {
    height: 33px;
}

.descrizione_prodotto .li_unita_misure div:nth-child(2) {
    height: 35px;
}

.descrizione_prodotto .li_unita_misure {
    border: 1px solid var(--cc-light);
    border-radius: 6px;
    margin-top: 10px;
    padding: 10px 5px !important;
}

.item_catalogo.dettaglio .aggiungi .btn {
    background-color: var(--cc-tertiary);
    background-position: 7px 7px;
    padding: 0px 0px 0px 24px;
    width: 111px;
    height: 35px;
    font-size: 15px;
}

.item_catalogo.dettaglio .descrizione_prodotto input[type="number"] {
    margin-right: 0px;
}

.item_catalogo.dettaglio .descrizione_prodotto li {
    padding: 5px 0px;
}

.item_catalogo.dettaglio .descrizione_prodotto div:nth-child(1) {
    padding: 2px 7px;
    font-size: 15px;
    width: 30%;
    color: var(--cc-primary);
}
/*.item_catalogo.dettaglio .descrizione_prodotto div:nth-child(1).opzioni {
  text-align: right;
  width: 100%;
}*/
.item_catalogo.dettaglio .descrizione_prodotto div:nth-child(2).opzioni {
    font-size: 15px;
    width: 62%;
    margin: 5px 0px;
}

.item_catalogo .btn.stampa svg {
    color: white;
    margin-right: 2px;
}

.item_catalogo.dettaglio .descrizione_prodotto .aggiungi {
    margin-top: 0px;
}

.item_catalogo.dettaglio .descrizione_prodotto .li_quantita div:nth-child(2) {
    width: auto;
}

.item_catalogo.dettaglio .descrizione_prodotto input[type="number"] {
    /* background: white; */
}
/*
.item_catalogo.dettaglio .aggiungi .btn {
    width: 40px;
}
*/
.item_catalogo.dettaglio .descrizione_prodotto div:nth-child(2) {
    font-size: 15px;
    width: 55%;
}

.item_catalogo.dettaglio .descrizione_prodotto .li_unita_misure div:nth-child(1) {
    padding: 0px 7px;
}

.item_catalogo.dettaglio .correlati {
    margin: 0px 0px 30px 0px;
    background: none;
}

    .item_catalogo.dettaglio .correlati .owl-carousel .owl-item .item.prodotto {
        border: 1px solid var(--cc-light);
        padding: 10px;
    }

    .item_catalogo.dettaglio .correlati .titolo {
        margin: 0px 0px 5px 0px;
    }

    .item_catalogo.dettaglio .correlati .owl-pagination {
        position: absolute;
        top: -47px;
        right: 20px;
    }

.item_catalogo.dettaglio .descrizione_prodotto {
    margin: 0px 0px 20px 0px;
}

.servizio .articoli.secondari .item .img_item {
    float: left;
}

.servizio .articoli.secondari .item .testo {
    padding-left: 20px;
    padding-right: 0px;
}

ul.linguette li {
    background: var(--cc-tertiary);
    border: 1px solid white;
    border-right: none;
    -moz-box-shadow: 0px 2px 11px 0px rgba(179, 174, 174, 0.6);
    -webkit-box-shadow: 0px 2px 11px 0px rgba(179, 174, 174, 0.6);
    box-shadow: 0px 2px 11px 0px rgba(179, 174, 174, 0.6);
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    clear: both;
    position: relative;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}

    ul.linguette li:nth-child(1) {
        color: white;
        text-shadow: 0 1px 0 black;
        background: var(--cc-quaternary);
        padding: 15px 30px 20px 70px;
        z-index: 9;
    }

.linguette {
    position: fixed;
    right: 0px;
    top: 63px;
    width: auto;
    overflow: hidden;
    z-index: 9;
    width: 186px;
}

ul.linguette li {
    padding: 20px 10px 16px 70px;
    right: 0px;
    text-shadow: 0 1px 0 rgba(15, 15, 15, 0.46);
    color: white;
    font-size: 18px;
    text-transform: inherit;
    z-index: 7;
    position: relative;
}

    ul.linguette li:hover {
        -moz-transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        right: 0px;
    }

    ul.linguette li svg {
        position: absolute;
        top: 15px;
        left: 15px;
        max-height: 40px;
        font-size: 29px;
    }

    ul.linguette li:nth-child(1) svg {
        top: 16px;
        left: 14px;
    }

    ul.linguette li:nth-child(2) svg {
        top: 15px;
        left: 21px;
    }

    ul.linguette li:nth-child(3) svg {
        top: 14px;
        left: 20px;
    }

    ul.linguette li:nth-child(4) svg, ul.linguette li:nth-child(5) svg {
        top: 15px;
        left: 19px;
    }



    ul.linguette li:last-child {
    }

.banner.icone {
    background: var(--cc-tertiary);
    padding: 20px 0px 30px 0px;
}

    .banner.icone ul li {
        font-size: 23px;
    }

        .banner.icone ul li svg {
            color: white;
            font-size: 42px;
            top: 10px;
        }

.tabelle_carrello .sx .label_module {
    font-size: 14px;
}

.tabelle_carrello .sx .campo_form.tipologia {
    margin-top: 0px;
    width: 100%;
    text-align: center;
}

.tabelle_carrello .sx .campo_form:nth-child(1), .tabelle_carrello .sx .campo_form:nth-child(2), .tabelle_carrello .sx .campo_form:nth-child(3) {
    width: 100%;
}
/*.tabelle_carrello .sx    .campo_form.tipologia .me-select label {
    width: auto;
    padding: 0px 20px 0px 33px;
    font-size: 15px;
}

.tabelle_carrello .sx    .campo_form.tipologia .me-select input[type="checkbox"]:checked + label::after, 
.tabelle_carrello .sx    .campo_form.tipologia .me-select input[type="radio"]:checked + label::after {
    top: 0px;
}*/
header.carrello h1 {
    border: none;
    margin: 0px;
}

header.carrello {
    margin: 0px;
}

    header.carrello .pathway {
        border: none;
        text-align: center
    }

.riservata .articoli.secondari .item {
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
}

    .riservata .articoli.secondari .item .img_item {
        float: left;
    }

    .riservata .articoli.secondari .item .testo {
        padding-right: 0px;
        text-align: left;
        padding-left: 20px;
    }

    .riservata .articoli.secondari .item .btn {
        margin-top: 20px;
        padding: 10px 20px
    }

section.unico.riservata article header h1 {
    line-height: 40px;
    margin: 0px 0px 30px 0px;
    padding: 0px;
}

section.unico.riservata article header h4 {
    line-height: initial;
    margin: 0px;
}

section.unico.riservata article .img_item {
    margin: 0px 20px 20px 0px;
}

    section.unico.riservata article .img_item img {
        text-align: center;
        position: relative;
        float: left;
        width: 40%;
        margin-right: 20px;
    }

.puntifidelity {
    margin: 20px 0px;
    background: var(--cc-light);
    padding: 20px;
}

    .puntifidelity h4 {
        font-size: 29px;
        margin-bottom: 5px;
    }

    .puntifidelity p {
        font-size: 20px;
        margin: 10px 0px 0px 0px;
        color: var(--cc-tertiary);
    }

        .puntifidelity p strong {
            color: var(--cc-secondary);
        }

.riservata .articoli.secondari .item.fidelity {
    position: relative;
    background: var(--cc-light);
    padding: 0px 0px 0px 0px;
    border: 1px solid var(--cc-light)
}

section.riservata .articoli.secondari .item.fidelity .testo h2 {
    font-size: 22px;
    color: var(--cc-tertiary);
    width: 100%;
    clear: both;
    margin: 0px;
    padding: 10px 0px;
    /* border-bottom: 1px dotted var(--cc-light); */
    position: relative;
}

section.riservata .articoli.secondari .item.fidelity .testo {
    padding: 20px
}

section.riservata .articoli.secondari .item.fidelity .linguetta {
    right: 0px;
    left: inherit;
    background: var(--cc-tertiary);
    top: 0px
}

.boxpay {
    width: 31%;
    padding: 20px;
    margin: 1%;
    position: relative;
    float: left;
    border: 1px solid var(--cc-primary);
}

    .boxpay h3 {
        border: none;
        padding: 0px;
        margin: 0px 0px 20px 0px;
        font-weight: var(--cc-weight-bold);
        font-size: 25px;
        color: #38312e;
    }

.nr_ordine {
    background: var(--cc-tertiary);
    width: auto;
    display: inline-block;
    padding: 20px 30px;
    color: white;
    border-radius: 2px;
    font-size: 17px;
}

.catalogo .articoli.principali {
    width: 102%;
    display: inline-block;
    margin-left: -7px;
}

.titolo.riservata {
    margin-bottom: 10px;
    margin-top: 10px;
}

.titolobox {
    background: var(--cc-primary);
    color: white;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-family: var(--cc-font-body);
    font-weight: var(--cc-weight-bold);
    clear: both;
    display: inline-block;
    width: 100%;
}

.opzioni input[type="submit"].btn, .opzioni input[type="button"].btn {
    background-color: var(--cc-primary);
    margin: 0px 0px 0px 0px;
    display: inline-block;
    transition: background 0.2s;
    cursor: pointer;
    text-align: center;
    padding: 7px 10px 6px 30px;
    position: relative;
    font-size: 15px;
    font-weight: var(--cc-weight-regular);
    white-space: normal;
    width: initial;
    overflow: hidden;
    height: 35px;
    color: white;
    vertical-align: top;
    font-family: var(--cc-font-body);
    text-decoration: none !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: auto 22px;
}

    .opzioni input[type="submit"].btn:hover, .opzioni input[type="button"].btn:hover {
        background-color: var(--cc-primary-dark);
    }

.opzioni input[type="button"].btn_selected {
    background-color: var(--cc-primary-dark);
}

.opzioni input[type="submit"].btn.singolo, .opzioni input[type="button"].btn.singolo {
    background-image: url(../img/1collo.png);
    background-size: auto;
    background-position: center;
    padding: 0px;
    text-indent: -9999999px;
    height: 35px;
    width: 48px;
}

    .opzioni input[type="button"].btn.singolo.not-allowed {
        background-color: #ccc;
        cursor: not-allowed;
    }

.opzioni .btn.collo {
    background-image: url(../img/2collo.png);
}

.opzioni .btn.strato {
    background-image: url(../img/3strato.png);
}

.opzioni .btn.pallet {
    background-image: url(../img/4bancale.png);
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 5px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: white;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 6px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 6px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 26px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 45px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}

.ricerca_intelligente {
    width: 100%;
    position: absolute;
    margin-top: 80px;
    z-index: 99;
}

    .ricerca_intelligente h4, .ricerca_intelligente th {
        background: var(--cc-light);
        padding: 10px;
        font-weight: var(--cc-weight-bold);
        text-align: left;
        text-transform: uppercase;
        border: 1px solid var(--cc-primary);
    }

    .ricerca_intelligente table {
        width: 100%;
        border-bottom: 1px solid var(--cc-primary);
    }

        .ricerca_intelligente table tr td:hover {
            background: var(--cc-light);
        }

    .ricerca_intelligente tr {
        border-bottom: 1px solid var(--cc-primary);
    }

        .ricerca_intelligente tr:last-child {
            border-bottom: none;
        }

    .ricerca_intelligente td {
        border-left: 1px solid var(--cc-primary);
        border-right: 1px solid var(--cc-primary);
        font-weight: var(--cc-weight-bold);
        text-align: left;
    }

        .ricerca_intelligente td a {
            padding: 10px;
            display: inline-block;
            color: var(--cc-primary);
            width: 100%;
            text-decoration: none;
            font-size: 13px;
        }

.connetti {
    color: white !important;
    text-decoration: none;
    margin-right: 25px;
    padding: 3px 30px 3px 40px !important;
    font-size: 14px !important;
    background-image: url(../img/icone/connect.png);
    background-repeat: no-repeat;
    background-position: 15px center !important;
    background-size: auto 60%;
    background-color: var(--cc-tertiary);
    -moz-border-radius: 2px;
    border-radius: 2px;
    /* display: none; */
}

a.btn.connetti:hover {
    background-image: url(../img/icone/connect_on.png);
    background-repeat: no-repeat;
    background-position: 15px center !important;
    background-size: auto 60%;
}

.fake_label {
    height: 28px;
}
/* fondamentali per il funzionamento del pannello a template e front end */
.Tmpl_hidden {
    display: none !important;
}

.Tmpl_visible {
    display: inline !important;
}
/* fondamentali per il funzionamento del pannello a template e front end */
.contatori .box svg {
    margin-bottom: 10px;
    display: block;
}

.contatori .box {
    border-left: 1px solid white;
    position: relative;
    float: left;
    padding: 30px;
    text-align: center;
    font-weight: var(--cc-weight-regular);
    width: 33%;
    /* margin: 1%; */
    text-align: left;
    padding: 20px;
    cursor: pointer;
}

    .contatori .box:first-child {
        border-left: none;
    }

.box svg {
    margin-bottom: 0px;
    font-size: 40px;
    color: var(--cc-tertiary);
}

.contatori .box div {
    font-size: 18px;
    display: inline-block;
}

.contatori .box .numero {
    position: absolute;
    float: right;
    font-size: 34px;
    color: var(--cc-secondary);
    font-weight: var(--cc-weight-bold);
    right: 20px;
    top: 20px;
}

.counter strong {
    color: #2b2a28;
    font-size: 14px;
    font-weight: var(--cc-weight-bold);
    margin: 0px;
    padding: 0px;
}

.counter {
    background: var(--cc-light);
}

    .counter small {
        color: var(--cc-secondary);
        font-size: 26px;
        font-weight: var(--cc-weight-bold);
        margin: 0px;
        padding: 0px;
    }

.extrainfo {
    position: relative;
    float: left;
    margin-bottom: 20px;
    width: 43%;
}
    .extrainfo .inconsegna {
        display:none
    }
.inconsegna {
    margin-bottom: 20px;
    border: 1px solid var(--cc-tertiary);
    padding: 14px;
    text-align: center;
    border-radius: 2px;
    background: white;
    color: var(--cc-tertiary);
    font-weight: var(--cc-weight-bold);
}

    .inconsegna strong {
        color: var(--cc-tertiary);
    }

.barraprogressiva p svg {
    color: var(--cc-tertiary);
    margin-right: 5px;
}

.barraprogressiva p {
    color: var(--cc-dark);
    font-size: 17px;
    /* font-weight: var(--cc-weight-bold); */
    margin-bottom: 10px;
    text-shadow: 1px 0px 0px white;
}

.barraprogressiva table {
    color: var(--cc-tertiary);
    width: 100%;
    border-radius: 2px;
    color: white;
}

    .barraprogressiva table .percentuale {
        background: var(--cc-primary);
        height: 28px;
        width: 1%;
        text-align: right;
        font-weight: var(--cc-weight-bold);
        padding: 4px 10px;
        font-weight: var(--cc-weight-bold);
        border: 1px solid white;
        color: white;
    }

input[type="button"].btn.btnResetFiltri {
    float: left;
    background: var(--cc-tertiary);
}

input[type="button"].btn.btnCerca {
    float: right;
}

input[type="button"].btn.btnResetFiltri, input[type="button"].btn.btnCerca {
    font-size: 15px;
    padding: 10px 16px;
    margin: 10px 0px;
    border-radius: 2px;
}

.shadow {
    display: inline-block;
    /* box-shadow: 0px -10px 10px -6px #41331b;  blur 10px  -> 9px  spread -6 -> -5 
               border-top: 0.22em solid #cbbba0;*/
    width: 100%;
    height: 20px;
    opacity: 0.5;
}

.espandi2 {
    cursor: pointer;
    color: #41331b;
    text-align: center;
    font-weight: var(--cc-weight-bold);
    width: 100%;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 10px;
}

    .espandi2::before {
        content: 'Vedi tutti';
    }

    .espandi2.active_btn::before {
        content: 'Nascondi';
    }

.tipologia_prezzo {
    border-radius: 3px;
    width: auto;
    display: inline-block;
    clear: both;
    position: relative;
    padding: 0px 4px;
    text-transform: capitalize;
    font-size: 11px;
    margin-top: 3px;
    font-family: sans-serif;
    text-transform: uppercase;
    background: red;
    color: white;
}

.dettaglio section ul li::before, section article ul li::before {
    content: "\f054";
    color: var(--cc-tertiary);
    font-weight: bold;
    font-family: Font Awesome\ 5 Free;
    margin-right: 5px;
}

.articolo_non_acquistabile {
    background-color: var(--cc-tertiary);
    margin: 0px 0 0;
    display: inline-block;
    padding: 10px 15px;
    position: relative;
    font-size: 12px;
    font-weight: var(--cc-weight-regular);
    white-space: normal;
    width: initial;
    overflow: hidden;
    height: auto;
    color: white;
    vertical-align: top;
    font-family: var(--cc-font-body);
    text-decoration: none !important;
    border-left: 1px solid var(--cc-tertiary);
}

.veditutti {
    text-align: center;
    padding: 10px;
    width: 100%;
    display: inline-block;
    /* background: white; */
    font-size: 15px;
    text-decoration: underline;
    margin: 30px 0px 0px 0px;
    font-weight: var(--cc-weight-bold);
    border-radius: 3px
}

.inconsegna {
}

    .inconsegna.alertprezzi {
    }

.tabelle_carrello table.tableresponsive tr.prezzovariato, table.tableresponsive tr.prezzovariato {
    background-color: var(--cc-highlighter);
}

.tabelle_carrello table.tableresponsive tr.prezzoaggiornato, table.tableresponsive tr.prezzoaggiornato {
    background-color: var(--cc-highlighter);
}

.tabelle_carrello table.tableresponsive tr.articolobloccato, table.tableresponsive tr.articolobloccato {
    background-color: var(--cc-highlighter);
}


.tabelle_carrello table.tableresponsive tr.prezzovariato td {
    font-weight: bold;
    background: #cfefff; /*blu chiaro*/
    color: var(--cc-dark) !important;
    /*color: var(--cc-electric-blue) !important;*/
}


.tabelle_carrello table.tableresponsive tr.prezzoaggiornato td {
    /*  color: var(--cc-ok) !important;*/
    font-weight: bold;
    background: #bddcbd; /*verde chiaro*/
    color: var(--cc-dark) !important;
}

.tabelle_carrello table.tableresponsive tr.articolobloccato td {
    /*color: var(--cc-quaternary) !important;*/
    font-weight: bold;
    color: var(--cc-dark) !important;
    background: #ffcfcf; /*rosso chiaro*/
}


.load {
    position: fixed;
    top: 47%;
    left: 56%;
    z-index: 99;
    width: 133px;
}

.overlayCarrello {
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
}

a.btn.stampa {
    float: right;
    position: absolute;
    right: 0px;
    top: 11px;
}

.content.catalogo section header a.btn.stampa {
    float: right;
    position: absolute;
    right: 0px;
    top: 6px;
    padding: 7px 10px;
    font-size: 17px;
    border-radius: 2px;
}

.barraprogressiva {
    background: var(--cc-light);
    padding: 10px;
    display: inline-block;
    width: 100%;
}


.homepage {
    position: relative;
    display: inline-block;
}

    .homepage svg {
        font-size: 40px;
        padding: 8px;
        color: var(--cc-secondary);
    }


        .homepage svg:hover {
            color: var(--cc-primary);
        }


/**************************  POPUP **************************/

.box_popup_custom_body {
    position: absolute;
    top: 0%;
    left: 0px;
    z-index: 999999;
    right: 0px;
    max-width: 100%;
    margin: 0px auto;
    padding: 120px 0px;
    height: 100%;
}

    .box_popup_custom_body a.close {
        position: absolute;
        z-index: 99999;
        text-decoration: none;
        font-size: 75px;
        color: #fff;
        top: 10px;
        right: 20px;
        font-weight: 700;
    }

    .box_popup_custom_body img {
        max-height: 100%;
        position: relative;
        background: white;
        border: 10px solid white;
    }



#coprente {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
}

@charset "utf-8";

@media (max-width:1370px) {
    ul.linguette li {
        right: -116px;
    }

    .item .titolo .disclaimer {
        font-size: 13px;
        line-height: 17px;
        min-height: 20px;
        height: 34px;
        overflow: hidden;
    }
}

@media (max-width:1280px) {
    .help {
        top: 17px;
    }

    section.unico.riservata {
        padding-right: 70px;
    }

    footer .dx .box:nth-child(1) {
    }

    div.content.catalogo {
        padding-right: 60px;
    }

    .container {
        width: 100%;
        padding: 0px 20px;
    }

    .img_place img:nth-child(3) {
        margin: 0px 6px;
    }

    .unico.services ul li {
        margin: 10px 22px;
    }

    .gallery a {
    }
}

@media (max-width:1034px) {

    .item_catalogo.dettaglio .descrizione_prodotto div:nth-child(2).opzioni,
    .item_catalogo.dettaglio .descrizione_prodotto .li_unita_misure div:nth-child(1) {
        width: auto;
        width: auto;
    }

    .item_catalogo .contenuto .nome_prod {
        width: 61%;
    }

    .item_catalogo .contenuto .opzioni {
        width: 37%;
    }

    section.unico.riservata {
        padding-right: 0px;
    }

    .selettori .btn.stampa {
        float: left;
        clear: both;
        margin-top: 20px;
    }

    #box_popup_che_deve_comparire {
        padding: 12% 0px;
    }

    .catalogo section .selettori .me-select {
        width: auto;
        display: inline-block;
        padding: 10px 0px;
        margin: 20px;
    }

    .item_catalogo .contenuto .prezzo {
        width: 22%;
    }

    .content.servizio section {
        padding: 0px 0px 0px 2%;
    }

    .box_newsletter {
        width: 72%;
    }

    footer hr {
        display: none;
    }

    footer hr, footer .sx h3, footer .newsletter h3 {
        margin: 20px 0px 15px 0px;
        padding: 0px
    }

    .menu_footer .dx .box.newsletter {
        display: inherit
    }

    footer .dx .box:nth-child(1) {
    }

    .menu_footer .dx.sub {
        width: 50%;
    }

    .menu_footer .sx.sub {
        display: none
    }

    .riepilogo_carrello ul li div {
        width: 150px;
    }

    .img_place img:nth-child(3) {
        margin: 0px 4px;
    }

    aside .titolo.disponibilita {
        font-size: 23px;
    }

        aside .titolo.disponibilita small {
            top: 5px;
        }

    .dettaglio aside .prezzo span {
        position: relative;
        top: 9px;
    }

    .dettaglio aside .preferiti input[type="checkbox"]:checked + label, .dettaglio aside .preferiti input[type="checkbox"] + label {
        left: 29px;
    }

    aside .titolo.opzione {
        font-size: 21px;
    }

        aside .titolo.opzione .btn, aside .titolo.opzione input[type="button"].btn, aside .titolo.opzione input[type="submit"].btn {
            top: -4px;
        }

    .dettaglio aside ul.info li, .dettaglio aside ul.info li:last-child {
        padding: 0px 10px;
    }

    .riepilogo .item .contenuto {
        width: 100%;
        padding-left: 0px;
    }

    .riepilogo .item .img_item {
        width: 100%;
        margin-bottom: 10px
    }

    .menu_footer .sx, .menu_footer .dx, .menu_footer .sx .box {
    }

    .menu_footer {
        padding: 20px 0px;
    }

        .menu_footer .dx {
            padding: 0px;
        }

        .menu_footer .sx .box ul {
            width: auto;
            margin: 0px 0px 20px 0px;
            float: left;
        }

    .box.newsletter .checkbox_text {
        width: 90%;
    }

    footer p {
    }

    .unico.services ul li img {
        width: 64px;
    }

    .unico.services ul li {
        margin: 10px 17px;
    }

    .slideshow .selettori .box .ricerca {
        margin: 0px 0px 22px 0px;
    }

    .selettori .box h3 {
        font-size: 19px;
        padding-left: 32px;
    }

    .selettori .label_module, .selettori .select_module {
        font-size: 15px;
        padding: 15px 11px;
    }

    .selettori .box .ricerca a {
        font-size: 13px;
    }

    .selettori .box h3 img {
        width: 23px;
    }

    .boxes h3 a, .boxes h3 a:hover {
        font-size: 19px;
    }

    .gallery img {
        height: 139px;
    }

    section .loghi .box {
        width: 31%;
    }

    .img_articolo {
        min-height: 300px;
    }

        .img_articolo header {
            margin: 52px 0px 0px 0px;
        }

    section.carousel h2, h2.titolo {
        /* padding: 40px 0px 30px 0px; */
        font-size: 50px;
    }

    .map iframe, .img_articolo iframe {
        height: 400px;
    }

    .presentazione .box:nth-child(2) p {
        font-size: 17px;
    }

    .menusup ul li:nth-child(2) {
        margin: 0px 10px;
    }

    .testata .container:after {
        right: 63%;
    }

    article section ul.gallery li {
        width: 18%;
    }

    .banner.motorrad .img {
        width: 30%;
    }

    .banner.motorrad .testo {
        width: 70%;
    }

    .btn.shop {
        /*    width: 100%;
    margin-bottom: 10px;
    font-size: 17px;*/
    }

        .btn.shop.big {
            width: 100%;
            margin: 0px 0px 10px 0px
        }

    .video iframe {
        height: 520px;
    }

    .pulsante.scrivici {
        right: 20px;
    }

    .pulsante {
        bottom: 2%;
    }

        .pulsante.chiamaci {
            right: 160px;
        }

    section.virtualtour.unico h2 {
        font-size: 80px;
    }

    section.motorrad.unico h2 {
        font-size: 56px;
    }

    .tabelle_carrello .no_loggato p {
        width: 66%;
    }

    .newsletter h2 {
        font-size: 57px;
    }

    .item .copertina img {
    }

    .content .box .spedizione ul li {
        padding: 0px 10px 10px 10px;
    }

    .newsletter .cerca {
        width: 61%;
    }

    .newsletter input[type="text"] {
        width: 75%;
    }

    .loghi li {
        margin: 0px 10px;
    }

    .banner h2 {
        font-size: 23px;
        line-height: 33px;
    }

    .banner .testo p {
        font-size: 17px;
        line-height: 23px;
    }

    .servizi div svg {
        margin: 50px 20px;
    }

    .banner.home .colour {
        margin: 20px 0px;
        width: 40%;
    }

    .banner.home .testo {
        padding: 0px 20px;
    }

    .box_img div {
    }

    .about .container div {
        width: 55%;
    }

    .menusup .sx {
        max-width: 370px;
    }

    .presentazione .label_check {
        padding: 10px 0px;
    }

    li.mail {
        display: none
    }

    .menusup .dx {
        padding-right: 15px
    }

    .content .tabelle_carrello .box {
        min-height: auto;
    }

    footer {
        position: relative;
        display: inline-block;
        clear: both;
        height: auto;
        padding-bottom: 0px;
    }

    div.content {
        padding-bottom: 0px;
    }

    .header .banner {
        width: 34%;
        margin-top: 32px;
    }

    .lstpwd {
        float: left;
        width: 100%;
        text-align: center;
        padding: 20px 0px 0px 0px;
    }

    .presentazione ul.loghi img {
        max-height: 57px;
    }

    footer .box.card {
    }

    .prodotto2 section, .prodotto2 aside {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 20px
    }

    .tabelle_carrello fieldset a #help {
        margin-top: -50px;
    }

    .sezioni_home .box h3 {
        padding: 14px 0px 20px 0px;
    }

    .menu_footer .newsletter input[type="submit"].btn {
        width: 35%;
    }

    .menu_footer .newsletter input[type="email"] {
        width: 64%;
    }

    .box.specializzazioni {
        padding: 0% 20px;
    }

        .box.specializzazioni h3 {
            font-size: 20px;
        }

    .staff li {
        margin: 20px 3px;
    }

    .cataloghi .box {
        width: 31%;
    }

    .impianto .allegato img {
        margin-top: 0px;
    }

    #print.articolo .impianto .allegato p {
        font-size: 14px;
        line-height: 17px;
    }

    .cerca {
        /*width: 215px;*/
    }

    .testata .cerca {
        width: 39%;
    }

    .header .cerca input[type="text"] {
        width: 80%;
    }

    .banner h3 big {
        font-size: 19px;
    }

    .banner h3 {
        font-size: 21px;
    }

    .descrizione {
        width: 100%;
        position: relative;
        float: right;
    }

    .dx .img_item div img {
        max-width: 180px;
        max-height: 180px;
    }

    .dx .img_item {
        width: 180px;
        height: 180px;
        display: table;
    }

    .articolo.principale ul {
        padding: 4% 0%;
    }

    .content .tabelle_carrello .box .campo_form {
        width: 100%;
    }

    .menu_footer .box.social .clear {
        height: 150px;
    }

    .scarica {
        padding-top: 0px
    }

    .prezzo_totale {
        font-size: 40px;
    }

    .scopricome .btn {
        padding: 16px 20px;
    }

    .selettori .confezione {
        margin-top: 10px;
        padding-right: 5px;
        width: 100%;
        padding-left: 33%;
    }

    .descrizione .scopricome p {
        max-width: 300px;
    }

    .selettori .sconto {
        padding-top: 5px;
    }

    .box .titolo {
        font-size: 30px;
    }

    .payoff h2 {
        font-size: 40px;
    }

    .payoff h3 {
        font-size: 35px;
    }

    .selettori .quantita {
        width: 110px;
    }

    .ric_avanzata h1 {
        margin-right: 5px;
    }

    .container, .content.home .container {
        width: 100%;
        padding: 0px 20px;
    }

    .menusup .sx {
        padding-left: 0px
    }

    .container.testata .dx div.social {
        display: none
    }

    .boxes h3 {
        margin-bottom: 3px;
    }

    .box_img {
        height: 210px;
    }
    /*h3 {
	font-size: 30px;
}*/
    .menu_footer .box.social {
        zoom: 0.8;
        float: right;
        padding-top: 30px;
    }

    .scrollup {
        display: none !important
    }

    .menu_footer .dati {
        width: 100%;
        padding: 10px;
        margin: 20px 0px 0px 0px;
        padding-top: 30px;
        border-top: 1px solid #cdced3;
        border-left: none;
    }

    .menu_footer .box.dati ul li {
        position: relative;
        float: left;
        width: 23%;
        margin-right: 2%;
    }

    .banner_inf .newsletter, .banner_inf .pagamenti {
        min-height: 340px;
    }
}

@media (max-width:875px) {
    .extrainfo {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 20px;
    }

    .load {
        left: 38%;
    }

    .riservata.promozioni .articoli.principali .item {
        width: 100%;
    }

    .section_preferiti .btn {
        padding: 11px 12px;
        font-size: 16px;
    }


    section.riservata.section_preferiti .dx,
    section.riservata.section_preferiti .sx {
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 0px;
    }

    .menu_footer .sx, .menu_footer .dx {
        margin: 0px;
        width: 100%;
        border: none;
    }

        .menu_footer .dx .box.newsletter {
            display: inherit;
        }

    footer .dx .box {
        display: none
    }

    footer .dx .box {
        display: none
    }

    aside .logo {
        display: none;
    }


    .testata .cerca {
        width: 27%;
    }

    div.content.catalogo {
        padding-right: 0px;
    }

    .header .cerca input[type="text"] {
        width: 70%;
    }

    .catalogo aside, .catalogo section {
        width: 100%;
    }

    .content.servizio section {
        padding: 0px;
        border: none;
    }

    section.carousel h2, h2.titolo {
        font-size: 30px;
    }

    .primopiano .item {
        width: 50%;
    }

    .cerca_home .label {
        width: 100%;
        padding: 10px 0px;
    }

    #box_popup_che_deve_comparire {
        padding: 16% 30px;
    }

    footer .dx .box:nth-child(1) {
        margin: 0px 0px 0px 0px;
    }

    .box_newsletter {
        width: 68%;
    }

    .dettaglio header .luogo {
        width: 100%;
    }

    .menu_footer .newsletter input[type="button"].btn {
        width: 30%;
    }

    footer .sx.sub h3 {
        display: none
    }

    .icone {
        width: 100%;
        text-align: center;
        margin-top: 32px;
    }

    header .icone {
        width: auto;
        margin: 10px 0px 0px 0px;
        float: left;
    }

    header .recensioni img {
        margin-right: 0px;
        top: 0px;
    }

    .dettaglio header {
        margin: 30px 0px 0px 0px;
    }

        .dettaglio header .recensioni {
            width: auto;
            float: left;
        }

    .qrcode {
        font-size: 200px;
    }

    .totale_conto {
        background: var(--cc-light);
        text-align: center;
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .item .azioni a.btn {
        font-size: 21px;
        margin: 0px 0px 10px 0px;
        padding: 10px 20px;
        text-align: center;
        width: 100%;
    }

    section.riservata .dx, section.riservata .sx {
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 0px;
    }

    .riservata .sx .ui-datepicker td a {
        padding: 10px;
    }

    .pathway.riservata {
        width: 100%;
        padding: 20px 0px;
    }

    .riservata .item .testo_prodotto .luogo, .riservata .tab-panel .item .testo_prodotto .luogo {
        padding: 0px 0px 20px 0px;
        margin: 0px;
        top: 0px;
        text-align: center;
        width: 100%;
    }

    .riservata .tab-panel .item .testo_prodotto .titolo {
        width: 100%;
        margin: 20px 0px;
    }

    .riservata .tab-panel .item .testo_prodotto, .riservata .item .testo_prodotto {
        width: 100%;
        padding: 0px;
    }

    section.unico.riservata {
        padding: 20px;
    }

        section.unico.riservata h1 {
        }

    section.riservata h2 {
        font-size: 18px;
    }

    .tabelle_carrello section {
        padding-bottom: 114px;
    }

    .tabelle_carrello aside h2 {
        font-size: 21px;
        padding: 10px;
    }

    .riepilogo_carrello {
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

        .riepilogo_carrello ul li div {
            width: 100%;
            font-size: 12px;
        }

        .riepilogo_carrello ul li {
            width: 32%;
            border-top: 1px dotted var(--cc-light);
            color: var(--cc-tertiary);
            background: none;
            margin: 0px;
            padding: 8px 0px;
            height: auto;
            min-height: 20px;
            font-size: 13px;
            text-align: left;
            display: inline-block;
        }

            .riepilogo_carrello ul li:last-child {
                width: 50%;
                float: left;
            }

    .proposta .people {
        top: 0px;
    }

    section.contatti {
        margin: 0px
    }

        section.contatti .sx {
            width: 100%;
            margin-right: 0px;
            padding: 0px;
            margin-bottom: 40px;
        }

    section .grigio {
        padding: 20px 0px 30px 0px;
    }

    section.contatti .dx {
        width: 100%;
        padding: 0px;
    }

    ul.info-list li {
        padding: 20px 25px 20px 10px;
    }

    section.contatti .sx {
        width: 100%;
        margin-right: 0px;
    }

    section .grigio .btn.big {
        width: 100%;
        margin-top: 20px;
    }

    section .grigio .field_module {
        width: 100%;
        margin-right: 0%;
    }

    section.contatti .grigio .box {
        margin: 0px 0px 20px 0px;
        width: 100%;
    }

    section .loghi .box {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .content.blog .tabelle_carrello aside {
        display: inherit;
        position: fixed;
        bottom: 0px;
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
        z-index: 99;
        margin: 0px;
    }

        .content.blog .tabelle_carrello aside .btn_semplici {
            display: none
        }

    .content.blog aside {
        display: none;
    }

    .condizioni {
        display: none
    }

    .content.blog section {
        margin-bottom: 0px
    }

    .blog section .condividi_articolo {
        padding: 0px 20px 20px 20px;
        width: 100%;
        text-align: center;
    }

    .gallery a {
    }

    .content.blog .container {
        padding: 0px;
    }

    .gallery img {
        height: 130px;
    }

    aside .people {
        top: -1px;
    }

    aside .check .people {
        top: 7px;
    }

    fieldset .field_module {
        width: 100%;
        height: 49px;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .campo_form {
        width: 100%;
        padding-bottom: 20px;
        padding-right: 0px;
    }

    .box.sx, .box.dx {
        width: 90%;
        margin: 5% 5% 0% 5%;
        padding: 20px;
    }

        .box.sx .btn, .box.dx .btn {
            float: left;
            font-size: 25px;
            padding: 16px 30px;
        }

    .logo {
        margin: 13px 0px;
    }

    .modal-dialog.big #FormRegistrazione {
        padding: 20px 0px;
    }

    .box.sx input[type="button"].google_btn, input[type="button"].google_btn, .box.sx input[type="button"].facebook_btn, input[type="button"].facebook_btn {
        width: 100%;
        margin: 20px 0px 0px 0px;
        background-position: 39px 13px;
        font-size: 19px;
        padding: 10px 10px 10px 41px;
    }

    .login_box, .registrazione_box {
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 20px;
    }

    .buttons .btn.acquista {
        border: 3px solid var(--cc-secondary);
    }

    .buttons .btn {
        font-size: 30px;
        padding: 10px;
        text-align: center;
        margin: 1%;
        width: 48%;
        font-weight: var(--cc-weight-bold);
        position: relative;
        float: left;
    }

        .buttons .btn svg {
            display: none
        }

    .buttons {
        padding: 20px;
        position: fixed;
        z-index: 10;
        background: rgba(255, 255, 255, 0.68);
        bottom: 0px;
        width: 100%;
        left: 0px;
    }

    aside .titolo.disponibilita small {
        font-size: 23px;
        top: 6px;
    }

    aside .titolo.disponibilita {
        font-size: 30px;
        /* font-weight: var(--cc-weight-regular); */
        /* color: black; */
    }

    .people {
        top: 8px;
    }

    aside .titolo.opzione .btn, aside .titolo.opzione input[type="button"].btn, aside .titolo.opzione input[type="submit"].btn {
        top: -3px;
        font-size: 14px;
    }

    aside .check ul li .old {
        top: 9px;
    }

    .img_place {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .dettaglio section .disclaimer {
        margin: 0px 0px;
        font-size: 30px;
        text-align: left;
        line-height: 36px;
    }

    .selettori_aside .panel_categorie {
        display: none;
    }

    .ordinatori .select_module {
        padding: 6px;
        width: 49%;
        font-size: 13px;
    }

    .selettori_aside p.slide {
        display: inherit
    }

    .selettori_aside .btn {
        display: inherit;
    }

    header .btn, aside.riepilogo h2.titolo, aside.riepilogo .owl-carousel {
        display: none !important
    }

        header .btn.stampa {
            display: inherit !important
        }

    ul.info li, ul.info li:nth-child(2) {
        margin: 5px;
    }

    .contenuto ul.info li {
        margin: 0px;
    }

        .contenuto ul.info li:nth-child(2) {
            margin: 0px 5px;
        }

    aside ul.info li {
        margin: 2px;
    }

    section.riepilogo h1 {
        margin-bottom: 5px;
        color: var(--cc-secondary);
        padding: 0px;
        font-size: 25px;
        /* text-transform: uppercase; */
        font-weight: var(--cc-weight-regular);
    }

    section.riepilogo header img {
        margin-right: 15px;
        top: -5px;
        position: relative;
        float: left;
        width: 40px;
    }

    .riepilogo .item .contenuto .clear {
        display: none
    }

    aside.riepilogo {
        margin: 20px 0px 20px 0px
    }

    aside, section, section.riepilogo, .dettaglio section, .dettaglio aside {
        width: 100%;
        padding: 0px;
        margin: 0px 0px 20px 0px
    }

        aside .banner {
            display: none
        }

    .disclaimer {
        text-align: center;
    }

    .selettori .box h3 {
        font-size: 30px;
        position: relative;
        padding-left: 41px;
    }

        .selettori .box h3 img {
            width: 29px;
            top: 4px;
        }

    .slideshow {
        /*  min-height: 770px;*/
    }

        .slideshow .selettori .box .ricerca {
            margin: 10px 0px;
        }

            .slideshow .selettori .box .ricerca a {
                text-align: center;
                font-size: 18px;
                background: rgba(0, 0, 0, 0.61);
                padding: 15px;
                text-decoration: none;
                font-weight: var(--cc-weight-regular);
            }

    .selettori .box {
        display: none;
    }

        .selettori .box:first-child, .selettori .box:last-child {
            display: inherit;
            width: 100%;
            position: relative;
            float: left;
            padding: 0px 20px;
        }

    .homepage .logo {
        width: 115px;
        height: 71px;
        margin-bottom: 0px;
    }

    .proposta .item {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    section .proposta .veditutto {
        position: relative;
        right: 0px;
        top: 0px;
        padding: 0px 0px 20px 0px;
    }

    section .proposta h2 {
        padding: 10px 0px;
        font-size: 30px;
    }

    .menu_footer .sx .box {
    }
}

@media (max-width:500px) {
    .item_catalogo .scadenza {
        width: 100%;
        text-align: center;
    }
    div.content {
        padding-top: 52px;
    }
    section .selettori .tornaindietro {
        float: left;
        padding-top: 0px;
    }

    .catalogo section .selettori {
        margin: 10px 0px 0px 0px;
    }

    section .selettori .select_module {
        width: 47%;
        /* border: 1px solid var(--cc-light); */
        height: auto;
        /* padding: 6px 5px; */
    }

    a.btn.stampa {
        float: left;
        position: relative;
        right: 0px;
        /* margin: 10px 0px 0px 0px; */
        top: 0px;
    }
   header  a.btn.stampa {
 margin: 0px 0px 0px 0px; 
    }
    .content.catalogo section header a.btn.stampa {
        margin: 0px 0px 0px 0px;
        position: relative;
        float: left;
    }
    .content.catalogo section .item_catalogo.dettaglio .btn.stampa {
        top: -2px;
        float: right;
    }
    section header .tornaindietro {
        top: 13px;
        position: relative;
    }
    .item_catalogo.dettaglio .btn.stampa {

        top: -4px;
    }
    .load {
        top: 47%;
        left: 28%;
    }

    .item_catalogo .img img:hover {
        border: none;
    }

    section .grid_carousels .box {
        padding: 0px;
    }

    .extrainfo {
        width: 100%;
    }

    section ol li::before {
        left: 25px;
    }

    section.unico.riservata article header h4 {
        font-size: 17px;
    }

    .contatori .box {
        margin: 0%;
        text-align: left;
        padding: 20px;
        cursor: pointer;
        width: 100%;
        border: none;
        border-bottom: 1px solid white;
    }

    .counter small {
        font-size: 34px;
    }

    .payoff {
        padding: 0px 10px;
    }

        .payoff h2 {
            font-size: 27px;
        }

        .payoff h1 {
            font-size: 20px;
        }

    section .banner img {
        width: 100%;
        margin-right: 0px;
    }

    section .banner h3,
    section .banner h4 {
        text-align: center;
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    section .banner h3 {
        font-size: 28px;
    }

    .item_catalogo .img img {
        max-width: 100%;
        max-height: inherit;
    }

    .item_catalogo .img {
        width: 100%;
        height: auto;
    }

    .item_catalogo .img {
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 20px;
    }

    .item_catalogo .contenuto .codice {
        text-align: left;
        max-width: 100%;
    }

    .item_catalogo .contenuto, .item_catalogo .contenuto .codice, section .box,
    .item_catalogo .btn.slide {
        width: 100%;
    }

        .item_catalogo .contenuto .dettagli {
            display: inline-block;
            width: 96%;
            float: right;
            padding-right: 10px;
            padding-top: 5px;
            text-align: center;
        }

        .item_catalogo .contenuto .prezzo {
            width: 100%;
            padding: 0px 10px;
            max-width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }

        .item_catalogo .contenuto .opzioni {
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px dotted var(--cc-primary);
        }

    .item_catalogo .disponibilita {
        display: inline-block;
        width: 50%;
        float: left;
        padding: 8px 20px;
        clear: both;
    }

    .item_catalogo .contenuto .componenti {
        width: 100%;
        text-align: left;
        padding: 0px;
        float: left;
        margin-top: 10px;
    }

    .item_catalogo .contenuto .nome_prod h4 {
        font-size: 16px;
        margin: 2px 0px;
        text-align: left;
        width: 100%;
        padding-right: 23px;
        /* text-align: center; */
    }

    .item_catalogo .contenuto .btn_wishlist {
        margin: 0px;
        top: 0px;
        right: 9px;
    }

    .item_catalogo .contenuto .nome_prod {
        width: 100%;
        text-align: left;
        padding: 0px 20px;
        border-bottom: 1px dotted var(--cc-primary);
        padding-bottom: 10px;
        margin-bottom: 5px;
    }

    .item_catalogo .contenuto .brand {
        width: 100%;
        text-align: center;
    }

    .content.catalogo section {
        padding: 0px 20px;
        border-left: none;
        border-right: none;
        margin-top: 20px;
    }

    .selettori .label_module, .selettori .select_module {
        font-size: 14px;
        margin: 5px 0px;
        padding: 10px 8px;
    }

    .content aside {
        margin-bottom: 0px;
    }

    section.carousel h2, h2.titolo {
        font-size: 22px;
    }

    .content aside {
        padding: 0px 20px;
    }

    .primopiano .item {
        width: 100%;
        padding: 10px 20px 0px 20px;
    }

    .articoli.principali .item {
        margin-bottom: 20px;
    }

        .articoli.principali .item:nth-child(2) {
            padding-right: 0px;
        }

    .articoli.principali .item {
        width: 100%;
    }

    .content.servizio .banner.top {
        margin: 0px 0px 20px 0px;
    }

    div.content.servizio {
        margin-top: 30px;
    }

    .banner, .primopiano h2 {
        padding: 0px 20px !important;
    }

    .cerca_home {
        padding: 20px;
    }

    .content section {
        padding: 20px;
        border: none;
    }

    .cerca_home .label {
        width: 100%;
        padding: 10px 0px 0px 0px;
        font-size: 15px;
    }

    .cerca_home a {
        padding: 0px;
    }

    .content.servizio section, .content.servizio aside {
        padding: 0px 20px;
    }

    section.unico h1 {
        font-size: 30px;
        padding: 10px 0px;
    }

    .content section {
        margin-bottom: 0px;
    }

        section.unico, .content section.unico {
            padding: 20px;
        }

    .js-open-left-menu {
        text-transform: uppercase;
        color: white;
        font-size: 18px;
        font-weight: var(--cc-weight-bold);
        padding: 13px 16px;
    }
    .homepage svg {
        font-size: 46px;
        padding: 7px;
    }
    .dl-menuwrapper button img, .btn.js-open-left-menu img {
        height: 32px;
        margin-right: 0px;
        top: 0px;
    }

    #box_popup_che_deve_comparire {
        padding: 23% 30px;
    }

        #box_popup_che_deve_comparire a.close {
            font-size: 50px;
        }

    .menu_footer .sx .box ul {
        margin: 0px;
    }

    footer .newsletter h3 {
        padding: 0px;
    }

    .box.newsletter .checkbox_text {
        width: 88%;
        font-size: 12px;
    }

    .box.newsletter .label_check {
        margin-top: 10px;
    }

    .menu_footer .newsletter input[type="button"].btn {
        width: 100%;
    }

    .box_newsletter {
        width: 100%;
    }

    .menu_footer .sx, .menu_footer .dx {
        padding: 0px 20px;
        width: 100%;
        border: none;
    }

    footer .dx .box:nth-child(1) {
        margin: 0px;
        padding-left: 0px;
    }

    .menu_footer .sx.sub, .menu_footer .dx.sub {
        width: 100%;
    }

    header .pathway {
        font-size: 13px;
    }

    .btn.js-open-left-menu span {
        display: none;
    }

    .testata .cerca {
        height: 54px;
        width: 150px;
    }

    section .banner_volantino {
        padding-top: 0px;
        text-align: center;
        margin-bottom: 40px;
    }
    section .banner_volantino img {
     
        width: 100%;
        top: -20px;
    }

    section .banner_volantino h3 {
       width:100%;
        font-size: 36px;
    }
        section .banner_volantino a.btn {
            margin-top: 10px;
         
        }

    .header .cerca input[type="text"] {
        padding: 8px 0px 8px 8px;
        height: 54px;
        width: 99px;
        font-size: 14px;
    }

    input[type="button"].btn.lente {
        width: 48px;
        height: 51px;
        background-size: 30px;
        padding: 10px 10px 10px 0px;
    }

    .avvisi .dl-trigger {
        width: 41px;
        height: 32px;
    }

    section.unico.riservata {
        padding: 20px;
    }

        section.unico.riservata.section_preferiti h1 {
            /*font-size: 20px;*/
        }

    .testata .container, .content.home .testata .container, .container {
        padding: 0px;
    }

    .item_catalogo.dettaglio .descrizione_prodotto div:nth-child(2) {
        clear: inherit;
    }

    .item_catalogo.dettaglio .descrizione_prodotto div:nth-child(1) {
        width: 115px;
    }

    .item_catalogo .aggiungi input[type="number"] {
        width: 53px;
    }

    .item_catalogo.dettaglio .descrizione_prodotto div:nth-child(2) {
        width: auto;
    }

    section .item_catalogo.dettaglio .box.primo, section .item_catalogo.dettaglio .box.secondo {
        width: 100%;
        border: none;
        padding: 20px 0px;
    }

    .item_catalogo.dettaglio .descrizione_prodotto div:nth-child(2).opzioni {
        font-size: 15px;
        width: 100%;
        margin: 0px;
        padding: 10px;
        display: inline-block;
        height: auto;
    }

    .descrizione_prodotto .li_unita_misure {
        display: inline-block;
    }

    .item_catalogo.dettaglio .descrizione_prodotto div:nth-child(2).opzioni {
        width: 100%;
        margin: 0px;
        padding: 10px;
    }

    .spedizione, .documenti {
        margin: 0px;
    }

    .item_catalogo .btn.stampa {
        /* float: left; */
    }

    fieldset .label_module, fieldset.note .field_module, fieldset .field_note {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .btn.shop.ordina {
        float: left !important;
        margin-top: 20px;
    }

    .container section .slideshow.riservata {
        margin: 20px 0px 20px 0px !important;
    }
}

.tooltip {
position: relative;
    /* clear: both; */
    display: inline-block;
    width: auto;    margin: 5px;
}
.descrizione_prodotto .tooltip-top {
    bottom: 43px;
    left: 0%;
    margin-left: 0px;
}

.contenuto .tooltip-top {
    bottom: 41px;
    left: 0%;
    margin-left: 0px;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        position: absolute;
        width: 120px;
        background-color: rgba(30, 33, 33, 0.83);
        color: white;
        text-align: center;
        padding: 10px;
        border-radius: 6px;
        z-index: 1;
        opacity: 0;
        transition: opacity .6s;
        font-size: 13px;
    }
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.inarrivo.tooltip {
    width: 26px;
}

.item_catalogo .disponibilita .inarrivo.tooltip svg {
    font-size: 18px;
    position: relative;
    color: var(--cc-primary);
    cursor: pointer;
    top: 3px;
    margin-left: 4px;
}
    .tooltip .tooltiptext2 {
        visibility: hidden;
        position: absolute;
        width: 120px;
        background-color: rgba(30, 33, 33, 0.83);
        color: white;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        z-index: 1;
    }
.tooltip:hover .tooltiptext2 {
    visibility: visible;
}
.tooltip-right {
    top: -7px;
    right: -100px;
    /*top: -5px;*/
    /*left: 125%;*/
}


    @media (max-width:690px) {
        .tooltip-right {
            top: -2px;
            right: 45px;
            /*top: -5px;*/
            /*left: 125%;*/
        }
    }


    .tooltip-right2 {
        top: -5px;
        left: 105%;
    }

    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent rgba(30, 33, 33, 0.83) transparent transparent;
    }

    .tooltip-bottom {
        top: 135%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltip-bottom2 {
        top: 125%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent rgba(30, 33, 33, 0.83) transparent;
    }

    .tooltip-top {
        bottom: 30px;
        left: 0%;
        margin-left: -67px;
    }

    .tooltip-top2 {
        bottom: 115%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(30, 33, 33, 0.83) transparent transparent transparent;
    }

    .tooltip-left {
        top: -12px;
        bottom: auto;
        right: 128%;
    }

    .tooltip-left2 {
        top: -5px;
        bottom: auto;
        right: 105%;
    }

    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent rgba(30, 33, 33, 0.83);
    }

    .tooltip .tooltiptext-bottomarrow {
        visibility: hidden;
        width: 120px;
        background-color: rgba(30, 33, 33, 0.83);
        color: white;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 130%;
        left: 50%;
        margin-left: -60px;
    }

        .tooltip .tooltiptext-bottomarrow::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: rgba(30, 33, 33, 0.83) transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext-bottomarrow {
        visibility: visible;
    }

    .tooltip .tooltiptext-toparrow {
        visibility: hidden;
        width: 120px;
        background-color: rgba(30, 33, 33, 0.83);
        color: white;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 50%;
        margin-left: -60px;
    }

        .tooltip .tooltiptext-toparrow::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent rgba(30, 33, 33, 0.83) transparent;
        }

    .tooltip:hover .tooltiptext-toparrow {
        visibility: visible;
    }

    .tooltip .tooltiptext-leftarrow {
        visibility: hidden;
        width: 120px;
        background-color: rgba(30, 33, 33, 0.83);
        color: white;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 110%;
    }

        .tooltip .tooltiptext-leftarrow::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent rgba(30, 33, 33, 0.83) transparent transparent;
        }

    .tooltip:hover .tooltiptext-leftarrow {
        visibility: visible;
    }

    .tooltip .tooltiptext-rightarrow {
        visibility: hidden;
        width: 120px;
        background-color: rgba(30, 33, 33, 0.83);
        color: white;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -5px;
        right: 110%;
    }

        .tooltip .tooltiptext-rightarrow::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent transparent rgba(30, 33, 33, 0.83);
        }

    .tooltip:hover .tooltiptext-rightarrow {
        visibility: visible;
    }
.checkbox input[type="hidden"] {
  visibility: hidden !important;
  display: none !important
}
.label_check {
  width: 100%;
  display: inline-block;
  padding: 10px;
}
.label_check input[type="checkbox"] {
  top: -2px;
  padding: 10px;
  width: 20px;
  height: 20px;
}
.campo_form .label_check {
  padding: 0px;
  margin-top: 0px;
}
.checkbox input[type=checkbox] {
  visibility: hidden;
}
.colore_quantita .checkbox_text {
  width: 45%;
  margin-top: 1px;
  color: black;
}
.checkbox_text {
    position: relative;
    float: left;
    margin-left: 10px;
    width: 86%;
    font-size: 15px;
    color: var(--cc-dark);
}
.checkbox_text a {
  text-decoration: underline
}
/* SQUARED FOUR */
.checkbox {
  width: 20px;
  margin: 0px;
  position: relative;
  float: left;
}
.checkbox label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0px;
  border-radius: 4px;
  left: 0px;
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  background: #fcfff4;
  background: -webkit-linear-gradient(top, white 0%, var(--cc-light) 40%, var(--cc-light) 100%);
  background: -moz-linear-gradient(top, white 0%, var(--cc-light) 40%, var(--cc-light) 100%);
  background: -o-linear-gradient(top, white 0%, var(--cc-light) 40%, var(--cc-light) 100%);
  background: -ms-linear-gradient(top, white 0%, var(--cc-light) 40%, var(--cc-light) 100%);
  background: linear-gradient(top, white 0%, var(--cc-light) 40%, var(--cc-light) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='var(--cc-light)', GradientType=0);
}
.checkbox label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 6px;
  left: 5px;
  border: 3px solid var(--cc-primary);
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.checkbox label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.5;
}
.checkbox input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 9
}
@media screen and (max-width:500px) {
  .checkbox_text {
    width: 86%;
  }
}
.tableresponsive tr td:nth-child(1), .tableresponsive tr th:nth-child(1), .tableresponsive tr td:nth-child(2), .tableresponsive tr th:nth-child(2) {
    text-align: left;
}

.tabelle_carrello table.tableresponsive tr td:nth-child(2) {
}

.tableresponsive.sedi tr td:nth-child(8), .tableresponsive.sedi tr th:nth-child(8) {
    text-align: center
}

.tableresponsive.ordini tr td span {
    font-weight: var(--cc-weight-regular);
    color: white;
    margin-bottom: 5px;
    text-transform: uppercase;
    background: var(--cc-light);
    padding: 4px 7px;
    margin: 0px 2px;
}

.tableresponsive.ordini td:nth-child(2) {
    font-weight: var(--cc-weight-bold);
    color: var(--cc-primary)
}

.tableresponsive.ordini td:nth-child(5) {
    font-size: 20px;
    font-weight: var(--cc-weight-bold);
    color: var(--cc-secondary)
}

.tableresponsive.ordini .btn, .tableresponsive.ordini input[type="button"].btn {
    padding: 6px 10px;
    font-size: 14px;
    color: var(--cc-secondary);
    border: none;
    border: 2px solid var(--cc-secondary);
    font-weight: var(--cc-weight-bold);
    text-transform: uppercase;
}

    .tableresponsive.ordini .btn:hover, .tableresponsive.ordini input[type="button"].btn:hover {
        color: white;
        background: var(--cc-secondary);
        border: 2px solid var(--cc-secondary);
    }

.tableresponsive {
    margin-bottom: 20px;
}

.sottotabella.tableresponsive {
    width: auto;
    float: right;
    max-width: 55%;
}

.tableresponsive.semplice {
    width: auto;
    float: left
}

.tableresponsive th:nth-child(2), .tableresponsive td:nth-child(2), .tableresponsive th:nth-child(3), .tableresponsive td:nth-child(3) {
    text-align: left
}

.tableresponsive td img {
    max-height: 50px
}
.tabelle_carrello .tableresponsive td img {
    max-height: 130px;
}

.tableresponsive td .btn.modifica svg, .tableresponsive td .btn.cancella svg {
    color: white;
    font-size: 17px;
}

.tableresponsive td svg {
    color: var(--cc-secondary);
    font-size: 25px;
}

.tabelle_carrello .tableresponsive td:first-child {
    text-align: center
}

    .tabelle_carrello .tableresponsive td:first-child svg {
        color: #393633;
        font-size: 40px;
        padding: 5px;
    }

.tableresponsive .btn.modifica {
    background: var(--cc-secondary);
}

.tableresponsive .btn.cancella {
    background: var(--cc-secondary);
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .tableresponsive .btn.cancella.mod {
        background: var(--cc-light);
    }

.tableresponsive .btn.modifica, .tableresponsive .btn.cancella {
    height: 34px;
    width: 34px;
    max-height: inherit;
    padding: 9px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.tabelle_carrello table.tableresponsive tr td {
    color: var(--cc-secondary);
    border-bottom: 1px solid var(--cc-light);
    padding: 10px 6px;
    font-size: 15px;
}

.prezzo_totale {
    font-weight: var(--cc-weight-bold);
    color: var(--cc-quaternary);
    font-size: 20px;
}

.tabelle_carrello table.tableresponsive tr td:nth-child(3) {
    /* min-width: 130px; */
}

.tabelle_carrello table.tableresponsive.superiore tr td:nth-child(4) {
    min-width: inherit;
}

.sottotabella.tableresponsive th:nth-child(1), .sottotabella.tableresponsive td:nth-child(1), .sottotabella.tableresponsive th:nth-child(4), .sottotabella.tableresponsive td:nth-child(4) {
    text-align: left
}

.sottotabella.tableresponsive tr td:nth-child(3) {
    min-width: inherit;
}

.tableresponsive tr td:nth-child(1) {
    color: var(--cc-secondary);
    font-weight: var(--cc-weight-regular);
    min-width: inherit;
}

.tableresponsive td, .semplice td {
    padding: 10px 15px;
}

.tableresponsive .field_module {
    margin-bottom: 0px;
}

.tableresponsive.sedi {
}

    .tableresponsive.sedi td, .tableresponsive.sedi th {
        color: var(--cc-primary);
        border-bottom: 1px solid var(--cc-light);
        text-align: left;
    }

    .tableresponsive.sedi th {
        color: var(--cc-secondary);
        font-weight: var(--cc-weight-bold);
        border-top: 2px solid var(--cc-secondary);
        border-bottom: 2px solid var(--cc-secondary);
        background: white;
    }

    .tableresponsive.sedi tr:nth-of-type(odd), .semplice tr:nth-of-type(odd) {
        background: rgba(228, 231, 234, 0.5);
    }

.semplice tr:hover:nth-of-type(odd), .semplice tr:hover {
    background: #fac200;
}

.tableresponsive .field_module, .tableresponsive input[type="number"].field_module {
    padding: 6px 10px;
    border: none;
    font-size: 15px;
    float: inherit;
    width: 80px;
    color: var(--cc-alert);
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: auto;
    text-align: center;
}

table.tableresponsive input[type="image"] {
    cursor: pointer;
    position: relative;
}

table.tableresponsive {
    width: 100%;
    position: relative;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

    table.tableresponsive caption {
        padding: 10px;
        font-family: cuprum;
        color: white;
        font-size: 20px;
        text-align: left;
    }
/* Zebra striping */
.tabelle_carrello .tableresponsive input[type="number"] {
    max-width: 68px;
    color: var(--cc-secondary);
    padding: 5px 10px;
    font-weight: var(--cc-weight-bold);
    font-size: 14px;
    border-radius: 0px;
    border-right: none;
    height: 34px;
    border: 1px solid var(--cc-secondary);
}

.tableresponsive tr:first-child {
    background: transparent !important;
}

.tableresponsive tr:nth-of-type(odd) {
    background-color: var(--cc-light);
}

.tableresponsive th, .semplice th {
    font-size: 14px;
    border: none;
    line-height: 20px;
    text-align: left;
    padding: 10px 6px;
    border-bottom: none;
    background-color: var(--cc-secondary);
    color: white;
    font-family: var(--cc-font-body);
    font-weight: var(--cc-weight-regular);
}

.tabelle_carrello .tableresponsive.superiore tr td {
    font-size: 14px;
    line-height: 16px;
    padding: 5px 8px
}

    .tabelle_carrello .tableresponsive.superiore tr td img {
        max-width: 30px;
    }

.tableresponsive.superiore th {
    padding: 5px 6px;
}

.tableresponsive td {
    padding: 5px 5px;
    text-align: left;
    line-height: 16px;
}

.tableresponsive td {
    font-size: 13px;
    padding: 10px;
    vertical-align: middle;
}

.riservata .tableresponsive td {
    font-size: 15px;
    padding: 10px;
    line-height: inherit;
}

.riservata .tableresponsive th {
    font-size: 16px;
    padding: 10px 20px;
    vertical-align: middle;
}

.tableresponsive td {
    color: white;
    border: none;
}

.tableresponsive td {
    color: var(--cc-secondary);
}

.tableresponsive.sottotabella td {
    font-size: 18px;
    padding: 10px;
}

.tableresponsive th {
}

.tableresponsive.sottotabella th {
    background-color: var(--cc-secondary);
    padding: 5px 15px;
    vertical-align: middle;
}

.tableresponsive tr td:nth-child(12) {
    color: var(--cc-alert);
}

.tableresponsive .field_module, .tableresponsive input[type="number"].field_module {
    border: 1px solid var(--cc-light)
}

.tableresponsive tr {
    /*border-bottom:1px dashed var(--cc-light)*/
}

tr:nth-of-type(odd) {
}

.tableresponsive a {
    color: var(--cc-primary);
    font-weight: var(--cc-weight-bold);
}

.table_overflow {
    overflow-x: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 5px;
    border: 1px solid var(--cc-light);
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: white
}

.tableresponsive tr td input.box_descrizione {
    width: 260px;
    max-width: 260px;
}

.tableresponsive .btn, .tableresponsive input[type="button"].btn {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: normal;
    color: white;
    border: none
}

.tableresponsive.ordine .btn {
    background: var(--cc-secondary);
    font-weight: var(--cc-weight-bold);
}

.tabelle_carrello table tr td:nth-child(4) {
    min-width: 120px;
}

.tabelle_carrello table tr td:nth-child(6) {
}

.tabelle_carrello table tr td:nth-child(9), .tabelle_carrello table tr th:nth-child(9) {
}

@media (max-width:1034px) {
    .tabelle_carrello .tableresponsive.superiore tr td {
        font-size: 12px;
        line-height: 12px;
        padding: 5px;
    }

    .tableresponsive td {
        font-size: 14px;
    }

    .tableresponsive th {
        font-size: 14px;
        padding: 8px 5px;
    }
}

@media (max-width:875px) {

    .tableresponsive.ordini tr td span {
        line-height: 30px;
    }

    .tabelle_carrello .tableresponsive td:first-child {
        /* padding: 0px;*/
    }

    .tabelle_carrello .tableresponsive.riepilogo td:nth-of-type(1):before {
        content: "";
        padding: 0px;
    }

    .tabelle_carrello table.tableresponsive tr td:nth-child(2) {
        font-size: 16px;
        text-transform: inherit;
    }

    .tabelle_carrello table.tableresponsive tr td {
        font-size: 16px;
    }

    .tableresponsive .btn.modifica, .tableresponsive .btn.cancella, .tabelle_carrello .tableresponsive input[type="number"] {
        position: relative;
        margin-top: -4px;
    }

    .tableresponsive td img {
        /*    position: relative;
    margin-top: 0px;
    max-height: inherit;
    margin-bottom: 0px;
    width: 100%;*/
        width: auto;
        max-height: 100px;
    }

    .tabelle_carrello table tr td:nth-child(8), .tabelle_carrello table tr td:nth-child(9), .tabelle_carrello table tr th:nth-child(9) {
        text-align: left
    }

    .tabelle_carrello .tableresponsive.superiore tr td {
        font-size: 15px;
        line-height: 12px;
        padding: 10px 5px 5px 5px;
    }

    .tableresponsive.sottotabella {
        width: 100% !important;
        background: #ebefef;
        border: 1px solid var(--cc-light);
        border-bottom: none;
        max-width: 100%;
    }

    .prezzo_totale {
        padding: 9px 0px;
    }

    .tableresponsive tr td, .tableresponsive tr th {
        text-align: left !important;
    }

    .tableresponsive.sedi td:before {
        color: var(--cc-secondary);
    }

    .tableresponsive.sottotabella td:before {
        color: var(--cc-secondary);
    }

   .tableresponsive.sedi tr td {
        padding-left: 40%;
    }

    .tableresponsive .field_module, .tableresponsive input[type="number"].field_module, .tableresponsive .btn, .tableresponsive input[type="button"].btn {
        margin-top: 0px;
    }

    .disponibilita_yes, .disponibilita_no {
        margin: inherit;
        display: inline-block;
    }

    .tableresponsive tr td, .tableresponsive tr th, .tableresponsive.sedi tr td:nth-child(8), .tableresponsive.sedi tr th:nth-child(8), .tableresponsive th:nth-child(1), .tableresponsive td:nth-child(1), .tableresponsive th:nth-child(4), .tableresponsive td:nth-child(4), .tableresponsive th:nth-child(7), .tableresponsive td:nth-child(7), .tableresponsive th:nth-child(8), .tableresponsive td:nth-child(8) {
        text-align: left;
    }

    .tableresponsive table tr td {
        display: table-cell;
        padding-left: 0%;
    }

    .tableresponsive table td:before {
        content: "" !important;
    }

    .tableresponsive table tr:nth-of-type(odd) {
        background: white;
        border: none
    }

    .tableresponsive tr th {
        display: none
    }

    .riepilogo_carrello .tableresponsive td {
        border-bottom: none;
    }

    .riepilogo_carrello .tableresponsive tr:nth-of-type(odd) {
        background: white;
    }

    table.tableresponsive caption {
        width: 100%;
        display: block;
    }

    table.tableresponsive, .tableresponsive thead, .tableresponsive tbody, .tableresponsive th, .tableresponsive td, .tableresponsive tr {
        display: block;
    }

    table.tableresponsive {
        border: none;
        clear: both;
    }

    .tableresponsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .tableresponsive tr {
    }

    .tableresponsive td, .tabelle_carrello table.tableresponsive tr td, .riservata .tableresponsive td {
        border: none;
        border-bottom: 1px solid var(--cc-light);
        position: relative;
        padding: 10px 10px 10px 120px;
        min-height: 46px;
    }

    .tabelle_carrello table tr td:nth-child(6) {
        font-weight: var(--cc-weight-bold);
    }

    .tableresponsive td:before {
        position: absolute;
        top: 11px;
        left: 10px;
        width: 108px;
        padding-right: 0px;
        font-weight: var(--cc-weight-bold);
        font-size: 14px;
        color: #2e2e2e;
    }

    .tableresponsive td {
        border-bottom: 1px solid var(--cc-light);
    }
}


@media (max-width:500px) {
    .tabelle_carrello a.btn, .tabelle_carrello input.btn {
        width: 100%;
    }
}


ul.tagsSelezionati, ul.tagsDisponibili, ul.ElementiArea, .cbp-vm-view-list ul.tagsSelezionati li, .cbp-vm-view-list ul.tagsDisponibili li {
	list-style: none;
	padding-bottom: 0px;
	height: auto !important;
	overflow: auto;
}
ul.ElementiArea li {
	width: 49%;
	min-height: inherit;
	vertical-align: top;
	margin: 3px;
	text-align: center;
	float: left;
}
ul.ElementiArea li a {
	font-weight: var(--cc-weight-regular);
	width: 100%;
	border: 1px solid var(--cc-tertiary);
	padding: 10px 5px;
	-moz-border-radius: 10px;
	border-radius: 7px;
	display: block;
}
.parametri div {
	position: relative;
	float: left;
	margin-right: 5px;
	text-transform: uppercase;
	font-weight: var(--cc-weight-bold);
	font-size: 12px;
	top: 4px;
}
ul.ElementiArea li a:hover {
	color: white;
	border: 1px solid #115070;
	background-color: #115070;
}
ul.tagsDisponibili {
	display: inline-block;
	width: 100%;
	margin: 10px 0px 0px 0px;
}
.content .sx .sx ul.tagsDisponibili li {
	margin-bottom: 2px;
}
ul.tagsSelezionati li, ul.tagsDisponibili li {
	width: auto;
	min-height: inherit;
	vertical-align: top;
	margin: 2px;
	text-align: center;
	border: 1px solid;
	padding: -2px;
	-moz-border-radius: 10px;
	border-radius: 4px;
	float: left;
	display: flex;
	width: 98%;
}
ul.tagsSelezionati li a, ul.tagsDisponibili li a {
	font-size: 15px;
	padding: 3px 5px 0px 5px;
	color: white;
	font-weight: var(--cc-weight-regular);
	text-align: left;
	width: 100%;
}
ul.tagsSelezionati li a {
	font-size: 12px;
	padding-right: 20px;
}
ul.tagsDisponibili li a {
}
ul.tagsDisponibili li a:hover, ul.tagsSelezionati li a:hover {
	color: white;
	text-decoration: none
}
ul.tagsSelezionati li:hover {
	background-color: #242425;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
}
ul.tagsDisponibili li:hover {
	background-color: #242425;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
}
ul.tagsSelezionati li {
	background-color: #115070;
	border-color: transparent;
	background-image: url(/Content/img/elimina.png);
	background-repeat: no-repeat;
	background-position: right center;
	/*display: flex;
    width: 98%;*/
	width: auto;
	background-size: auto 49%;
}
ul.tagsDisponibili li {
	background-color: #8e9092;
	border-color: transparent;
	width: auto;
}
ul.tagsSelezionati li a:hover, ul.tagsDisponibili li a:hover {
	text-decoration: none;
}
a.tagsAssociatiAdArticolo {
	font-size: 12px;
}
a.tagsAssociatiAdArticolo div {
	display: inline-block;
	border: 1px solid var(--cc-tertiary);
	padding: 3px 5px;
	margin: 1px;
	font-weight: normal;
	-moz-border-radius: 3px;
	color: var(--cc-tertiary);
	border-radius: 3px;
}
a.tagsAssociatiAdArticolo div:hover {
	color: white;
}
a.tagsAssociatiAdArticolo:hover div, a.tagsAssociatiAdArticolo:active div {
	background-color: #3f6928;
	color: white;
}
.div_tag {
	width: 100%;
	position: relative;
	clear: both;
	height: auto;
	overflow: auto;
	margin: 30px 0px;
	padding: 20px;
	background:  var(--cc-light);
	-moz-border-radius: 3px;
	color: var(--cc-tertiary);
	border-radius: 3px;
}

.hoverbox {
  position: relative;
  list-style: none;
  text-align: center;
  width: 100%;
  clear: both;
  overflow: hidden
}
/* Common style */
.hoverbox figure {
  position: relative;
  overflow: hidden;
  margin: 20px 1%;
  min-width: 320px;
  max-width: 406px;
  max-height: 406px;
  width: 31%;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
  display: inline-table;
}
.hoverbox.secondari figure {
  position: relative;
  overflow: hidden;
  margin: 20px 1%;
  min-width: 320px;
  max-width: inherit;
  max-height: 150px;
  width: 47%;
  text-align: center;
  cursor: pointer;
  display: inline-table;
}
.hoverbox figure img {
  position: relative;
  display: block;
  min-height: 100%;
  opacity: 0.8;
  max-width: 406px;
}
.hoverbox.secondari figure img {
  max-width: 587px;
  max-height: 380px;
}
.hoverbox figure figcaption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.hoverbox figure figcaption::before, .hoverbox figure figcaption::after {
  pointer-events: none;
}
.hoverbox figure figcaption, .hoverbox figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.hoverbox figure figcaption > a {
  z-index: 1000;
  /*text-indent: 200%;
	white-space: nowrap;*/
  font-size: 0;
  opacity: 0;
}
.hoverbox figure h2 {
  /*	word-spacing: -0.15em;
	font-weight: var(--cc-weight-regular);*/
}
.hoverbox figure h2 span {
  font-weight: 800;
}
.hoverbox figure h2, .hoverbox figure span {
  margin: 0;
}
.hoverbox figure span {
  letter-spacing: 1px;
  font-size: 68.5%;
}


.grid.marchi {
  position: relative;
  margin: 0px auto 30px auto;
  width: 100%;
  list-style: none;
  text-align: center;
  display: inline-block;
}
.catalogo .grid.marchi {
  margin: 0px auto 6px auto;
  width: 102%;
  left: -7px;
}
.catalogo .grid.marchi figure {
  width: 48%;
  margin: 1%;
}
/* Common style */
.grid.marchi figure {
  position: relative;
  float: left;
  overflow: hidden;
  width: 31%;
  text-align: center;
  cursor: pointer;
  height: 316px;
  margin: 11px;
}
.grid.marchi figure img {
  position: relative;
  display: block;
  max-width: 100%;
  opacity: 0.6;
}
.grid.marchi figure figcaption {
  padding: 2em;
  color: white;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.grid.marchi figure figcaption::before, .grid.marchi figure figcaption::after {
  pointer-events: none;
}
.grid.marchi figure figcaption, .grid.marchi figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid.marchi figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
  color: white;
}
.grid.marchi figure h2 {
  color: white;
  font-size: 40px;
  text-align: center;
  padding: 10px 0px;
}
.grid.marchi figure h2 span {
  font-weight: 800;
}
.grid.marchi figure h2, .grid figure p {
  margin: 0;
}
.grid.marchi figure p {
  text-align: center;
  color: var(--cc-secondary);
}
.grid.marchi figure .btn {
  float: inherit
}
/* Individual effects */
/*---------------*/
/***** Duke *****/
/*---------------*/
figure.effect-duke {
    background: var(--cc-primary);
    /*	background: -webkit-linear-gradient(-45deg, #34495e 0%, #cc6055 100%);
	background: linear-gradient(-45deg, #34495e 0%, #cc6055 100%);*/
}
figure.effect-duke img, figure.effect-duke span {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
figure.effect-duke:hover img {
  opacity: 0.5;
  -webkit-transform: scale3d(2, 2, 1);
  transform: scale3d(2, 2, 1);
}
.grid figure p img {
  position: relative;
  /* display: block; */
  height: 80px;
  opacity: 1;
  margin: auto;
}
.grid.marchi figure p img {
  max-height: 80px;
  height: auto
}
figure.effect-duke:hover p img {
  opacity: 1;
  -webkit-transform: none;
  transform: none
}
figure.effect-duke h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
figure.effect-duke span {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 3%;
  padding: 20px;
  border: 1px solid white;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transform-origin: 50% -100%;
  transform-origin: 50% -100%;
  display: inline-block;
  width: 93%;
  color: white;
  text-align: center;
  background: white;
}
figure.effect-duke:hover h2, figure.effect-duke:hover span {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
@media (max-width: 1034px) {
  .grid.marchi {
    margin: 0px auto 0px auto;
  }
  .grid.marchi figure {
    width: 30%;
    height: 298px;
  }
  .grid figure h2 {
    font-size: 30px;
  }
  .grid figure {
    height: 290px;
  }
  .hoverbox.secondari figure img {
    max-width: 466px;
  }
  .grid.marchi .hoverbox.secondari figure img {
    max-width: 455px;
  }
}
@media (max-width: 875px) {
  .grid.marchi figure {
    width: 47%;
    height: 340px;
    margin: 10px;
  }
  figure.effect-honey h2 {
    font-size: 55px;
  }
  .hoverbox.secondari figure img {
    max-width: 367px;
    max-height: 238px;
  }
  .grid figure {
    height: 400px;
    width: 100%;
    margin: 1% 0%;
  }
  .grid figure h2 {
    font-size: 40px;
  }
}
@media (max-width: 778px) {
  .grid figure {
    height: 502px;
    width: 100%;
    margin: 1% 0%;
  }
  .grid figure img {
    position: relative;
    display: block;
    max-width: 100%;
    opacity: 0.6;
    width: 100%;
  }
  .grid figure p img {
    width: auto
  }
  .grid.marchi .hoverbox figure, .hoverbox figure img {
    min-width: 100%;
    max-width: 100%;
  }
  .grid.marchi figure.effect-ming h2 {
    margin: 20% 0 10px 0 !important;
  }
  .grid.marchi .hoverbox.secondari figure, .grid.marchi .hoverbox.secondari figure img {
    min-width: 100%;
    max-width: 100%
  }
  .grid.marchi figure.effect-sadie p {
    padding: 10px;
    font-size: 16px;
  }
  .grid.marchi figure.effect-sadie h2 {
    font-size: 30px;
  }
}
@media (max-width: 500px) {
  .catalogo .grid.marchi figure {
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .catalogo .grid.marchi {
    margin: 0px 0px 20px 0px;
    width: 100%;
    left: 0px;
  }
  .grid.marchi figure {
    height: 320px;
    margin: 0px 0px 20px 0px;
    width: 100%;
  }
  .hoverbox.secondari figure img {
    max-height: initial;
  }
  .hoverbox.secondari figure {
    margin: 0px 0px 20px 0px;
    min-width: 320px;
    max-height: 300px;
    width: 100%;
  }
  .grid.marchi .hoverbox figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%;
  }
  .grid figure {
    height: 280px;
    width: 100%;
    margin: 1% 0% 2% 0%;
  }
  .grid figure figcaption {
    padding: 2em 1em;
  }
  .grid figure h2 {
    font-size: 25px;
  }
  figure.effect-duke span {
    padding: 10px;
    width: 89%;
    font-size: 15px
  }
}
@charset "utf-8";
/* CSS Document */
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
  visibility: hidden;
}
.tabset {
  margin: 0px;
  display: inline-block;
  width: 100%;
}
.tab-panel p {
  font-size: 15px;
  color: var(--cc-secondary);
  line-height: 20px;
  margin-bottom: 10px
}
.tab-panel .titolo .data {
  margin-top: 15px;
  font-size: 18px;
  font-weight: var(--cc-weight-regular);
  color: black;
}
.tab-panel .item {
  background-color: white;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 0px 13px;
}
.modal-body .tab-panel .item .check .titolo label, .riservata .check .titolo label {
  margin-top: 0px;
  font-size: 20px;
  font-weight: var(--cc-weight-bold);
  color: black;
}
.tab-panel .item .img_item {
  width: 22%;
  overflow: hidden;
  position: relative;
  float: left;
  margin: 0px;
  padding: 0%;
}
.modal-body .tab-panel .item .check ul li label {
  padding: 0px;
}
.riservata .check ul li label {
  padding: 0px;
  margin-top: 0px;
  font-size: 20px;
  font-weight: var(--cc-weight-bold);
  color: black;
}
.tab-panel .item .testo_prodotto {
  width: 78%;
  position: relative;
  float: left;
  text-align: left;
  margin: 0px;
  padding: 1% 0% 1% 2%;
}
.tab-panel .item .testo_prodotto .check ul {
  margin: 0px;
}
.tab-panel .item .testo_prodotto .titolo {
  width: 74%;
  position: relative;
  float: left;
  margin-bottom: 20px;
}
.tab-panel .item .testo_prodotto .luogo {
  position: relative;
  /* float: left; */
  /* text-align: left; */
  width: 22%;
}
.tab-panel .item .testo_prodotto .check .titolo, .riservata .tab-panel .item.convalida .testo_prodotto .titolo {
  width: 80%;
  margin-bottom: 0px;
}
.tab-panel .item .check {
  display: inline-block;
  text-align: left;
  width: 100%;
}
.tab-panels ul {}
.tab-panels ul li::before {}
.tab-panels ul li {
  color: #6c7274;
  margin-bottom: 5px;
  list-style-type: none;
  padding-left: 20px;
  position: relative
}
.tabset .tab-panel {
  display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2), .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3), .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4), .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5), .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
  width: 100%;
  background: white;
  padding: 20px;
  /* border: 1px solid  var(--cc-light); */
}
.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px;
  /* border: 1px solid transparent; */
  border-bottom: 0;
  cursor: pointer;
  font-weight: var(--cc-weight-bold);
  font-size: 15px;
}
.tabset > label::after {
  /*  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;*/
}
.tabset > label:hover, .tabset > input:focus + label {
  color: var(--cc-light);
}
.tabset > label:hover::after, .tabset > input:focus + label::after, .tabset > input:checked + label::after {
  background: var(--cc-light);
}
.tabset > input:checked + label {
  border-color:  var(--cc-light);
  border-bottom: 5px solid var(--cc-light);
  margin-bottom: -1px;
  z-index: 2;
  color: var(--cc-light);
  background: white;
}
.tab-panel {
  padding: 30px 0;
  border-top: 1px solid  var(--cc-light);
}
section.tab-panel h2 {
  font-size: 21px;
  color: var(--cc-secondary);
  font-weight: var(--cc-weight-bold);
  width: 100%;
  clear: both;
  padding: 10px 0px;
  font-family: var(--cc-font-body);
  margin: 0px 0px 10px 0px;
}
.content .box section.tab-panel p {
  font-size: 14px;
  color: #6c7274;
  line-height: 20px;
}
@media (max-width:1034px) {
  .tab-panel .item .img_item {
    width: 30%;
  }
  .tab-panel .item .testo_prodotto {
    width: 70%;
  }
}
@media (max-width:875px) {
  .riservata .tab-panel .check .titolo label {
    font-size: 17px;
  }
  .riservata .tab-panel .item.convalida .testo_prodotto .titolo {
    width: 100%;
    margin: 0px 0px;
  }
  .riservata .tab-panel .item .testo_prodotto .check .titolo {
    margin: 0px;
  }
  .riservata .tab-panel .item .people {
    top: 0px;
  }
  .riservata .tab-panel .titolo .data {
    font-size: 16px;
  }
  .riservata .tab-panel .titolo .data strong {
    font-weight: var(--cc-weight-bold);
    display: block;
  }
  .tabset > input:checked + label {
    border-color:  var(--cc-light);
    border-bottom: none;
    margin-bottom: 0px;
    color: white;
    background: var(--cc-light);
    width: 100%;
  }
  .tab-panel .item {
    padding: 0px;
  }
  .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2), .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3), .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4), .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5), .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    padding: 20px 0px;
  }
  .tab-panel .item .testo_prodotto {
    width: 100%;
    padding: 20px 0px 0px 0px;
  }
  .tab-panel .item .img_item, .tab-panel .item .testo_prodotto .check .titolo, .tabset > label {
    width: 100%;
  }
  .tab-panel .item .testo_prodotto .check .titolo {
    width: 100%;
    margin-bottom: 20px
  }
}
@charset "utf-8";
/* CSS Document */
.filtri h3 {
  font-size: 14px;
  font-weight: var(--cc-weight-regular);
  margin-bottom: 5px;
  width: 100%;
  display: block;
  clear: both;
  margin: 0px;
  padding: 10px;
  text-transform: uppercase;
}
.filtri p.filtra {
  text-align: right;
  padding: 10px 0px 30px 0px;
  text-decoration: underline;
}
.check h2 {
  color: var(--cc-secondary);
}
.check {
  margin-bottom: 0px;
  width: 100%;
  /*  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;*/
}
.check ul {
  list-style: none;
  padding: 0;
  margin: 10px 0px;
}
.check ul li {
  color: var(--cc-secondary);
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 10px;
  margin-top: 20px;
  border-bottom: 2px solid white;
  min-height: 61px;
}
.modal-body .check ul li, .riservata .check ul li {
  margin: 0px 0px 0px 0px;
  background:  var(--cc-light);
  padding: 20px 20px 20px 10px;
}
.modal-body .check ul li {
width:100%
}
.check ul li .old {
    text-align: right;
    display: inline-block;
}
aside .check ul {
  list-style: none;
  padding: 0;
  margin: 0px;
}
.check ul li input[type=radio],
.check ul li input[type=checkbox] {
    position: absolute;
    visibility: hidden;
}
.check ul li label {
  display: block;
  position: relative;
  font-weight: var(--cc-weight-bold);
  font-size: 17px;
  padding: 0px 10px 10px 60px;
  margin: 0px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  color: var(--cc-tertiary);
}
.modal-body .check ul li label {
  display: block;
  position: relative;
  font-weight: var(--cc-weight-bold);
  font-size: 17px;
  padding: 0px 0px 3px 60px;
  margin: 0px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  color: var(--cc-tertiary);
}
.check ul li:hover label {
  color: var(--cc-secondary);
}
.check ul li .check {
  display: block;
  position: absolute;
  border: 5px solid var(--cc-secondary);
  border-radius: 100%;
  height: 35px;
  width: 35px;
  top: 6px;
  left: 10px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}
.check .titolo {
    /*width: 66%;*/
    position: relative;
    float: left;
    margin-bottom: 20px;
}

.check .quantita {
    width: 50%;
    position: relative;
    float: left;
    margin-bottom: 20px;
}

    .check .quantita div {
        width: 20%;
        font-weight: var(--cc-weight-bold);
        color: black;
        position: relative;
        float: left;
        margin: 20px 20px 0px 60px;
    }

    .check .quantita input[type="number"].field_module {
        padding: 15px;
        float: left;
        width: 100px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: var(--cc-font-body);
        font-weight: var(--cc-weight-bold);
        font-size: 14px;
        color: var(--cc-secondary);
        -moz-border-radius: 2px;
        border-radius: 2px;
        height: 52px;
        margin-bottom: 0px;
    }
.check ul li:hover .check {
  border: 5px solid #5d6a72;
}
.check ul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 19px;
  width: 19px;
  top: 3px;
  left: 3px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
  background-color: transparent
}
.check input[type=radio]:checked ~ .check,
.check input[type=checkbox]:checked ~ .check {
    border: 5px solid var(--cc-light);
}
    .check input[type=radio]:checked ~ .check::before,
    .check input[type=checkbox]:checked ~ .check::before {
        background: var(--cc-light);
    }
.check input[type=radio]:checked ~ label,
.check input[type=checkbox]:checked ~ label {
    color: var(--cc-tertiary);
}
@media (max-width:1034px) {

    .check .quantita div {
        width: 100%;
        margin: 0px 0px 5px 0px;
    }

  aside .check .titolo {
    width: 100%;
  }
  aside .check ul li .old {
    text-align: left;
    width: auto;
    position: relative;
    float: inherit;
    margin-right: 9px;
    top: 8px;
    left: 0px;
  }
}
@media screen and (max-width:875px) {

    .check .quantita div {
        width: 60px;
        margin: 20px 20px 0px 60px;
    }

  .modal-body .check ul li .old {
    text-align: left;
    width: auto;
    display: inline-block;
    float: left;
    margin-right: 10px;
    top: 2px;
    position: relative;
  }
  .modal-body .check .titolo {
    width: 100%;
  }
}

@media screen and (max-width:500px) {
    .check .quantita {
        width: 103px;
    }
        .check .quantita div {
              margin: 0px 0px 5px 0px;
        }
}
/* Common styles of menus */
.login, .registrazione {
  float: right
}
.login {}
.dl-menuwrapper.login ul div.credito {
  background: #d5dcdc;
  color: #b2ca00;
  font-weight: 600;
  text-align: left;
  display: inline-block;
  width: 100%;
  font-size: 12px;
}
.dl-menuwrapper.login ul div.credito .btn {
  float: right
}
.login .dl-menu div.credito span {
  color: #b2ca00;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  font-size: inherit;
  font-size: 20px;
}
.dl-menuwrapper svg {}
.dl-menuwrapper span {}
.avvisi .dl-trigger svg {
    color: #fac200;
    margin-right: 10px;
    font-size: 20px;
    position: absolute;
    left: 14px;
    top: 10px;
}
.avvisi .dl-trigger strong, .dl-menuwrapper div.avvisi strong {
    color: #ffffff;
    background: red;
    padding: 3px 4px;
    border-radius: 50%;
    width: 21px;
    height: 20px;
    display: inline-block;
    position: absolute;
    font-size: 11px;
    font-weight: 600;
    top: 5px;
    left: 28px;
    animation: blinker 0.5s linear infinite;
    z-index: 1;
}
@keyframes blinker {
  50% {
    opacity: 0.8;
  }
}
.dl-menuwrapper div.avvisi strong {
    padding: unset;
    top: 0px;
    left: 20px;
    animation: blinker 0.5s linear infinite;
    z-index: 1;
}
.avvisi .dl-trigger span {
  margin-left: 58px;
}
.dl-menuwrapper.login svg {
    color: var(--cc-primary);
    text-transform: uppercase;
    margin-right: 0px;
    margin-top: 4px;
}
.dl-menuwrapper.login .btn.small {
  float: right;
  padding: 5px 10px;
  font-size: 14px;
}
.login .dl-menu span.agente_cliente {
  color: var(--cc-secondary);
  padding: 0px;
  text-align: left;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  font-weight: 600;
  margin-top: 1px;
}
.dl-trigger {
  background: none;
  cursor: pointer
}
.basic .dl-trigger {
  cursor: pointer;
  background-color: transparent;
  padding: 12px 15px;
  font-size: 15px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  background-repeat: no-repeat;
  text-transform: inherit;
}
.home .basic .dl-trigger, .home .login .dl-trigger {
  color: rgba(255, 255, 255, 0.7);
}
.home .basic.carrello .dl-trigger strong {
  color: rgba(255, 255, 255, 1);
}
.basic .dl-trigger, .login .dl-trigger {
  color: #5c5c61;
}
.home .basic .dl-trigger:hover, .home .login .dl-trigger:hover {
  color: #fff;
}
.loggato .dl-trigger {}
.dl-menuwrapper.basic.avvisi {}
.dl-menuwrapper.basic.registrazione {
  width: auto;
  background: var(--cc-secondary);
  color: white;
}
.dl-menuwrapper.basic.registrazione:hover {}
.basic.avvisi .dl-trigger {
  padding-left: 40px;
}
.basic.carrello .dl-trigger {
  margin: 35px 0px;
  display: inline-block;
  padding: 10px 0px;
}
.basic.carrello .dl-trigger span {
  text-transform: uppercase;
  position: relative;
  color: var(--cc-secondary);
  font-weight: 600;
  border: none;
  /* padding-left: 23px; */
  padding: 16px;
  font-size: 19px;
}
.basic .dl-trigger strong {
  font-weight: 700
}
.basic.avvisi .dl-trigger strong {
  color: #ffffff;
  background: red;
  padding: 3px 4px;
  border-radius: 50%;
  width: 21px;
  height: 20px;
  display: inline-block;
  position: absolute;
  font-size: 11px;
  font-weight: 600;
  top: 5px;
  left: 28px;
}
.basic.avvisi .dl-trigger span {
  margin-left: 14px;
}
.basic.carrello .dl-trigger strong {
  color: #b2ca00;
  position: absolute;
  background: white;
  padding: 5px;
  border: none;
  border-radius: 50%;
  width: 31px;
  left: 33px;
  font-size: 14px;
  top: 4px;
  text-align: center;
}
.basic.carrello .dl-trigger svg {
  font-size: 40px;
  margin-right: 33px;
  top: 4px;
}
.login .dl-trigger {
  cursor: pointer;
  /* padding: 12px 15px; */
  /* font-size: 15px; */
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
}
.login.azienda .dl-trigger {
  padding: 5px 15px 0px 15px;
}
.dl-trigger svg {
  margin-right: 10px;
  font-size: 20px;
  top: 2px;
  position: relative;
}
.login.azienda .dl-trigger svg, .login.loggato .dl-trigger svg {
  color: #fff
}
.carrello .dl-trigger svg {
  color: #b2ca00
}
.login .dl-trigger svg {
  color: #fff
}
.login .dl-trigger:hover {}
.dl-menuwrapper li .fa {
  color: #333;
  font-size: 26px;
  padding: 9px 12px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  border: none;
}
.dl-menuwrapper li:hover .fa {
  background-color: #b2ca00;
  color: #fff;
}
.dl-menuwrapper {
    float: right;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    z-index: 99;
    text-align: right;
    right: 0px;
    position: relative;
    /* margin: 25px 15px 16px 18px; */
    background: var(--cc-primary);
    margin: 0px 1px;
    padding: 4px 7px 3px 7px;
}
.dl-menuwrapper.login {
  z-index: 99;
}
.dl-menuwrapper.carrello {
  z-index: 95;
  padding: 0px;
  margin-top: 26px;
}
.dl-menuwrapper.basic {
  padding: 0px;
  margin: 0px
}
.riservata .dl-menuwrapper button, .riservata .dl-menuwrapper button.dl-active {
  position: absolute;
  top: -5px;
  right: 0px;
}
.riservata .dl-menuwrapper .dl-menu.dl-menuopen, .riservata .dl-menuwrapper .dl-menu {
  position: absolute;
  top: 46px;
  right: 20px;
}
.dl-menuwrapper:first-child {
  margin-right: 0px;
}
.dl-menuwrapper button {
  border: none;
  position: relative;
  cursor: pointer;
  outline: none;
  opacity: 1;
  color: white;
  background: transparent;
  font-size: 14px;
  padding: 0px;
}
.dl-menuwrapper button img {
  position: relative;
}

.basic_riepilogo {
    padding: 10px;
    background: #fff;
    max-height: 500px;
    overflow: auto;
}

.basic_riepilogo ul li {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #d5dcdc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.basic_riepilogo h2 {
  font-weight: 400;
  color: var(--cc-secondary);
  text-align: left;
  margin-bottom: 10px;
  font-size: 19px;
  border: none;
  padding: 5px 10px;
  text-transform: uppercase;
  background: #d5dcdc;
}
.basic_riepilogo .titolo_prod, .basic_riepilogo .desc_prod {
  width: 100%;
  position: relative;
  float: left;
  clear: both;
}
.dl-menuwrapper.basic li a.btn {
  color: #b2ca00;
  float: right;
  font-size: 18px;
  width: 380px;
  margin: 0px 10px 10px 10px;
  display: inline-block;
  text-align: center;
  padding: 10px;
  border: none;
  font-weight: 600;
}
.dl-menuwrapper.basic li a.btn:hover {
  color: #fff;
  border: none;
  background-color: var(--cc-secondary)
}
.dl-menuwrapper.basic li a {
  position: relative;
  width: auto;
  float: left;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-top: 0px;
  margin: 0px;
  color: #333;
  padding: 0px;
  text-align: left;
}
.dl-menuwrapper.carrello .basic_riepilogo li .elimina a {
  background: #b2ca00;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 6px;
  color: white
}
.dl-menuwrapper.basic li .prezzo_totale span {
  display: inline;
  margin: 0px;
  line-height: 16px;
  font-size: 15px;
  top: -3px;
  position: relative;
  margin-right: 5px;
  color: #696a6f;
}
.dl-menuwrapper .basic_riepilogo li .elimina a {
  background: none;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 0px;
}
.dl-menuwrapper.basic .prezzo_totale {
  width: 100%;
  display: block;
  position: relative;
  clear: both;
  text-align: right;
  color: #b2ca00;
  font-size: 25px;
  font-weight: 600;
}
.dl-menuwrapper div.img, .dl-menuwrapper div.testo, .dl-menuwrapper div.elimina {
  position: relative;
  float: left;
}
.dl-menuwrapper.basic .basic_riepilogo li {
  width: 100%;
  position: relative;
  clear: both;
  display: block;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border: none;
  height: auto;
  overflow: auto;
  color: #333;
  font-size: 16px;
}
.dl-menuwrapper.basic .desc_prod {
  color: #696a6f;
  font-size: 14px;
}
.dl-menuwrapper div.img {
  width: 25%;
  /* padding: 5px 10px; */
}
.dl-menuwrapper div.testo {
  width: 60%;
  text-align: left;
  font-size: 13px;
  color: var(--cc-secondary);
  font-weight: normal;
  padding: 5px 10px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 16px;
}
.dl-menuwrapper div.elimina {
  width: 10%;
  padding: 5px 0px;
  text-align: center;
  float: right;
  position: relative;
}
.dl-menuwrapper div.elimina svg {
  color: #2fc400;
  font-size: 21px
}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active {}
.dl-menuwrapper ul {
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background-color: #FFF;
}
.dl-menuwrapper li, .menusup .link .dl-menuwrapper li {
  position: relative;
  margin-bottom: 0px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
}
.menusup .link .dl-menuwrapper ul li img {
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  top: 0px;
  margin-bottom: 3px;
}
.menusup .link .dl-menuwrapper li {
  text-transform: unset
}
.dl-menuwrapper li span {
  padding: 8px 0px 0px 0px;
  line-height: 16px;
  font-size: 15px;
  width: 100%;
  display: block;
}
.dl-menuwrapper li a {
  display: block;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #b2ca00;
  outline: none;
  border: none;
  text-align: center;
  position: relative;
}
.dl-menuwrapper.avvisi li a {
  /* padding: 0px; */
  /* text-align: left; */
  text-align: left;
  font-size: 13px;
  color: var(--cc-secondary);
  font-weight: normal;
  padding: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 16px;
}
.dl-menuwrapper.login li span {
  clear: both;
}
.dl-menuwrapper.login ul {
  text-align: center;
  margin: 4px -1px 0px 0px;
  padding: 0px 0px 10px 0px;
}
.dl-menuwrapper.login ul div.dl_login {
  background: #d5dcdc;
  padding: 10px;
  color: var(--cc-secondary);
  font-size: 14px;
}
.dl-menuwrapper.login ul div.dl_login {
  background: #d5dcdc;
  padding: 10px;
  color: var(--cc-secondary);
  font-size: 15px;
  margin-bottom: 10px;
  text-align: left;
  font-family: 'Source Sans Pro', sans-serif;
  display: inline-block;
  width: 100%;
}
.dl-menuwrapper.login li {
  display: inline-block;
  width: 21%;
  text-align: center;
  height: 88px;
  padding: 5px;
  margin: 1%;
  border-radius: 5px;
  background: white;border:2px solid #fff
}
    .dl-menuwrapper.login li.carrello_responsive {
 display:none;
    }
.dl-menuwrapper.login li a {
  /*    margin: auto 17px;
    color: #333;
    font-size: 36px;
    padding: 8px 0px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 3px solid #b2ca00;
    display: inline-block;
    float: inherit;*/
}
.dl-menuwrapper.login li a {
  padding: 0px;
}
.dl-menuwrapper.login li a svg {
  z-index: 1;
  position: relative;
  margin: auto;
  font-size: 28px;
  color: var(--cc-secondary);
  margin-top: 5px;
}
.dl-menuwrapper.login li a:hover svg {
  color: var(--cc-primary);
}
.dl-menuwrapper.login li:hover {
  background: #fff;
  border:2px solid var(--cc-primary)
}
.dl-menuwrapper.login li:hover span {
  color: var(--cc-secondary)
}
.dl-menuwrapper.login li a span {
  font-size: 13px;
  margin-top: 0px;
  text-transform: inherit;
  font-weight: 400;
  color: #333;
  background: transparent;
  font-family: 'Source Sans Pro', sans-serif;
}
.homepage .dl-menuwrapper.login li span {
  background: transparent;
}
.dl-menuwrapper.login li a:hover > span {
  text-decoration: none;
  color: #333
}
.dl-menuwrapper li a.active {
  border: none;
  text-decoration: none;
  background: #115070;
  color: white
}
.dl-menuwrapper a:hover {
  text-decoration: none;
}
.dl-menuwrapper li.altro a {
  margin: 0px;
  margin-top: 5px;
  width: 100%;
  height: inherit;
  background: #d0d3d6;
  color: white;
  border: none;
}
.dl-menuwrapper li.altro a:hover {
  border: none;
}
.dl-menuwrapper li.altro .dl-submenu a {
  margin: 0px;
  margin-top: 0px;
  width: 100%;
  height: inherit;
  background: #FFFFFF;
  color: #0A2838;
  border: none;
  border-top: none;
  border-left: none;
  border-right: none;
}
.dl-menuwrapper li.altro .dl-submenu .dl-back a {
  background: #CED1DA;
}
.dl-menuwrapper li.altro a:hover {
  background: #B0B0B0;
}
/*	*/ .dl-menuwrapper li.altro .dl-submenu a:hover {
  background: #CED1DA;
}
.dl-menuwrapper li.altro a span {
  margin-top: 0px;
}
/*.no-touch .dl-menuwrapper li a:hover {
	border:1px solid #d0d3d6;
	text-decoration:none;
	}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}*/
.dl-menuwrapper .dl-menu {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-top: 0px;
  width: 439px;
  right: 0px;
}
.dl-menuwrapper.avvisi .dl-menu {
  margin-top: 4px;
}
.dl-menuwrapper.login.loggato .dl-menu {
  width: 330px;
  padding-bottom: 20px;
}
.dl-menuwrapper.basic .dl-menu {
  width: 402px;
  margin-top: 0px;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
  transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -moz-box-shadow: 0px 2px 10px rgba(204, 204, 204, 0.2);
  -webkit-box-shadow: 0px 2px 10px rgba(204, 204, 204, 0.2);
  box-shadow: 0px 2px 10px rgba(4, 4, 4, 0.2);
  background: rgb(242, 242, 242);
  border: 2px solid #ffffff;
}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
  display: none;
}
/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {
  display: none;
}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block;
}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  margin: 0;
}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3 {
  -webkit-animation: MenuAnimOut3 0.4s ease;
  animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
  -webkit-animation: MenuAnimOut4 0.4s ease;
  animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
  -webkit-animation: MenuAnimOut5 0.4s ease;
  animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
  0% {}
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut2 {
  0% {}
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut3 {
  0% {}
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut4 {
  0% {}
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut5 {
  0% {}
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut1 {
  0% {}
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@keyframes MenuAnimOut2 {
  0% {}
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut3 {
  0% {}
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
}
@keyframes MenuAnimOut4 {
  0% {}
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
}
@keyframes MenuAnimOut5 {
  0% {}
  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
}
.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
  -webkit-animation: MenuAnimIn3 0.4s ease;
  animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
  -webkit-animation: MenuAnimIn4 0.4s ease;
  animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
  -webkit-animation: MenuAnimIn5 0.4s ease;
  animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
  -webkit-animation: SubMenuAnimIn3 0.4s ease;
  animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
  -webkit-animation: SubMenuAnimIn4 0.4s ease;
  animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
  -webkit-animation: SubMenuAnimIn5 0.4s ease;
  animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
  -webkit-animation: SubMenuAnimOut3 0.4s ease;
  animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
  -webkit-animation: SubMenuAnimOut4 0.4s ease;
  animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
  -webkit-animation: SubMenuAnimOut5 0.4s ease;
  animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
  }
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
  display: block;
}
.no-js .dl-menuwrapper li.dl-back {
  display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: '';
}
/* Colors for demos */

@media (max-width:1034px) {
    .dl-menuwrapper.login li.carrello_responsive {
        display: inline-block;
    }
}

    @media (max-width:875px) {
        .dl-menuwrapper.login, .dl-menuwrapper.carrello {
        }

        .login span, .carrello span {
            /*  display: none*/
        }

        .dl-menuwrapper .dl-menu, .dl-menuwrapper.login ul {
            /*    right: -78px;
    margin: 24px 0px 0px 0px;
    width: 307px;
    top: 45px;
    overflow: hidden;*/
        }

         .dl-menuwrapper.login li {
            width: 22%;
            height: 90px;
        }
    }

    @media (max-width:500px) {



        .dl-menuwrapper.login li {
            width: 29%;
            height: 90px;
        }

        .dl-menuwrapper.avvisi .dl-menu, .dl-menuwrapper.login ul {
            margin-top: 11px;
        }

        .dl-menuwrapper {
            padding: 10px;
        }

        .login span, .carrello span, .avvisi span {
            display: none;
        }
        .avvisi .dl-trigger svg {
            left: 11px;
            top: 6px;
        }
        .avvisi .dl-trigger strong, .dl-menuwrapper div.avvisi strong {
            top: -1px;
            left: 23px;
        
        }
        .dl-menuwrapper .dl-menu {
            width: 295px;
        }

        .dl-menuwrapper.login li a span {
            font-size: 11px;
            line-height: 11px;
        }

        .dl-menuwrapper.login li {
            height: 79px;
        }
    }
/*! Pusha v2.0.0 | MIT License | https://github.com/slavanga/pusha */

body {
    overflow-x: hidden
}


.pusha-panel__content::-webkit-scrollbar {
    width: 10px;
}
/* this targets the default scrollb*/
.pusha-panel__content::-webkit-scrollbar-track {
    background-color: var(--cc-tertiary);
}
/* the new scrollbar will have a flat appearance with the set background color */
.pusha-panel__content::-webkit-scrollbar-thumb {
    background-color: var(--cc-light);
    -moz-border-radius: 15px;
    border-radius: 15px;
}
/* this will style the thumb, ignoring the track */
.pusha-panel__content::-webkit-scrollbar-button {
    background-color: var(--cc-tertiary);
}
/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
.pusha-panel__content::-webkit-scrollbar-button {
    background-color: var(--cc-tertiary);
    display: none
}
/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
.pusha-panel__content::-webkit-scrollbar-corner::before {
}

.pusha-panel__content::-webkit-scrollbar-corner {
    background-color: var(--cc-light);
    -moz-border-radius: 15px;
    border-radius: 15px;
}
/* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */




.pusha-active, .pusha-active body {
    overflow: hidden;
}

.pusha-push, .pusha-wrapper {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.pusha-wrapper {
    position: relative;
    z-index: 200;
    height: 100%;
    background-color: inherit
}

.pusha-panel {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    will-change: transform
}

.pusha-panel--left {
    max-width: 100%;
    max-height: 100vh;
    width: 260px;
    height: 100%;
    background-color: white;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 200;
    -webkit-transition: visibility 0s linear .3s, opacity 50ms linear .3s, -webkit-transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, -webkit-transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, transform .3s ease, -webkit-transform .3s ease
}

    .pusha-panel--left.pusha-panel--active ~ .pusha-blocker, .pusha-panel--left.pusha-panel--active ~ .pusha-push, .pusha-panel--left.pusha-panel--active ~ .pusha-wrapper {
        -webkit-transform: translateX(260px);
        transform: translateX(260px)
    }

    .pusha-panel--left.pusha-panel--active {
        -webkit-transition: opacity 50ms, -webkit-transform .3s ease;
        transition: opacity 50ms, -webkit-transform .3s ease;
        transition: opacity 50ms, transform .3s ease;
        transition: opacity 50ms, transform .3s ease, -webkit-transform .3s ease
    }

.pusha-panel--right {
    max-width: 100%;
    max-height: 100vh;
    width: 260px;
    height: 100%;
    background-color: white;
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 200;
    -webkit-transition: visibility 0s linear .3s, opacity 50ms linear .3s, -webkit-transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, -webkit-transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, transform .3s ease, -webkit-transform .3s ease
}

    .pusha-panel--right.pusha-panel--active ~ .pusha-blocker, .pusha-panel--right.pusha-panel--active ~ .pusha-push, .pusha-panel--right.pusha-panel--active ~ .pusha-wrapper {
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px)
    }

    .pusha-panel--right.pusha-panel--active {
        -webkit-transition: opacity 50ms, -webkit-transform .3s ease;
        transition: opacity 50ms, -webkit-transform .3s ease;
        transition: opacity 50ms, transform .3s ease;
        transition: opacity 50ms, transform .3s ease, -webkit-transform .3s ease
    }

.pusha-panel--top {
    max-width: 100%;
    max-height: 100vh;
    width: 100%;
    height: 260px;
    background-color: white;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 220;
    -webkit-transition: visibility 0s linear .3s, opacity 50ms linear .3s, -webkit-transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, -webkit-transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, transform .3s ease, -webkit-transform .3s ease
}

    .pusha-panel--top.pusha-panel--active {
        -webkit-transition: opacity 50ms, -webkit-transform .3s ease;
        transition: opacity 50ms, -webkit-transform .3s ease;
        transition: opacity 50ms, transform .3s ease;
        transition: opacity 50ms, transform .3s ease, -webkit-transform .3s ease
    }

.pusha-panel--bottom {
    max-width: 100%;
    max-height: 100vh;
    width: 100%;
    height: 260px;
    background-color: white;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 220;
    -webkit-transition: visibility 0s linear .3s, opacity 50ms linear .3s, -webkit-transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, -webkit-transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, transform .3s ease;
    transition: visibility 0s linear .3s, opacity 50ms linear .3s, transform .3s ease, -webkit-transform .3s ease
}

    .pusha-panel--bottom.pusha-panel--active {
        -webkit-transition: opacity 50ms, -webkit-transform .3s ease;
        transition: opacity 50ms, -webkit-transform .3s ease;
        transition: opacity 50ms, transform .3s ease;
        transition: opacity 50ms, transform .3s ease, -webkit-transform .3s ease
    }

.pusha-panel--active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 999;
    background: var(--cc-light);
}

.pusha-panel__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
}

.pusha-active .pusha-panel__content {
    overflow-y: auto;
    outline: none;
    /* background: var(--cc-light); */
}

.pusha-blocker {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 210;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: visibility 0s linear .3s, opacity .3s ease, -webkit-transform .3s ease;
    transition: visibility 0s linear .3s, opacity .3s ease, -webkit-transform .3s ease;
    transition: visibility 0s linear .3s, transform .3s ease, opacity .3s ease;
    transition: visibility 0s linear .3s, transform .3s ease, opacity .3s ease, -webkit-transform .3s ease
}

.pusha-active .pusha-blocker {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease
}

.page__header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 205;
    padding: 15px 0;
    background-color: #eee;
    border-bottom: 1px solid #ddd
}

.page__content {
    padding-top: 100px;
    padding-bottom: 50px
}

.page__footer {
    padding-top: 40px;
    padding-bottom: 20px
}

.menu {
    margin: 0px;
    border-top: 1px solid var(--cc-light);
    display: block;
    clear: both;
    /* padding: 16px; */
    background: white;
    margin-top: 0px;
    display: inline-block;
    width: 100%;
}

    .menu ul {
        padding: 0px 0px 10px 30px;
        border-bottom: 1px solid var(--cc-light);
        border-top: 1px solid white;
        position: relative;
        top: -1px; /* color: red; */
    }

        .menu ul li a {
            display: block;
            padding: 5px;
            color: var(--cc-dark);
            font-size: 15px;
            line-height: 24px;
            border-bottom: none;
            font-family: var(--cc-font-body);
            font-weight: var(--cc-weight-bold);
        }

    .menu li a {
        display: block;
        padding: 10px;
        color: var(--cc-primary);
        font-size: 18px;
        line-height: 26px;
        border-bottom: 1px solid var(--cc-light);
        background: white;
        font-family: var(--cc-font-title);
        font-weight: var(--cc-weight-regular);
    }

        .menu li a.catalogo {
            background-color: var(--cc-primary);
            color: white;
        }

.sub-menu {
    display: none
}

.pusha-panel__inner {
    padding: 0px;
}

    .pusha-panel__inner .logo {
        margin: 0px 0px 0px 0px;
        float: left;
        position: relative;
        z-index: 2;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        cursor: pointer;
        text-align: center;
        background: white;
        padding: 20px 10px;
    }

        .pusha-panel__inner .logo img {
            height: auto;
            max-width: 100%;
        }

.btn.pusha-panel__close:hover {
    color: var(--cc-tertiary);
    background: transparent
}

.pusha-panel__close {
    background: none;
    padding: 0px;
    font-size: 30px;
    color: var(--cc-tertiary);
    cursor: pointer;
    float: right;
    z-index: 9;
    position: fixed;
    right: 20px;
    top: 22px;
}

.panel {
  position: fixed;
  top: 130px;
  right: 0px;
  display: none;
  background: rgb(255, 255, 255);
  width: 400px;
  padding: 20px;
  filter: alpha(opacity=85);
  opacity: 1;
  z-index: 99;
  overflow-y: auto;
  overflow-x: hidden;
  border-right: none;
  outline: none;
  -moz-box-shadow: 0px 2px 11px 0px rgba(179, 174, 174, 0.6);
  -webkit-box-shadow: 0px 2px 11px 0px rgba(179, 174, 174, 0.6);
  box-shadow: 0px 2px 11px 0px rgba(179, 174, 174, 0.6);
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
.panel h1 a, .panel h1 a:hover {
  text-decoration: none;
}
.panel .titolo {
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: 25px;
  width: 100%;
  margin-bottom: 10px;
}
.panel .immagine_prodotto {
  height: 100px;
  width: 100px;
  display: table;
}
.panel .immagine_prodotto div {
  background: white;
}
.panel h1 {
  font-size: 30px;
  font-weight: var(--cc-weight-bold);
  text-align: left;
  padding: 10px 0px;
  margin: 0px;
}
.panel table tr td {
  padding: 5px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid black;
}
.panel .tabelle_carrello tr th {
  background-color: #8cc63f;
  padding: 0px;
  color: white;
  text-align: center;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
.panel .immagine_prodotto div img {
  max-height: 100px;
  max-width: 100px;
}
.panel p {
  margin: 0 0 15px 0;
  padding: 0;
  color: var(--cc-primary);
}
a.trigger {
  /*  position: fixed;
  text-decoration: none;
  top: 60px;
  right: 0px;
  color: white;
  padding: 20px 40px 20px 57px;
  background: #4e4e4e url(../img/plus.png) 90% center no-repeat;
  border: 1px solid #4e4e4e;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
  display: block;
  z-index: 1000;
  text-transform: uppercase;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  position: fixed; */
  z-index: 9;
  color: white;
}
a.trigger:hover {
  /*  color: white;
  background: var(--cc-dark) url(../img/plus.png) 90% center no-repeat;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;*/
}
a.active.trigger:before {
  position: relative;
  right: 134px;
}
a.active.trigger svg {
  display: none
}
a.active.trigger .prezzo_linguetta {
  display: none
}
a.active.trigger:before {
  content: "\f057";
  font-weight: bold;
  font-family: Font Awesome\ 5 Free;
  margin: 5px -20px 0px 10px;
  float: right;
}
.panel .columns {
  clear: both;
  width: 100%;
  padding: 0px;
}
.panel .colleft {
  float: left;
  width: 50%;
}
.panel .colright {
  float: right;
  width: 50%;
}
.panel ul {
  padding: 0px 10px 0px 0px;
  margin: 0;
  list-style-type: none;
  border-top: 1px solid var(--cc-light);
  padding-top: 6px;
  max-height: 430px;
  overflow: auto;
  margin-bottom: 10px;
}
.panel ul::-webkit-scrollbar {
  width: 10px;
} /* this targets the default scrollb
.panel ul::-webkit-scrollbar-track {
      background-color: #b46868;
} /* the new scrollbar will have a flat appearance with the set background color */
.panel ul::-webkit-scrollbar-thumb {
  background-color: #4eb17e;
  -moz-border-radius: 15px;
  border-radius: 15px;
} /* this will style the thumb, ignoring the track */
.panel ul::-webkit-scrollbar-button {
  background-color: #4eb17e;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
.panel ul::-webkit-scrollbar-button {
  background-color: #4eb17e;
  display: none
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
.panel ul::-webkit-scrollbar-corner::before {}
.panel ul::-webkit-scrollbar-corner {
  background-color: #4eb17e;
  -moz-border-radius: 15px;
  border-radius: 15px;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
.panel ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: block;
  width: 100%;
  height: auto;
  overflow: auto;
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--cc-light);
}
.box_carrello .img img {
  height: 40px;
  padding: 0px
}
.box_carrello .desc_prod {
  font-size: 14px;
  color: #666
}
.panel hr {
  background-color: #c5c5c4;
  height: 1px;
  width: 100%;
}
.panel_linguetta {}
.panel .puntifidelity {
  position: relative;
  clear: both;
  background-color: var(--cc-light);
  width: 100%;
  outline: none;
  display: inline-block;
  margin-top: 10px;
  padding: 10px 15px;
  margin-bottom: 0px;
}
.puntifidelity h3 img {
  position: relative;
  float: left;
  height: 20px;
  margin-right: 5px;
  top: 3px;
}
.puntifidelity h3 {
  font-size: 17px;
  font-weight: var(--cc-weight-bold);
  color: var(--cc-secondary);
  margin-bottom: 10px;
}
.panel .puntifidelity p {
  margin: 0px;
  padding: 0;
  color: var(--cc-secondary);
  font-size: 13px;
  text-align: left;
}
.panel .prezzo_totale {
  font-size: 20px;
  color: #eb1c24;
  font-weight: var(--cc-weight-bold);
  text-align: left;
  margin-bottom: 5px;
  display: inline-block;
  position: relative;
  float: left
}
.panel .prezzo_totale strong {
  color: var(--cc-secondary);
  font-weight: 400 !important;
}
.concludi_ord {
  display: inline-block;
  position: relative;
  float: right
}
.concludi_ord .btn {
  background: var(--cc-tertiary);
  padding: 6px 12px;
  border-radius: 2px;
}
.panel .elimina {
  position: relative;
  float: right;
  padding-top: 5px;
  color: white;
  background: var(--cc-secondary);
  padding: 10px;
  border-radius: 2px;
}
.panel .elimina a {
  color: white
}
.panel .img {
  position: relative;
  float: left;
  margin: 0px 5px;
  border: 1px solid var(--cc-primary);
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.panel .titolo_prod {
  position: relative;
  float: left;
  width: 200px;
  font-size: 13px;
}
.panel .desc_prod {
  position: relative;
  float: left;
  text-align: right;
  color: var(--cc-secondary);
  font-size: 13px;
  margin-left: 5px;
  /* background: red; */
  font-weight: var(--cc-weight-bold);
}
@media (max-width:1370px) {
  .panel ul {
    max-height: 252px;
  }
}
@media (max-width:875px) {
  a.trigger, ul.linguette {
    display: none;
  }
}