/* Minification failed. Returning unminified contents. (1683,17): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (1808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1843,17): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (1861,17): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (1884,28): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (1891,28): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (1909,17): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (1924,17): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (1992,25): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (1998,42): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2008,30): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2020,39): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2046,22): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2048,28): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (2054,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (2055,32): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (2064,17): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (2100,28): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2108,28): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2117,21): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (2181,26): run-time error CSS1039: Token not allowed after unary operator: '-main-hoverColor-color' (2185,22): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2186,28): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2190,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size3' (2199,28): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2200,17): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2203,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size3' (2211,26): run-time error CSS1039: Token not allowed after unary operator: '-main-hoverColor-color' (2216,22): run-time error CSS1039: Token not allowed after unary operator: '-main-hoverColor-color' (2217,28): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (2220,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size3' (2224,22): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2229,22): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2231,28): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2241,26): run-time error CSS1039: Token not allowed after unary operator: '-main-hoverColor-color' (2243,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size3' (2249,28): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (2254,17): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (2261,21): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (2265,32): run-time error CSS1039: Token not allowed after unary operator: '-main-hoverColor-color' (2293,28): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2299,17): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2308,28): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (2318,28): run-time error CSS1039: Token not allowed after unary operator: '-main-six-color' (2319,17): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (2418,28): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2428,28): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2489,28): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2505,28): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2513,32): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2528,28): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2557,40): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2576,33): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2582,25): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2603,25): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2611,36): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2612,36): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2625,17): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2640,36): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2649,36): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2660,28): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2676,35): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2684,32): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2685,32): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2709,40): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2714,28): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2731,28): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2760,40): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2779,33): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2785,25): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2806,25): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2814,36): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2815,36): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2828,17): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2843,36): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2852,36): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2863,28): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2879,35): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2887,32): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2888,32): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2912,40): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (2917,28): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (2934,17): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2941,28): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (2951,1): run-time error CSS1019: Unexpected token, found '@import' (2951,9): run-time error CSS1019: Unexpected token, found '"https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,500,500i,600,600i,700,700i|Oswald:200,300,400,500,600,700"' (2952,1): run-time error CSS1019: Unexpected token, found '@import' (2952,9): run-time error CSS1019: Unexpected token, found '"https://use.fontawesome.com/releases/v5.2.0/css/all.css"' (3044,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3069,15): run-time error CSS1039: Token not allowed after unary operator: '-main-contornoProducto-color' (3070,19): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size3' (3074,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (3079,19): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size4' (3083,24): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (3086,15): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (3089,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (3171,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (3191,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (3285,26): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (3288,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconSecond-color' (3293,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (3303,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (3308,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (3328,15): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (3345,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconSecond-color' (3355,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (3365,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (3379,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconSecond-color' (3628,26): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (3645,26): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (3657,26): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (3679,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (3699,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (3714,33): run-time error CSS1030: Expected identifier, found ' ' (3715,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (3787,15): run-time error CSS1039: Token not allowed after unary operator: '-main-hoverColor-color' (3792,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (3800,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (3808,30): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (3809,33): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (3877,30): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (3902,20): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (3939,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (3983,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4001,33): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4032,23): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4042,27): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4043,24): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4056,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4086,26): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (4088,15): run-time error CSS1039: Token not allowed after unary operator: '-main-six-color' (4110,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4116,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4153,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' : run-time error CSS1036: Expected expression, found '' (4316,20): run-time error CSS1039: Token not allowed after unary operator: '-main-backgroundBars-color' (4320,15): run-time error CSS1039: Token not allowed after unary operator: '-main-contornoProducto-color' (4367,33): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4372,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4425,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4438,27): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4462,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4469,30): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4485,33): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4526,27): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4569,26): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4582,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4586,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4590,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4594,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4598,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4617,26): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4618,22): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4638,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4639,30): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4643,15): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (4651,15): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (4676,26): run-time error CSS1039: Token not allowed after unary operator: '-main-backgroundBars-color' (4682,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4684,26): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4689,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (4690,26): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (4699,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4703,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4796,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4797,8): run-time error CSS1035: Expected colon, found '{' (4806,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4807,8): run-time error CSS1035: Expected colon, found '{' (4817,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4818,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4891,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4894,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4898,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4901,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4906,19): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size' (4907,26): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (4910,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconSecond-color' (4914,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (4927,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (4928,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (4932,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (4933,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (4937,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (4938,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (4942,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (4943,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (4947,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (4948,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (4952,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (4953,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (4957,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (4958,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (4962,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (4963,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (4967,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (4968,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (4988,15): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (4994,15): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (5010,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5018,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5059,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (5070,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (5083,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (5096,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (5109,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (5110,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (5116,26): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (5117,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconSecond-color' (5121,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (5122,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (5128,26): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (5129,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconSecond-color' (5133,20): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverRelleno-color' (5134,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconhoverSecond-color' (5140,26): run-time error CSS1039: Token not allowed after unary operator: '-main-iconFirst-color' (5141,15): run-time error CSS1039: Token not allowed after unary operator: '-main-iconSecond-color' (5146,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5154,26): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (5181,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5294,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5315,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5319,33): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5323,33): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5330,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5333,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5341,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (5342,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5343,15): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (5347,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5352,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (5358,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5363,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (5369,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5373,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5384,26): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (5445,26): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (5482,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5491,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5492,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (5499,20): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (5500,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5520,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5522,26): run-time error CSS1039: Token not allowed after unary operator: '-main-five-color' (5531,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5534,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5543,15): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (5552,15): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (5562,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5563,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5588,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5589,27): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5593,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5594,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5646,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5651,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5652,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (5670,15): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (5683,26): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (5709,26): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (5723,26): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (5757,30): run-time error CSS1039: Token not allowed after unary operator: '-main-iconSecond-color' (5849,26): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (5854,15): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (5858,20): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (5960,20): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (5963,15): run-time error CSS1039: Token not allowed after unary operator: '-main-six-color' (5965,26): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (5968,15): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (5970,26): run-time error CSS1039: Token not allowed after unary operator: '-main-second-color' (5995,26): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (5999,20): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (6046,15): run-time error CSS1039: Token not allowed after unary operator: '-main-six-color' (6096,35): run-time error CSS1039: Token not allowed after unary operator: '-main-fourt-color' (6113,17): run-time error CSS1039: Token not allowed after unary operator: '-main-seven-color' (6285,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6286,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6299,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6300,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6309,20): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6310,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6340,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6375,34): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6467,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6472,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6708,15): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6804,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6815,22): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6908,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6916,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (6917,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (7049,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' (7140,26): run-time error CSS1039: Token not allowed after unary operator: '-main-first-color' */ /*! jQuery UI - v1.12.1 - 2018-12-02 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { /* background: #fff url('./ajax-loader.gif') center center no-repeat; */ } /* Icons */ @font-face { font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-size: 35px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .cd-breadcrumb, .cd-multi-steps { width: 98%; margin: 1% auto; background-color: #fff } .cd-breadcrumb:after, .cd-multi-steps:after { content: ""; display: table; clear: both } .cd-breadcrumb li, .cd-multi-steps li { display: inline-block; float: left; margin: 5px 0 } .cd-breadcrumb li::after, .cd-multi-steps li::after { display: inline-block; content: '\00bb'; margin: 0 5px; color: #959fa5 } .cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after { display: none } .cd-breadcrumb li>*, .cd-multi-steps li>* { display: inline-block; font-size: 12px; color: #2c3f4c } .cd-breadcrumb li.current>*, .cd-multi-steps li.current>* { color: #000!important } .no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover { color: var(--main-first-color) } .cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after { content: ''; height: 16px; width: 16px; background: url(https://www.vidri.com.sv/themes/default/img/cd-custom-separator.svg) no-repeat center center; vertical-align: middle } .cd-breadcrumb.custom-icons li>*::before, .cd-multi-steps.custom-icons li>*::before { content: ''; display: inline-block; height: 20px; width: 20px; margin-right: .4em; margin-top: -2px; background: url(https://www.vidri.com.sv/themes/default/img/cd-custom-icons-01.svg) no-repeat 0 0; vertical-align: middle } .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2)>*::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2)>*::before { background-position: -20px 0 } .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3)>*::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3)>*::before { background-position: -40px 0 } .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4)>*::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4)>*::before { background-position: -60px 0 } .cd-breadcrumb.custom-icons li.current:first-of-type>*::before, .cd-multi-steps.custom-icons li.current:first-of-type>*::before { background-position: 0 -20px } .cd-breadcrumb.custom-icons li.current:nth-of-type(2)>*::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2)>*::before { background-position: -20px -20px } .cd-breadcrumb.custom-icons li.current:nth-of-type(3)>*::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3)>*::before { background-position: -40px -20px } .cd-breadcrumb.custom-icons li.current:nth-of-type(4)>*::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4)>*::before { background-position: -60px -20px } @media only screen and (min-width:768px) { .cd-breadcrumb, .cd-multi-steps { padding: 0 8px } .cd-breadcrumb li, .cd-multi-steps li { margin: .5em 0 } .cd-breadcrumb li::after, .cd-multi-steps li::after { margin: 0 5px } .cd-breadcrumb li>*, .cd-multi-steps li>* { font-size: 12px } } em { font-style: normal; color: #6c6c6c!important } @charset "utf-8"; /* CSS Document */ /*:root { --main-first-color: #93BC00; --main-second-color: #B9C8D0; --main-third-color: #fff; --main-fourt-color: #6C7786; --main-five-color: #232323; --main-six-color: #f0a90f; --main-seven-color: #F7394F; --main-hoverColor-color: #8AAF06; }*/ /*la vinoteca*/ /*:root { --main-first-color: #3A547C; --main-second-color: #A4A9A8; /*gris claro*/ /*--main-third-color: #fff; /*--main-fourt-color: #6C7786; /*gris oscuro*/ /*--main-five-color: #232323; /* negro*/ /*--main-six-color: #f0a90f; /*#fee505 amarillo*/ /* --main-seven-color: #F7394F; /*#F7394F rojo*/ /* --main-hoverColor-color: #526D97; /*#8AAF06 principal solo que encendido o apagado*/ /*} */ /*pinturas del sur*/ /*:root { --main-first-color: #f5333f; --main-second-color: #ffb71b; /*gris claro*/ /* --main-third-color: #fff; --main-fourt-color: #6C7786; /*gris oscuro*/ /* --main-five-color: #000000; /* negro*/ /* --main-six-color: #f0a90f; /*#fee505 amarillo*/ /* --main-seven-color: #F7394F; /*#F7394F rojo*/ /* --main-hoverColor-color: #D94750; /*#8AAF06 principal solo que encendido o apagado*/ /*} */ /*en uso*/ :root { --main-first-color: #93BC00; --main-second-color: #B9C8D0; /*gris claro*/ --main-third-color: #fff; --main-fourt-color: #6C7786; /*gris oscuro*/ --main-five-color: #000000; /* negro*/ --main-six-color: #f0a90f; /*#fee505 amarillo*/ --main-seven-color: #F7394F; /*#F7394F rojo*/ --main-hoverColor-color: #8AAF06; /*#8AAF06 principal solo que encendido o apagado*/ } .ca-item { float: left; position: relative; width: 188px; height: 100%; padding: 5px; margin: 5px; } .ca-image { max-width: 160px; max-height: 160px; margin: 45px auto; } .ca-name { height: 57px; text-align: center; margin-top: 10px; font-size: 14px; font-weight: lighter; } .ca-sku { padding: 6px 0; color: var(--main-fourt-color); font-size: 12px; text-align: center; } .ca-sale { width: 100%; float: left; position: relative; padding: 8px; text-align: center; } .ca-sale small { font-size: 14px; } .ca-price { color: var(--main-fourt-color); font-size: 16px; line-height: 38px; text-align: center; font-weight: 700; } .ca-seal { width: 100%; float: left; position: relative; height: 28px; text-align: center; margin-bottom: 8px; } sup { font-size: 10px; } .imagen_Large_Producto { width: 364px; height: 345px; border: 3px solid var(--main-second-color); border-radius: 30px; } .imagen_peque_Producto { width: 80px; height: 80px; border: 3px solid var(--main-first-color); border-radius: 30px; } .nameproducto_ { font-weight: lighter; font-size: 25px; text-align: left; } .priceproducto_ { font-weight: bold; font-size: 30px; text-align: left; } .inStock { font-weight: lighter; color: var(--main-first-color); font-size: 14px; text-align: left; } .subtituloDescripcionProducto { font-weight: bold; font-size: 16px; text-align: left; } .descripcionProductoDerecho { font-weight: lighter; font-size: 12px; text-align: left; color: var(--main-second-color) } .productImage_thumb { width: 98px; height: 98px; margin: 25px; } .productImage_large { width: 463px; height: 515px; position: relative; float: left; } .productCTA { width: 306px; float: left; position: relative; padding: 15px 10px; } .productContenedor { width: 463px; float: left; position: relative; padding: 15px 10px; margin-left: 35px; } /*.zoom { display: inline-block; position: relative; cursor: url(https://www.ferreteriavidri.com/public/images/360_zoom_in.png), pointer; }*/ .zoom:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; } .zoom img { display: block; } .zoom img::selection { background-color: transparent; } #description { width: 990px; float: left; margin-bottom: 25px; } #description table { width: 100% !important; border-collapse: collapse; } #description table tr:first-child td { font-weight: 600; color: var(--main-five-color); font-size: 1em; } #description table td:first-child { font-weight: 600; border-right: 1px solid var(--main-second-color); } #description table td { border: 0; outline: 0; padding: 12px 18px; } #description table tr:nth-child(even) { background: var(--main-second-color); } #description table tr { border: 0; outline: 0; } #description h4 { font-size: 18px; padding: 15px 10px; font-weight: 700; border-bottom: 1px solid var(--main-second-color); } #description h5 { font-size: 16px; font-weight: 700; padding: 5px 0; } #description ul { margin: 7px; padding: 14px; } #description li { line-height: 20px; } .btn-addToCart { width: 96% !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; color: #FFFFFF; font-size: 14px; font-weight: 700; background: var(--main-first-color); padding: 10px 40px 10px 40px; border: 1px solid var(--main-seven-color); text-decoration: none; cursor: pointer; } .btn-addToCart:hover { background: var(--main-five-color); border: 1px solid var(--main-five-color); text-decoration: none; } .btn-addToWish { width: 96% !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; color: var(--main-five-color); font-size: 14px; font-weight: 700; background: #FFF; padding: 8px 40px 8px 40px; border: 1px solid #FFF; border-bottom: 4px solid #FFF; text-decoration: none; cursor: pointer; } /* Catalog */ .catalog_header { float: left; } #filterOptions h2 { padding-top: 8px; padding-bottom: 8px; } .catalog_header h2 { width: 495px; float: left; } .catalog_header div { } button [type="submit"]{ -webkit-appearance: none !important; } .catalog select { border: 1px solid var(--main-second-color); -webkit-appearance: none; padding: 8px; } .catalog input[type=number] { width: 50px; padding: 4px; border: 1px solid var(--main-second-color); } .catalog_sidebar_list { width: 270px; float: left; } .catalog_sidebar_list h3 { color: var(--main-five-color); font-weight: 700; } .catalog_sidebar_list label { font-weight: bold; padding-bottom: 6px; } /*.catalog_sidebar_list input[type=checkbox]:before { display: block; width: 14px; height: 14px; border: 1px solid #FF0000; content: " "; background: #FFF; }*/ .catalog_sidebar_list input[type=checkbox]:checked:before { background-image: url(https://ferreteriavidri.com/themes/default/img/check.png); } .catalog_sidebar_list ul { list-style-type: none; margin: 0; padding: 0; } .catalog_sidebar_list ul > li { padding: 5px 5px; /*border-bottom:1px dashed #BCBCBC;*/ } .catalog_sidebar_list li > span { float: right; font-weight: bold !important; } .catalog_sidebar_list li > a:link { font-size: 12px; } .catalog_grid { margin: auto; } .catalog_element { width: 230px; height: 400px; float: left; padding: 10px; text-align: center; } .catalog_element img { width: 200px; height: 200px; } .btn-signIn { } .btn-signIn:hover { background: var(--main-hoverColor-color); } .btn-signIn { background: var(--main-first-color); border: 1px solid var(--main-first-color); color: #FFFFFF; border-radius: 60px; margin-top: 20px; font-size: var(--base-font-size3); height: 50px; padding-left: 25px; padding-right: 25px; font-family: "Futura", sans-serif; } .btn-Inactivo { background: #FFFFFF; border: 1px solid var(--main-first-color); color: var(--main-first-color); border-radius: 60px; margin-top: 20px; font-size: var(--base-font-size3); height: 50px; padding-left: 25px; padding-right: 25px; font-family: "Futura", sans-serif; } .btn-Inactivo:hover { background: var(--main-hoverColor-color); color: #FFFFFF; } .btn-signIn:hover { background: var(--main-hoverColor-color); border: 2px solid var(--main-five-color); color: #FFF; text-decoration: none; font-size: var(--base-font-size3); } .btn-signUp { background: var(--main-first-color); width: 50%; color: #fff; font-size: 14px; font-weight: 700; background: var(--main-first-color); padding: 8px 40px 8px 40px; border: 1px solid var(--main-first-color); text-decoration: none; border-radius: 60px; cursor: pointer; font-size: 16px; height: 60px; } .btn-signUp:hover { color: #fff; background: var(--main-hoverColor-color); text-decoration: none; font-size: var(--base-font-size3); } .btn-add2Cart { height: 34px; line-height: 34px; border: 1px solid var(--main-seven-color); font-size: 13px; text-align: center; margin-top: 8px; background-color: #FFF; color: var(--main-seven-color); text-transform: uppercase; bottom: 10px; cursor: pointer; } .btn-add2Cart a { color: var(--main-seven-color) !important; } .btn-add2Cart:hover { background-color: var(--main-hoverColor-color); color: #FFF !important; } .btn-add2Cart:hover a { color: #FFF !important; } #data img { width: 176px; height: 176px; } #retargeting { width: 990px; } #retargeting img { max-width: 85px; max-height: 85px; padding: 5px; } *:focus { outline: none; } .sweet-alert button.confirm { background-color: var(--main-first-color) !important; } .status0 { padding: 5px 10px; background-color: #FFFFFF; color: var(--main-fourt-color); line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status1 { padding: 5px; background-color: var(--main-seven-color); color: #FFF; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status2 { padding: 5px; background-color: var(--main-six-color); color: var(--main-five-color); line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status3 { padding: 5px; background-color: #307CE8; color: #FFF; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status4 { padding: 5px; background-color: #D6D6D6; color: #666; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status5 { padding: 5px; background-color: #D6D6D6; color: #666; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status6 { padding: 5px; background-color: #2DD172; color: #FFF; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status7 { padding: 5px; background-color: #B5E2C2; color: #FFF; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status8 { padding: 5px; background-color: #30C9E8; color: #FFF; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status9 { padding: 5px; background-color: #643129; color: #FFF; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status10 { padding: 5px; background-color: #48484A; color: #FFF; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status11 { padding: 5px; background-color: #F60; color: #FFF; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status12 { padding: 5px; background-color: var(--main-first-color); color: #FFF; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status13 { padding: 5px; background-color: var(--main-first-color); color: #FFF; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .status14 { padding: 5px; background-color: #FC6810; color: #FFF; line-height: 26px; font-size: 11px; font-weight: bold; border-radius: 0; } .cd-breadcrumb, .cd-multi-steps { width: 100%; padding: 0; margin: 10px 0; } #emailSignUp { width: 500px; margin: 0 auto; text-align: center; } #emailSubscribe { background-size: 30px 30px; background-position: 8px 0; background-repeat: no-repeat; } .input { width: 100%; height: 36px; border: 4px solid #FFF; background-color: #fbfbfb; padding: 5px 5px 5px 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; color: #3c3c3c; font-weight: 500; font-size: 14px; border-radius: 0; } .button-blue { width: 100%; height: 36px; top: 0; right: 0; padding: 0; border: #FFF solid 3px; background-color: var(--main-first-color); font-weight: 700; font-size: 14px; color: white; border-radius: 0; -webkit-appearance: none; } #upBtn { display: none; position: fixed; bottom: 15px; right: 0; z-index: 99; border: none; outline: none; background-color: var(--main-first-color); color: white; cursor: pointer; padding: 15px; border-radius: 0; } #upBtn:hover { background-color: var(--main-fourt-color); } td.wishContainer { position: relative } ul.whish { box-sizing: border-box; position: absolute; height: 0; margin: 0; padding: 0; background-color: #fff; overflow-y: hidden; border: 1px solid var(--main-second-color); transition-duration: .3s; top: 30px; left: 25px; width: 250px; visibility: hidden } ul.whish.opened { visibility: visible } ul.whish li { list-style: none; padding-bottom: 0; font-size: 13px } ul.whish li button { background-color: #fff; border: 0; padding: 6px; width: 100%; text-align: left; font-size: 13px } ul.whish li button:hover { cursor: pointer; background-color: var(--main-second-color) } .addListModal { position: relative; width: 40%; margin: 0 auto; background-color: #fff; padding: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .addListModal .addListHeader { text-align: center; border-bottom: 1px var(--main-second-color) solid } .addListModal .addListHeader h3 { font-size: 2em; font-weight: bolder; color: var(--main-fourt-color); margin: 0 0 10px } .addListModal .addListBody { position: relative; margin: 10px 0 } .addListModal .addListBody input[type=text] { box-sizing: border-box; font-size: 1.5em; width: 100%; padding: 10px 10px 10px 2.5em } .addListModal .addListBody i.fa.fa-gift { position: absolute; top: 8px; left: 14px; font-size: 2em; color: var(--main-fourt-color) } .addListModal .addListFooter { text-align: right } .addListModal .addListFooter button { border: 1px solid var(--main-second-color); background-color: var(--main-second-color); padding: 10px; margin: 5px; transition-duration: .2s } .addListModal .addListFooter button:hover { cursor: pointer; background-color: #FFF } .errorList { float: left; color: var(--main-first-color); font-size: 1.5em } ul.listNames { list-style: none; margin: 0 } ul.listNames li { display: inline-block; position: relative } ul.listNames li.selected { border: 1px solid var(--main-second-color); background-color: #fff } ul.listNames li.selected button { background-color: #fff } ul.listNames li button { background-color: var(--main-second-color); border: 0; font-size: 1.2em; padding: 15px } ul.listNames li button:hover { cursor: pointer } .listContainer { border: 1px solid var(--main-second-color); padding: 10px 15px 15px } li.selected:after { content: ""; position: absolute; top: 40px; left: 0; width: 100%; height: 10px; background-color: #fff } .listContainer .btndiv { text-align: right; border-bottom: solid 1px var(--main-second-color); margin-bottom: 10px } .listContainer .btndiv button, .listContainer table button { font-weight: 700; color: #FFF; background-color: var(--main-fourt-color); border: 2px solid var(--main-fourt-color); margin: 5px 5px 10px; padding: 5px; transition-duration: .2s; font-size: 12px } .listContainer .btndiv button:hover, .listContainer table button:hover { cursor: pointer; -webkit-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, .75); -moz-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, .75); -ms-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, .75); -o-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, .75); box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, .75) } .listContainer table { width: 100%; border-collapse: collapse; font-size: 1.2em } .listContainer table thead th { border-bottom: 4px double var(--main-fourt-color); height: 20px } .emptylistContainer { border: 1px solid var(--main-second-color); padding: 10px 15px 15px; font-size: 1.5rem } td.wishContainer { position: relative } ul.whish { box-sizing: border-box; position: absolute; height: 0; margin: 0; padding: 0; background-color: #fff; overflow-y: hidden; border: 1px solid var(--main-second-color); transition-duration: .3s; top: 30px; left: 25px; width: 250px; visibility: hidden } ul.whish.opened { visibility: visible } ul.whish li { list-style: none; padding-bottom: 0; font-size: 13px } ul.whish li button { background-color: #fff; border: 0; padding: 6px; width: 100%; text-align: left; font-size: 13px } ul.whish li button:hover { cursor: pointer; background-color: var(--main-second-color) } .addListModal { position: relative; width: 40%; margin: 0 auto; background-color: #fff; padding: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .addListModal .addListHeader { text-align: center; border-bottom: 1px var(--main-second-color) solid } .addListModal .addListHeader h3 { font-size: 2em; font-weight: bolder; color: var(--main-fourt-color); margin: 0 0 10px } .addListModal .addListBody { position: relative; margin: 10px 0 } .addListModal .addListBody input[type=text] { box-sizing: border-box; font-size: 1.5em; width: 100%; padding: 10px 10px 10px 2.5em } .addListModal .addListBody i.fa.fa-gift { position: absolute; top: 8px; left: 14px; font-size: 2em; color: var(--main-fourt-color) } .addListModal .addListFooter { text-align: right } .addListModal .addListFooter button { border: 1px solid var(--main-second-color); background-color: var(--main-second-color); padding: 10px; margin: 5px; transition-duration: .2s } .addListModal .addListFooter button:hover { cursor: pointer; background-color: #FFF } .errorList { float: left; color: var(--main-first-color); font-size: 1.5em } ul.listNames { list-style: none; margin: 0 } ul.listNames li { display: inline-block; position: relative } ul.listNames li.selected { border: 1px solid var(--main-second-color); background-color: #fff } ul.listNames li.selected button { background-color: #fff } ul.listNames li button { background-color: var(--main-second-color); border: 0; font-size: 1.2em; padding: 15px } ul.listNames li button:hover { cursor: pointer } .listContainer { border: 1px solid var(--main-second-color); padding: 10px 15px 15px } li.selected:after { content: ""; position: absolute; top: 40px; left: 0; width: 100%; height: 10px; background-color: #fff } .listContainer .btndiv { text-align: right; border-bottom: solid 1px var(--main-second-color); margin-bottom: 10px } .listContainer .btndiv button, .listContainer table button { font-weight: 700; color: #FFF; background-color: var(--main-fourt-color); border: 2px solid var(--main-fourt-color); margin: 5px 5px 10px; padding: 5px; transition-duration: .2s; font-size: 12px } .listContainer .btndiv button:hover, .listContainer table button:hover { cursor: pointer; -webkit-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, .75); -moz-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, .75); -ms-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, .75); -o-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, .75); box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, .75) } .listContainer table { width: 100%; border-collapse: collapse; font-size: 1.2em } .listContainer table thead th { border-bottom: 4px double var(--main-fourt-color); height: 20px } .emptylistContainer { border: 1px solid var(--main-second-color); padding: 10px 15px 15px; font-size: 1.5rem } .cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after { content: '/'; height: 16px; width: 16px; text-align: center; background: none; vertical-align: middle; } .cd-breadcrumb li > *, .cd-multi-steps li > * { color: var(--main-first-color); } .compare input[type=checkbox]:before { display: block; width: 14px; height: 14px; border: 1px solid var(--main-first-color); content: " "; background: #FFF; } .compare input[type=checkbox]:checked:before { background-image: url(https://ferreteriavidri.com/themes/default/img/check.png); } @charset "UTF-8"; @import "https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,500,500i,600,600i,700,700i|Oswald:200,300,400,500,600,700"; @import "https://use.fontawesome.com/releases/v5.2.0/css/all.css"; /* @import url( //fonts.googleapis.com/css?family=Source + Sans + Pro:300, 400, 600, 400italic ); */ @font-face { font-family: "GrandHotel-Regular"; src: url("../../fonts/GrandHotel-Regular.otf") format("opentype"); } @font-face { font-family: "SF-Compact-Display-Regular"; src: url("../../fonts/SF-Compact-Display-Regular.otf") format("opentype"); } @font-face { font-family: "SF-UI-Display-Regular"; src: url("../../fonts/SF-UI-Display-Regular.otf") format("opentype"); } @font-face { font-family: "Futura"; /* src: url("../../fonts/Futura/futur.ttf") format("truetype"), url("../../fonts/Futura/futur.woff") format("woff"), url("../../fonts/Futura/Futura Bold font.ttf") format("truetype"), url("../../fonts/Futura/Futura Bold Italic font.ttf") format("truetype"), url("../../fonts/Futura/Futura Book font.ttf") format("truetype"), url("../../fonts/Futura/Futura Book Italic font.ttf") format("truetype"), url("../../fonts/Futura/Futura Extra Black font.ttf") format("truetype"), url("../../fonts/Futura/Futura Heavy font.ttf") format("truetype"), url("../../fonts/Futura/Futura Heavy Italic font.ttf") format("truetype"), url("../../fonts/Futura/futura light bt.ttf") format("truetype"), url("../../fonts/Futura/futura medium condensed bt.ttf") format("truetype"), url("../../fonts/Futura/Futura Medium Italic font.ttf") format("truetype"), url("../../fonts/Futura/Futura XBlk BT.ttf") format("truetype"), url("../../fonts/Futura/Futura-CondensedLight.otf") format("truetype"), url("../../fonts/Futura/Futura Bold font.woff") format("woff"), url("../../fonts/Futura/Futura Bold Italic font.woff") format("woff"), url("../../fonts/Futura/Futura Book font.woff") format("woff"), url("../../fonts/Futura/Futura Book Italic font.woff") format("woff"), url("../../fonts/Futura/Futura Extra Black font.woff") format("woff"), url("../../fonts/Futura/Futura Heavy font.woff") format("woff"), url("../../fonts/Futura/Futura Heavy Italic font.woff") format("woff"), url("../../fonts/Futura/futura light bt.woff") format("woff"), url("../../fonts/Futura/futura medium condensed bt.woff") format("woff"), url("../../fonts/Futura/Futura Medium Italic font.woff") format("woff"), url("../../fonts/Futura/Futura XBlk BT.woff") format("woff"), url("../../fonts/Futura/Futura-CondensedLight.woff") format("woff"), */ src: url("../../fonts/Futura font/Futura Bk BT Book.ttf") format("truetype"), url("../../fonts/Futura font/Futura Lt BT Light.ttf") format("truetype"), url("../../fonts/Futura font/Futura Md BT Medium.ttf") format("truetype"), url("../../fonts/Futura font/Futura Bk BT Book.woff") format("woff"), url("../../fonts/Futura font/Futura Lt BT Light.woff") format("woff"), url("../../fonts/Futura font/Futura Md BT Medium.woff") format("woff"); } /*:root { --main-first-color: #93BC00; --main-second-color: #B9C8D0; --main-third-color: #fff; --main-fourt-color: #6C7786; --main-five-color: #232323; --main-six-color: #f0a90f; --main-seven-color: #F7394F; --main-hoverColor-color: #8AAF06; }*/ /*la vinoteca*/ /*:root { --main-first-color: #3A547C; --main-second-color: #A4A9A8; /*gris claro*/ /*--main-third-color: #fff; /*--main-fourt-color: #6C7786; /*gris oscuro*/ /*--main-five-color: #232323; /* negro*/ /*--main-six-color: #f0a90f; /*#fee505 amarillo*/ /* --main-seven-color: #F7394F; /*#F7394F rojo*/ /* --main-hoverColor-color: #526D97; /*#8AAF06 principal solo que encendido o apagado*/ /*} */ /*pinturas del sur*/ /*:root { --main-first-color: #f5333f; --main-second-color: #ffb71b; /*gris claro*/ /* --main-third-color: #fff; --main-fourt-color: #6C7786; /*gris oscuro*/ /* --main-five-color: #000000; /* negro*/ /* --main-six-color: #f0a90f; /*#fee505 amarillo*/ /* --main-seven-color: #F7394F; /*#F7394F rojo*/ /* --main-hoverColor-color: #D94750; /*#8AAF06 principal solo que encendido o apagado*/ /*} */ /*en uso*/ :root { --main-first-color: #93bc00; --main-second-color: #b9c8d0; /*gris claro*/ --main-third-color: #fff; --main-fourt-color: #6c7786; /*gris oscuro*/ --main-five-color: #000000; /* negro*/ --main-six-color: #f0a90f; /*#fee505 amarillo*/ --main-seven-color: #f7394f; /*#F7394F rojo*/ --main-hoverColor-color: #8aaf06; /*#8AAF06 principal solo que encendido o apagado*/ } /*body { font-family: 'SF-UI-Display-Regular'; font-size: 14px; font-weight: lighter; color: #var(--main-five-color); margin: 0; padding: 0; letter-spacing: .6px }*/ body { font-family: "Futura", sans-serif; } .icoColor { color: var(--main-contornoProducto-color); font-size: var(--base-font-size3); } a { color: var(--main-five-color); } .spanmargin { margin-left: 20px; font-size: var(--base-font-size4); } .separtor_g { display: inline-block; border-top: 1px var(--main-second-color); width: 100%; margin: 5px 10px; color: var(--main-second-color); } a:hover { color: var(--main-five-color); } a:active, a:hover, a:link, a:visited { text-decoration: none; } /*.container { width: 100%; float: left; position: relative; }*/ p { font-size: 17px; } .container-full { width: 100%; background-color: #fff; } /*.row { width: 1066px; margin: 0 auto }*/ .extended { width: 80%; } .clear { clear: both; max-width: 100%; height: 14px; margin: 0 auto; } #modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 98; background: rgba(0, 0, 0, 0.5); visibility: hidden; } #modal-loading { top: 30%; left: 50%; width: 260px; height: 72px; z-index: 999; position: fixed; visibility: hidden; margin-top: -100px; margin-left: -80px; } #modal-background { left: 0; bottom: 0; width: 100%; height: 100%; display: none; z-index: 99; position: fixed; animation: 0.5s ease 0 normal none; } #upBtn { display: none; position: fixed; bottom: 15px; right: 0; z-index: 99; border: none; outline: none; background-color: var(--main-first-color); color: #fff; cursor: pointer; padding: 15px; border-radius: 0; } #upBtn:hover { background-color: #555; } .swal-modal { border-radius: 0; } .swal-title { font-size: 18px; } .swal-button { background-color: var(--main-first-color); border-radius: 0; } .cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after { content: "/"; height: 16px; width: 16px; text-align: center; background: 0 0; vertical-align: middle; } .header { height: 110px; padding: 0; top: 0; } .logo { width: 140px; height: 80px; float: left; text-align: center; margin: 20px 0 10px; } .TopNavBar { width: 850px; height: 50px; line-height: 40px; padding: 0; } .nav1 { display: flex; justify-content: left; } .nav2 { display: flex; justify-content: right; } .escudo a img { margin-bottom: -121px; } .TopNavBar span { float: left; font-size: 14px; padding: 4px 14px; } .middle-promo { display: none; } .producto:hover .middle-promo { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; } .TopNavBar a { font-size: 14px; } .our-service { margin-bottom: 6em; } .our-service .title-service { display: flex; justify-content: center; align-items: center; } .our-service .services { display: flex; align-items: center; justify-content: space-around; margin: 0 auto; max-width: 70%; } .our-service .services .service-group .service { display: flex; align-items: center; margin-bottom: 2em; } .our-service .services .service-group .service i { font-size: 32px; border: 2px solid var(--main-iconFirst-color); padding: 0.2em; border-radius: 50%; color: var(--main-iconSecond-color); } .promotion-label { color: white; background: var(--main-iconFirst-color); position: relative; top: 2em; width: 28%; border-bottom-right-radius: 7px; border-top-right-radius: 7px; padding-left: .5em; } .our-service .services .service-group .service:hover i { background: var(--main-iconFirst-color); color: white; } .our-service .services .service-group .service:hover .text-service p { color: var(--main-iconFirst-color); } .our-service .services .service-group .service .text-service { margin-left: 2em; cursor: pointer; } .our-service .services .service-group .service .text-service p { color: black; font-size: 16px; margin: 0; font-weight: 900; } .our-opinion { margin-bottom: 8em; } .our-service .services .service-group .service .text-service span { color: var(--main-fourt-color); } .our-opinion .opinion p { text-align: center; font-size: 24px; color: #a3a3a3; } .our-opinion .opinion { display: flex; justify-content: center; align-items: center; flex-direction: column; } .our-opinion .opinion p span { color: var(--main-iconSecond-color); font-size: 34px; } .text-center { text-align: center; } .our-opinion .opinion .user-name { font-size: 24px; color: var(--main-iconFirst-color); font-style: italic; font-weight: 900; } .our-opinion .opinion .position { font-size: 17px; } .social-line { background: var(--main-iconFirst-color); } .social-line .content { max-width: 70%; margin: 0 auto; display: flex; justify-content: space-around; align-items: center; } .social-line .social-links i { font-size: 24px; color: white; } .social-line p { color: var(--main-iconSecond-color); font-size: 24px; } .social-line p span { color: white; font-size: 24px; } .promotions { margin-bottom: 8em; } .promotions .one-promotion .image-promotion { height: 380px; background-size: cover !important; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 10px; } .promotions .one-promotion .image-promotion p { color: white; font-size: 24px; } .promotions .two-promotion { display: flex; justify-content: space-between; align-items: center; } .promotions .two-promotion .image-promotion { width: 49.5%; height: 380px; background-size: cover !important; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 10px; } .promotions .two-promotion .image-promotion p { color: white; font-size: 24px; } .promotions .three-promotion { display: flex; justify-content: space-between; align-items: center; } .promotions .three-promotion .image-promotion { width: 32.5%; height: 380px; background-size: cover !important; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 10px; } .promotions .three-promotion .image-promotion p { color: white; font-size: 24px; } .promotions .four-promotion { display: flex; flex-direction: column; } .promotions .four-promotion .promotion-row-1 { display: flex; justify-content: space-between; margin-bottom: 0.5em; } .promotions .four-promotion .promotion-row-1 .image-promotion { background-size: cover !important; border-radius: 10px; } .promotions .four-promotion .promotion-row-1 .image-1 { width: 69.5%; } .promotions .four-promotion .promotion-row-1 .image-2 { width: 29.5%; } .promotions .four-promotion .promotion-row-2 { display: flex; justify-content: space-between; } .promotions .four-promotion .promotion-row-2 .image-promotion { background-size: cover !important; border-radius: 10px; } .promotions .four-promotion .promotion-row-2 .image-1 { width: 29.5%; } .promotions .four-promotion .promotion-row-2 .image-2 { width: 69.5%; } .promotions .five-promotion { display: flex; justify-content: space-between; width: 1016px; margin: 0 auto; } .promotions .five-promotion .promotion-row-1 { width: 24.5%; } .promotions .five-promotion .promotion-row-1 .image-promotion { height: 380px; width: 230px; border-radius: 10px; } .promotions .five-promotion .promotion-row-1 .image-promotion button { position: relative; top: 300px; left: 50%; transform: translateX(-50%); } .promotions .five-promotion .promotion-row-1 .image-promotion p { margin: 0; } .promotions .five-promotion .promotion-row-2 { width: 74.5%; } .promotions .five-promotion .promotion-row-2 .promotion-column-1 { display: flex; justify-content: space-between; height: 180px; } .promotions .five-promotion .promotion-row-2 .promotion-column-1 .image-promotion-1 { width: 495px; border-radius: 10px; } .promotions .five-promotion .promotion-row-2 .promotion-column-1 .image-promotion-1 button { position: relative; top: 100px; left: 50%; transform: translateX(-50%); } .promotions .five-promotion .promotion-row-2 .promotion-column-1 .image-promotion-2 { width: 230px; border-radius: 10px; } .promotions .five-promotion .promotion-row-2 .promotion-column-1 .image-promotion-2 button { position: relative; top: 92px; left: 50%; transform: translateX(-50%); } .promotions .five-promotion .promotion-row-2 { width: 74.5%; } .promotions .five-promotion .promotion-row-2 .promotion-column-2 { display: flex; justify-content: space-between; height: 185px; margin-top: 1em; } .spanmargin { font-weight: 600; } .promotions .five-promotion .promotion-row-2 .promotion-column-2 .image-promotion-1 { width: 230px; border-radius: 10px; } .promotions .five-promotion .promotion-row-2 .promotion-column-2 .image-promotion-1 button { position: relative; top: 110px; left: 50%; transform: translateX(-50%); } .promotions .five-promotion .promotion-row-2 .promotion-column-2 .image-promotion-2 button { position: relative; top: 110px; left: 50%; transform: translateX(-50%); } .promotions .five-promotion .promotion-row-2 .promotion-column-2 .image-promotion-2 { width: 495px; border-radius: 10px; } .about-us-home { display: flex; } .about-us-home .about-text p { font-size: 19px; text-align: justify; color: #a3a3a3; line-height: 1.5; padding: 1em; } .about-us-home .about-text button { margin: 1em; } .about-us-home .image { border-radius: 50%; border: 3px solid var(--main-iconFirst-color); padding: 0.5em; } .subscribe { display: flex; justify-content: center; align-items: center; } .subscribe p { font-size: 4.2rem; margin-right: 0.5em; } .subscribe .email-subscribe input { -webkit-appearance: none; border-radius: 60px 10px 10px 60px; border: 2px solid var(--main-iconFirst-color) !important; border-left: 0px solid; margin-left: -1%; margin-top: 0; padding: 0; width: auto; text-indent: 1em; font-size: 1.5rem; height: 3.8rem; } .subscribe .email-subscribe .btn-email { height: 3.8rem; background-color: var(--main-iconFirst-color); border-radius: 10px 60px 60px 10px; border: none; color: white; font-size: 1.5rem; margin-left: -5px; } .sugested-categorie { margin-top: 2em; } .image-categorie img { display: block; margin: 0 auto; } .TopNavBar a:hover { font-size: 14px; } .TopNavBar > span > a:link { color: var(--main-five-color); } .NavBarWidgets { width: 840px; height: 100px; float: left; } .SearchBox { height: 50px; float: left; } .SearchBox form > input[type="text"] { width: 270px; height: 25px; padding: 5px 5px 5px 45px; font-size: 14px; background-color: #fff; border: 1px solid var(--main-five-color); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.7) 0 0 0; -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.7) 0 0 0; box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.7) 0 0 0; background: url(/Images/search.png) right no-repeat; padding-right: 15px; background-size: 20px; background-origin: content-box; } .searchboxform>input[type=text]: focus { border: 1px solid var(--main-first-color); outline: none; } .header-ico { display: flex; } .header-ico .head-ico a { display: flex; align-items: center; margin-left: 0.5em; } .header-ico .head-ico a i { font-size: 23px; margin-right: 0.4em; } /*.tam { height: 900px; }*/ .header-ico a { font-family: "Source Sans Pro", sans-serif; line-height: normal; font-weight: 600; } .header-ico img { width: 30px; display: block; margin: 0 auto; padding-bottom: 12px; } .ShopByDepartmentContainer { width: auto; height: 290px; position: absolute; z-index: 100; top: 140px; display: none; } .ShopByDepartmentList { width: 240px; height: auto; float: left; position: relative; display: none; background-color: #fff; top: 2px; z-index: 101; } .ShopByDepartmentList ul { width: 240px; float: left; display: inline; list-style: none; padding: 0; } .ShopByDepartmentList li { margin: 0 18px; padding: 2.5px 0; line-height: 20px; } .ShopByDepartmentList li:last-child { border-bottom: none; } .ShopByDepartmentList li:hover { color: var(--main-hoverColor-color) !important; } .ShopByDepartmentList li > a { margin: 10px 4px; color: var(--main-five-color) !important; font-weight: 600; font-size: 13px; text-transform: uppercase; } .ShopByDepartmentList li > a:hover { font-size: 13px; color: var(--main-five-color) !important; } .SecondNav { width: 100%; float: left; background: #fff; text-align: center; border-top: 1px solid var(--main-second-color); border-bottom: 1px solid var(--main-second-color); } .options { padding: 0; margin: 0; list-style-type: none; } .options li { width: 33%; display: block; float: left; padding: 2px 0; } .options h3 { width: 90%; margin: 0; text-align: center; font-size: 16px; padding: 5px 0; line-height: 20px; font-weight: 200; } .options h3 > i { padding-right: 10px; } .slick-next, .slick-next:hover, .slick-prev, .slick-prev:hover { width: 29px; height: 44px; } .slick-prev, .slick-prev:hover, .slick-prev, .slick-prev:hover { left: 0px; z-index: 2; } .slick-next, .slick-next:hover, .slick-prev, .slick-prev:hover { right: 15px; z-index: 2; } .slick-dots li button:before { font-size: 32px; } h2.strikethrough-style { display: block; font-size: 36px; line-height: 36px; text-align: center; position: relative; margin: 0 0 0.5em; } h2.strikethrough-style:before { border-top: 1px solid var(--main-second-color); content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; } h2.strikethrough-style span { font-weight: 100 !important; display: inline-block; width: auto; padding: 0 20px; max-width: 860px; font-weight: 400; } #footer { width: 100%; padding-bottom: 40px; height: auto; background: var(--main-second-color); } #footer ul { width: 100%; float: left; padding: 0; margin: 0; list-style-type: none; } #footer li { height: 24px; line-height: 24px; padding: 0 2px; } #footer h4 { font-size: 18px; font-weight: 700; text-align: left; } #footer p { font-size: 12px; text-align: center; } #footer strong { font-size: 18px; } #footer i { padding-right: 10px; } #footer i:hover { color: var(--main-five-color); } .col { min-height: 100px; float: left; position: relative; padding: 1%; } #search_results { background: #fff; } /*.row { width: 1066px }*/ .TopNavBar { width: 100%; } .NavBarWidgets { width: 100%; } .row_header { height: 155px; width: 1066px; margin: 0 auto; } .SearchBox { width: 433px; max-width: 100%; } .SearchBox form > input[type="text"] { width: 90%; height: 40px; padding: 5px 5px 5px 45px; padding-right: 5px; font-size: 14px; background-color: #fff; border: 1px solid var(--main-five-color); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.7) 0 0 0; -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.7) 0 0 0; box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.7) 0 0 0; background: url(/Images/search.png) right no-repeat; background-size: auto; background-origin: padding-box; padding-right: 15px; background-size: 20px; background-origin: content-box; } .zebra li { border-bottom: 1px solid var(--main-second-color); } .slider.suggestions { height: auto; } .BackGray { background-color: #f6f6f6; } .catalog_element_container { display: flex; flex-wrap: wrap; } .catalog_element_new { padding: 10px; box-sizing: border-box; margin-right: 20px; margin-bottom: 10px; } .catalog_element_new:nth-child(3n + 0) { margin-right: 0; margin-left: 0px; } .catalog_element_new .header_element { display: flex; position: relative; border-bottom: var(--main-second-color) solid 1px; height: 250px; margin-bottom: 10px; } .catalog_element_new .header_element .img_element { text-align: left; } .catalog_element_new .header_element .img_element .compareArticles { border-bottom: 1px var(--main-second-color) solid; border-top: 1px var(--main-second-color) solid; padding-top: 1px; padding-bottom: 3px; margin-right: 10px; height: 20px; } .catalog_element_new .header_element .desc_element { display: flex; flex-direction: column; text-align: left; margin-right: 65px; margin-top: 15px; color: var(--main-five-color); } .catalog_element_new .header_element .desc_element .title { /*font-size: 1.3em; ALTER*/ font-size: 14px; font-weight: 700; height: 54px; overflow: hidden; line-height: 1.2em; text-transform: uppercase; margin-bottom: 5px; } .catalog_element_new .header_element .desc_element .rating { box-sizing: border-box; padding-top: 5px; margin-bottom: 5px; height: 25px; } .catalog_element_new .header_element .desc_element .description { height: 96px; overflow: hidden; } .catalog_element_new .header_element .desc_element .gitf { position: absolute; bottom: 10px; right: 0; background-color: var(--main-seven-color); padding: 3px 25px; color: var(--main-six-color); font-weight: 700; } .catalog_element_new .header_element .desc_element .gitf small { color: #fff; } .catalog_element_new .header_element .desc_element .seal { position: absolute; width: 60px; height: 60px; top: 0; right: 0; } .catalog_element_new .header_element .desc_element { display: flex; flex-direction: column; text-align: left; margin-right: 65px; margin-top: 15px; color: var(--main-five-color); } .catalog_element_new form.footer_element { display: flex; flex-direction: column; color: var(--main-five-color); } .catalog_element_new form.footer_element .priceAndQty_element { display: flex; justify-content: space-between; margin-bottom: 10px; } .catalog_element_new form.footer_element .priceAndQty_element .qty { display: flex; } .catalog_element_new form.footer_element .priceAndQty_element .qty input { width: 50px; height: 25px; text-align: center; font-size: 1.5em; } .catalog_element_new form.footer_element .priceAndQty_element .price { font-size: 2em; font-weight: 700; } .catalog_element_new form.footer_element .btns_element { overflow: auto; } .catalog_element_new form.footer_element .btns_element button { float: left; width: calc(50% - 2px); border-radius: 5px; padding: 5px; font-weight: 700; height: 50px; border: 1px #aaa solid; color: var(--main-five-color); cursor: pointer; background: #fafafa; background: -moz-linear-gradient( top, #fafafa 0%, #fafafa 50%, #efefef 51%, #efefef 100% ); background: -webkit-gradient( left top, left bottom, color-stop(0%, #fafafa), color-stop(50%, #fafafa), color-stop(51%, #efefef), color-stop(100%, #efefef) ); background: -webkit-linear-gradient( top, #fafafa 0%, #fafafa 50%, #efefef 51%, #efefef 100% ); background: -o-linear-gradient( top, #fafafa 0%, #fafafa 50%, #efefef 51%, #efefef 100% ); background: -ms-linear-gradient( top, #fafafa 0%, #fafafa 50%, #efefef 51%, #efefef 100% ); background: -webkit-gradient( linear, left top, left bottom, from(#fafafa), color-stop(50%, #fafafa), color-stop(51%, #efefef), to(#efefef) ); background: linear-gradient( to bottom, #fafafa 0%, #fafafa 50%, #efefef 51%, #efefef 100% ); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef', GradientType=0); } .catalog_element_new form.footer_element .btns_element button:first-child { margin-right: 4px; } .availavilityOverlay { background-color: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 100; overflow: auto; } .availavilityOverlay.showOverlay { display: block; } .availavilityOverlay .availavilityModal { position: relative; width: 600px; margin-left: auto; margin-right: auto; background-color: #fff; top: 10%; margin-bottom: 10%; z-index: 101; transform: scale(0, 0); transition: transform 0.3s; } .availavilityOverlay .availavilityModal.showAvailavility { transform: scale(1, 1); } .availavilityOverlay .availavilityModal button { background-color: #fff; border: 0; font-size: 1.5em; margin-left: 10px; } .menuContainer { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; background-color: #fff; z-index: 99; } .menuContainer ul { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menuContainer ul .delay-container:hover .delay { height: 0; -webkit-transition: height 0s 0.1s; -o-transition: height 0s 0.1s; transition: height 0s 0.1s; } .menuContainer ul .delay-container .delay { position: absolute; background-color: transparent; height: 48px; z-index: 99; -webkit-transition: height 0s 0s; -o-transition: height 0s 0s; transition: height 0s 0s; cursor: pointer; } .menuContainer ul li { width: auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flow-root; } .menuContainer ul li a { text-decoration: none; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 1.25em; font-weight: 700; margin-left: -1px; background: var(--main-backgroundBars-color); } .menuContainer ul li a:hover i { color: var(--main-contornoProducto-color); } .menuContainer ul li ul._subMenu { background-color: #fff; opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 48px; left: 0; width: 100%; font-weight: bolder; -webkit-box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.2); height: 450px; -webkit-transition: opacity 0.3s 0.3s ease; -o-transition: opacity 0.3s 0.3s ease; transition: opacity 0.3s 0.3s ease; } .menuContainer ul li ul._subMenu > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 1075px; padding: 0; } .menuContainer ul li ul._subMenu > div > li > a { height: 48px; border-bottom: 1px solid var(--main-second-color); padding-bottom: 0; color: #676767; } .menuContainer ul li ul._subMenu > div > li > a:hover { color: var(--main-five-color); } .menuContainer ul li ul._subMenu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-right: 5px solid #fff; border-left: 5px solid #fff; overflow: hidden; } .menuContainer ul li ul._subMenu li a { text-align: left; } .menuContainer ul li ul._subMenu li ul._subMenu3Level { margin-top: 5px; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: calc(100% - 57px); } .menuContainer ul li ul._subMenu li ul._subMenu3Level li { margin-bottom: 3px; overflow: hidden; } .menuContainer ul li ul._subMenu li ul._subMenu3Level li:hover span { opacity: 0; } .menuContainer ul li ul._subMenu li ul._subMenu3Level li a { font-weight: 400; line-height: 1em; color: #676767; } .menuContainer ul li ul._subMenu li ul._subMenu3Level li a:hover { color: var(--main-five-color); } .menuContainer ul li ul._subMenu li ul._subMenu3Level li span { position: absolute; background-color: #fff; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; opacity: 0; margin-left: -6px; margin-top: 0; padding: 5px; border: 1px dashed var(--main-second-color); border-radius: 5px; font-size: 1em; } .menuContainer ul li ul._subMenu li ul._subMenu3Level li div { height: 20px; overflow: hidden; } .menuContainer ul li._openSub > div { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .menuContainer ul li._openSub > div:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background-color: var(--main-first-color); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .menuContainer ul li._openSub:hover ul._subMenu { border-top: 1px solid var(--main-second-color); opacity: 1; visibility: visible; } .menuContainer ul li._openSub:hover > div:after { height: 3px; } .menuContainer ul li._openSub a { -webkit-box-sizing: border-box; box-sizing: border-box; } .menuContainer ul li ul._subMenu > div > li > a { height: 48px; border-bottom: 1px solid var(--main-second-color); padding-bottom: 0; } .menuContainer ul li ul._subMenu li a { text-align: left; } .menuContainer ul li ul._subMenu li ul._subMenu3Level { margin-top: 5px; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: calc(100% - 57px); } .menuContainer ul li ul._subMenu li ul._subMenu3Level li { margin-bottom: 3px; overflow: hidden; } .menuContainer ul li ul._subMenu li ul._subMenu3Level li span { position: absolute; background-color: #fff; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; opacity: 0; margin-left: -6px; margin-top: 0; padding: 5px; border: 1px dashed var(--main-second-color); border-radius: 5px; font-size: 1em; } .menuContainer ul li ul._subMenu li ul._subMenu3Level li div { height: 20px; overflow: hidden; } .menuContainer ul li ul._subMenu li ul._subMenu3Level li:hover span { opacity: 0; } .menuContainer ul li ul._subMenu li ul._subMenu3Level li a { font-weight: 400; line-height: 1em; } .delay { position: absolute; background-color: transparent; height: 48px; z-index: 99; -webkit-transition: height 0s 0s; -o-transition: height 0s 0s; transition: height 0s 0s; cursor: pointer; } .delay-container:hover .delay { height: 0; -webkit-transition: height 0s 0.1s; -o-transition: height 0s 0.1s; transition: height 0s 0.1s; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"] { -webkit-appearance: none; border-radius: 10px 60px 60px 10px; border: 2px solid var(--main-second-color) !important; border-left: 0px solid; margin-left: -1%; margin-top: 20px; width: 190px; padding-left: 20px; padding-right: 20px; padding-top: 18px; padding-bottom: 16px; } input[type="email"]:focus { outline: none; /* Remove default outline and use border or box-shadow */ border: 2px solid var(--main-five-color) !important; } input[type="tel"]:focus { outline: none; /* Remove default outline and use border or box-shadow */ border: 2px solid var(--main-five-color) !important; } input[type="text"]:focus { outline: none; /* Remove default outline and use border or box-shadow */ border: 2px solid var(--main-five-color) !important; } input[type="password"]:focus { outline: none; /* Remove default outline and use border or box-shadow */ border: 2px solid var(--main-five-color) !important; } .sweet-alert button.confirm { background-color: var(--main-first-color) !important; } #tableLogin td { margin: 2%; padding: 2%; } #tableInvitado td { margin: 3%; padding: 2%; } #tableRegister td { margin: 3%; padding: 2%; } label { border-radius: 60px 10px 10px 60px; border: 2px solid var(--main-second-color); border-right: var(--main-first-color) 1px solid; font-weight: bold; display: inline-block; width: 165px; padding-left: 15px; padding-right: 15px; padding-top: 16px; padding-bottom: 14px; } .headertekst { text-align: center; width: 100%; font-size: 35px; font-family: "GrandHotel-Regular"; margin-bottom: 0px; } .headertekst hr { display: inline-block; width: 10%; margin: 5px 10px; color: var(--main-first-color); border-top: 3px solid var(--main-first-color); } .headertekst-h5 { color: var(--main-fourt-color); text-align: center; width: 100%; font-size: 14px; } .indicacion_form { text-align: center; font-size: 16px; color: var(--main-fourt-color); font-weight: lighter; margin-bottom: 60px; } .tdFistIndication { padding-top: 50px; } .tableLogin1 { margin-left: auto; margin-right: auto; } .containerCart div#dropdownCart:before { right: 3px; } .fa-trash::before { content: "\f1f8"; } .containerCart div#dropdownCart:after { right: 5px; } .backgroundBars { background-color: var(--main-backgroundBars-color) !important; } .backgroundBarsfilters { float: right; margin-bottom: 15px; color: var(--main-five-color); padding-bottom: 30px; border: 3px solid var(--main-second-color); border-radius: 32px; } .backgroundBarsfilters1 { margin-bottom: 15px; color: var(--main-five-color); border: 3px solid var(--main-second-color); border-radius: 32px; margin: auto; padding-bottom: 69px; width: 90%; } .containerCart div#dropdownCart div.footerCart .btn:nth-child(2) { /*border: 2px solid var(--main-first-color); ALTER*/ background-color: var(--main-first-color) !important; } .tag { background: var(--main-first-color); } #resultado { /*! border-radius: 60px 10px 10px 60px; */ /*! border: 1px solid var(--main-second-color) !important; */ /*! border-right: var(--main-first-color) 1px solid; */ /*! padding: 4% 4%; */ font-weight: bold; display: inline-block; /*! width: 33%; */ } /*#manchine { border-collapse: separate; border-radius: 20px; } #manchine td, th { margin: 1%; padding: 1%; border: solid 1px var(--main-five-color); border-radius: 20px; } #manchine tr { border-radius: 20px; border: 5px solid; } * { box-sizing: border-box }*/ .slideshow-container { position: relative; margin: auto; } .mySlides { display: none; } .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; } .next { right: 0; border-radius: 3px 0 0 3px; } .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } @keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } .btn-orden { background: var(--main-first-color); border: 1px solid var(--main-first-color); border-bottom-color: rgb(128, 4, 74); border-bottom-style: solid; border-bottom-width: 1px; color: #ffffff; font-size: 14px; font-weight: 700; padding: 5px 5px 5px 5px; text-decoration: none; cursor: pointer; border-radius: 60px; font-size: 16px; height: 50px; } /*normalize*/ /*normalize*/ .table-scroll { position: relative; overflow: auto; height: 800px; } .table-scroll table { width: 100%; margin: auto; } .table-wrap { position: relative; } .table-scroll th, .table-scroll td { top: 0; position: sticky; background: #fff; vertical-align: top; } .table-scroll thead th { color: #fff; position: -webkit-sticky; position: sticky; top: 0; } /* safari and ios need the tfoot itself to be position:sticky also */ .table-scroll tfoot, .table-scroll tfoot th, .table-scroll tfoot td { position: sticky; bottom: 0; } /* testing links*/ th:first-child { position: -webkit-sticky; position: sticky; left: 0; } .subtotal { display: flex; align-items: center; flex-wrap: wrap; font-size: 14px; } .iconfont-arrow-up { color: #d8e0e5; } .iconfont-arrow-up:hover { color: var(--main-first-color); } .iconfont-arrow-down:hover { color: var(--main-first-color); } .iconfont-arrow-up:focus { color: var(--main-first-color); } .iconfont-arrow-down:focus { color: var(--main-first-color); } .iconoheader { position: relative; font-size: var(--base-font-size); border: 2px solid var(--main-iconFirst-color); border-radius: 50%; padding: 8px; color: var(--main-iconSecond-color); } #search_term { border: 2px solid var(--main-first-color); border-radius: 25px; font-size: 17px; font-family: "Futura", sans-serif; } #headerNavBar { display: flex; justify-content: space-between; align-items: center; } .iconoheader.iconfont-favorite:hover { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .iconoheader.iconfont-favorite:focus { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .iconoheader.iconfont-user:hover { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .iconoheader.iconfont-user:focus { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .iconoheader.iconfont-my-cart:focus { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .iconfont-my-cart:hover { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .iconoheader.iconfont-favorite:active { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .iconoheader.iconfont-user:active { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .iconoheader.iconfont-my-cart:active { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .contenedor-iconos { position: absolute; left: -10px; top: -10px; font-size: 40px; } .contenedor-iconos .iconfont-dot { color: white; border: 1px solid; border-color: #b9c8d0; border-image: initial; border-radius: 70% 70% 70% 70%; } .contenedo_texto_header { display: flex; font-size: 16px; color: var(--main-fourt-color); } .nbProductsHeader { margin-right: 0.4em; font-size: 17px; color: var(--main-fourt-color); } .flex-custom-nav { display: flex; justify-content: space-between; position: relative; top: -28em; z-index: 9; } .flex-custom-nav a.flex-prev:before { font-family: "flexslider-icon"; display: inline-block; content: "\f001"; font-size: 800%; color: var(--main-first-color); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-custom-nav a.flex-next:before { font-family: "flexslider-icon"; display: inline-block; content: "\f002"; font-size: 800%; color: var(--main-first-color); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .ca-image { position: relative; width: 50%; } .imagenes { opacity: 1; display: block; width: 100%; height: auto; transition: 0.5s ease; backface-visibility: hidden; } .middle { transition: 0.5s ease; opacity: 0; position: absolute; top: 70%; left: 10%; transform: translate(-25%, -25%); -ms-transform: translate(-25%, -25%); text-align: center; } .ca-image:hover .imagenes { opacity: 0.3; } .ca-image:hover .middle { opacity: 1; } .ca-image:hover .middle { opacity: 1; } .text { color: var(--main-five-color); font-size: 20px; width: 70px; height: 70px; border-radius: 50%; padding: 3px; bottom: -135px; text-align: end; } .text-ver { color: var(--main-five-color); font-size: 20px; width: 70px; height: 70px; border-radius: 50%; padding: 3px; text-align: end; position: absolute; bottom: -130px; left: -45px; } .text-favorito { color: var(--main-five-color); font-size: 20px; width: 70px; height: 70px; border-radius: 50%; padding: 3px; text-align: end; position: absolute; bottom: -130px; left: 15px; } .text-carrito { color: var(--main-five-color); font-size: 20px; width: 70px; height: 70px; border-radius: 50%; padding: 3px; text-align: end; position: absolute; bottom: -130px; left: 75px; } .fa-cart-plus:hover { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .fa-cart-plus { border-radius: 50%; padding: 8px; border: 2px solid var(--main-iconFirst-color); color: var(--main-iconSecond-color); } .fa-eye:hover { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .fa-eye { border-radius: 50%; padding: 8px; border: 2px solid var(--main-iconFirst-color); color: var(--main-iconSecond-color); } .fa-heart:hover { background: var(--main-iconhoverRelleno-color); color: var(--main-iconhoverSecond-color); } .fa-heart { border-radius: 50%; padding: 8px; border: 2px solid var(--main-iconFirst-color); color: var(--main-iconSecond-color); } .slick-prev:before, .slick-next:before { color: var(--main-first-color); } .catalog_sider_contenido { width: 98%; padding: 3%; background: #fff; margin: auto; margin-bottom: 1rem; border: 1px solid var(--main-second-color); border-radius: 32px; padding-bottom: 80px; } .simple_label { font-size: 14px; font-weight: 700; padding: 0 14px 0 0; border: 0px solid; border-right: 0px solid; font-weight: bold; display: inline-block; width: auto; } .backgroundBars_title { width: 38%; float: left; padding: 12px 0 0 20px; } .backgroundBars_title1 { float: left; padding: 12px 0 0 20px; } .text_banner { color: var(--main-first-color); height: 70px; border-radius: 70px; bottom: 40%; text-align: end; text-align: left; margin-left: 30px; font-size: 20px; font-weight: bold; position: absolute; } .row_button_banner { display: flex; align-items: center; justify-content: center; margin: 0 auto; } .row_button_Multiple { display: flex; align-items: center; justify-content: center; width: 1066px; margin: 0 auto; } .invisible { display: none; } .cambio-imagen { position: relative; display: inline-block; float: right; } .cambio-imagen .img-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; } .cambio-imagen:hover .img-top { display: inline; } #submit-icon-add { background-image: url("../../Images/add-new.png"); background-size: cover; border: none; width: 32px; height: 32px; cursor: pointer; color: transparent; } #submit-icon-add:hover { background-size: cover; background-image: url("../../Images/add-new-hover.png"); border: none; width: 32px; height: 32px; cursor: pointer; color: transparent; } #submit-icon-less { background-image: url("../../Images/less-on.png"); background-size: cover; border: none; width: 32px; height: 32px; cursor: pointer; color: transparent; } #submit-icon-less:hover { background-size: cover; background-image: url("../../Images/less-on-hover.png"); border: none; width: 32px; height: 32px; cursor: pointer; color: transparent; } .contenedor-latera { display: table-cell; vertical-align: middle; } .contenedor-latera1 { margin-left: 10%; } .titulo_cuadro_lateral { font-size: 14px; font-weight: bold; height: 60px; margin: auto; display: table-cell; vertical-align: middle; } .liespaciiado { border-top: 35px; height: 35px; } .titulo_subtitulo_lateral { font-size: 14px; font-weight: normal; height: 40px; color: var(--main-first-color); display: flex; align-items: center; text-align: center; } .titulo_subtitulo_lateral::after { content: ""; flex: 1; border-bottom: 2px solid #f0a90f; } .titulo_subtitulo_lateral::before { margin-right: 0.25em; } .titulo_subtitulo_lateral::after { margin-left: 0.25em; } .titulo_subtitulo_lateral a { color: var(--main-first-color); } .hr_lateral { border-bottom: 1px solid var(--main-first-color); } .hr_lateral_gray { border-bottom: 1px solid var(--main-first-color); } ​ .disabled { display: none; } .active_paginato { border: 3px solid var(--main-first-color); padding: 10px 15px; margin: 3px; background: var(--main-first-color); height: 40px; border-radius: 50px; color: #fff; font-size: 16px; } .active_paginato:hover { border: 3px solid var(--main-five-color); background: var(--main-first-color); color: var(--main-five-color); } .paginator_a:hover { background: var(--main-first-color); color: #fff !important; } .paginator_a { border: 3px solid var(--main-five-color); padding: 10px; margin: 3px; background: #fff; height: 40px; border-radius: 50px; color: var(--main-first-color); font-size: 14px; } .paginator_ab { border: 3px solid var(--main-five-color); padding: 10px 15px; margin: 3px; background: #fff; height: 40px; border-radius: 50px; color: var(--main-first-color); font-size: 14px; } .paginator_ab:hover { background: var(--main-first-color); color: #fff !important; } .contenedor_paginator { width: 100%; line-height: 28px; float: left; padding-top: 20px; padding-bottom: 30px; margin-top: 20px; border: 3px solid var(--main-second-color); border-radius: 32px; } .disabled_p { display: none; } .backgroundBarsWhite { background-color: #fff !important; } .backgroundBarsWhite1 { background-color: #fff !important; border: 1px solid #cad5db; height: 100px; border-radius: 30px; } .backgroundBars_title div { float: left; padding: 12px 0; } .ordenar_serch { padding: 20px; width: 100%; } .palabra_normal { font-family: "SF-UI-Display-Regular"; } .filtros_search { float: right; margin-left: 10px; } .leftCol { width: 69%; float: left; position: relative; } .rightCol { width: 25%; float: right; position: relative; } .catalog_sidebar_list h3 { font-size: 14px; font-weight: bold; height: 60px; margin: auto; text-align: center; } input[type="number"] { width: 50px; padding: 10px 15px; text-align: center; -webkit-appearance: none; border-radius: 35px; border: 1px solid var(--main-second-color); background: #fff; -moz-appearance: textfield; } /* Create four equal columns that floats next to each other */ .column { float: left; width: 22%; height: 300px; /* Should be removed. Only for demonstration */ padding: 1.7%; color: white; } .column2 { float: left; width: 50%; padding: 10px; height: 300px; /* Should be removed. Only for demonstration */ } /* Clear floats after the columns */ .row_footer:after { content: ""; display: table; clear: both; } p.footer_list { font-size: 12px; text-align: left; columns: 2; letter-spacing: 1px; text-transform: uppercase; } a.links_footer:hover { text-decoration: none; color: var(--main-first-color); } a.links_footer { color: white; text-transform: uppercase; } .btn-ayuda:hover { background: var(--main-first-color); border: 1px solid var(--main-five-color); color: #fff; text-decoration: none; font-size: 16px; } .btn-ayuda { background: var(--main-five-color); border: 2px solid var(--main-first-color); width: auto; color: #ffffff; text-decoration: none; cursor: pointer; border-radius: 60px; font-size: 16px; height: 53px; padding: 14px; } .row_icon_pago { display: flex; align-items: center; width: 1066px; margin: auto; } .ico_Pago { position: relative; color: var(--main-first-color); font-size: 65px; border: 2px solid var(--main-five-color); border-radius: 50%; padding: 8px; } .ico_Pago_select { position: relative; color: #fff; font-size: 65px; border: 2px solid var(--main-first-color); border-radius: 50%; padding: 8px; background: var(--main-first-color); } .contenedor_texto_ico { width: 100px; position: absolute; left: 95px; top: 0px; font-size: 16px; color: var(--main-fourt-color); } .contenedor_texto_ico_select { width: 100px; position: absolute; left: 95px; top: 0px; font-size: 16px; color: var(--main-fourt-color); } .header-ico2 { position: relative; float: left; margin-left: 110px; margin-top: 5%; } .btn_Aplicar { background: var(--main-first-color); border: 1px solid var(--main-first-color); color: #ffffff; border-radius: 60px; margin-top: 20px; font-size: 16px; height: 45px; padding-left: 10px; padding-right: 10px; font-family: "SF-Compact-Display-Regular"; } #loading-bar-spinner.spinner { left: 50%; margin-left: -20px; top: 50%; margin-top: 30px; position: absolute; z-index: 19 !important; animation: loading-bar-spinner 400ms linear infinite; } #loading-bar-spinner.spinner .spinner-icon { width: 40px; height: 40px; border: solid 4px transparent; border-top-color: var(--main-first-color) !important; border-left-color: var(--main-first-color) !important; border-radius: 50%; } @keyframes loading-bar-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } @media only screen and (min-width: 480px) and (max-width: 700px) { .containerCart div#dropdownCart { width: 90%; } } @media only screen and (min-width: 0px) and (max-width: 480px) { .imagen_Large_Producto { width: 200px; height: 200px; } } @media only screen and (min-width: 480px) and (max-width: 700px) { .containerCart div#dropdownCart { width: 90%; } } @media only screen and (min-width: 700px) and (max-width: 1200px) { .containerCart div#dropdownCart { width: 300px; } } @media only screen and (min-width: 1200px) { .containerCart div#dropdownCart { width: 400px; } } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .div_button_circular { border: #cfd9df 3px solid; border-radius: 60px; width: max-content; padding: 15px; color: var(--main-first-color); margin: auto; } .btn-banner { background: var(--main-first-color); border: 1px solid var(--main-first-color); color: #ffffff; border-radius: 60px; font-size: 80%; height: 47%; padding-left: 25px; padding-right: 25px; font-family: "SF-Compact-Display-Regular"; } .h4-banner { font-size: 140%; } .imagen-card { width: 150px; } .texto_aprovacion3ds { color: var(--main-fourt-color); text-align: left; width: 100%; font-size: 14px; font-weight: bold; padding: 0px; padding-top: 0px; padding-top: 17px; } .divfalso { -webkit-appearance: none; border-radius: 60px 60px 60px 60px; border: 2px solid var(--main-second-color) !important; border-left: 0px solid; margin-left: -1%; margin-top: 20px; width: 190px; padding-left: 20px; padding-right: 20px; padding-top: 18px; padding-bottom: 16px; } .contact-index h1 { font-weight: 400; } .contact-index p { font-size: 17px; } .contact-index .contact-input { display: flex; align-items: center; justify-content: center; } .contact-index .contact-input input { -webkit-appearance: none; border-radius: 0px 60px 60px 0px; border: 2px solid var(--main-second-color) !important; border-left: 0px solid; font-size: 17px; margin-top: 0; width: auto; padding-left: 0; padding-right: 0; padding-top: 1em; padding-bottom: 1.3em; text-indent: 1em; } .contact-index .contact-input label { -webkit-appearance: none; border-radius: 60px 0px 0px 60px; border: 2px solid var(--main-second-color) !important; font-size: 17px; text-align: center; width: auto; border-left: 0px solid; margin-left: 0; margin-top: 0; padding-left: 2em; padding-right: 1em; padding-top: 1em; padding-bottom: 1em; } .contact-index .contact-input textarea { width: 80%; height: 16em; border-radius: 10px; text-indent: 1em; font-family: "Futura"; font-size: 17px; } .hide { display: none; } .contact-index .button-contact button { display: block; margin: 0 auto; } .contact-index .contact-info { display: flex; flex-direction: column; } .contact-index .contact-info hr { width: 60%; margin: 0; border-top: 2px solid var(--main-iconSecond-color); } .contact-index .contact-info p { margin: 0.25em 0; } .contact-index .contact-info p span { font-weight: 600; } .contact-index .contact-info h2 { margin: 0.3em 0; } .contact-index .contact-info a { font-size: 17px; } .about-us p { font-size: 17px; } .about-us img { display: block; margin: 0 auto; } .about-us .image-about-index { display: flex; } .sucursales table { table-layout: fixed; border-collapse: separate; margin-bottom: 8em; /* -webkit-border-horizontal-spacing: 20px; */ -webkit-border-vertical-spacing: 20px; } .sucursales table thead tr th { font-size: 17px; text-align: left; } .sucursales table tbody tr td { font-size: 17px; text-align: left; border-top: 2px solid #a3a3a3; border-bottom: 2px solid #a3a3a3; } .sucursales table tbody tr td span { font-weight: 600; } .sucursales table tbody tr td:first-child { border-left: 2px solid #a3a3a3; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .sucursales table tbody tr td:last-child { border-right: 2px solid #a3a3a3; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .sucursales table tbody tr:hover td { font-size: 17px; text-align: left; border-top: 2px solid #f0a90f; border-bottom: 2px solid #f0a90f; } .sucursales table tbody tr:hover td:first-child { border-left: 2px solid #f0a90f; border-top-left-radius: 20px; border-bottom-left-radius: 20px; color: #f7394f; } .sucursales table tbody tr:hover td:last-child { border-right: 2px solid #f0a90f; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .sucursales .tabs-suc { display: flex; flex-direction: row; justify-content: space-between; } .sucursales .tabs-suc .tab-suc { display: flex; align-items: center; justify-content: center; border-radius: 60px; width: 100px; height: 40px; border: 1px solid var(--main-seven-color); } .sucursales .tabs-suc .tab-suc p { margin: 0; font-weight: bold; color: var(--main-seven-color); } .sucursales .tabs-suc .tab-suc:hover { background: var(--main-seven-color); } .sucursales .tabs-suc .tab-suc:hover p { color: white; cursor: pointer; } .contact-index form .success { background-color: #f0a90f; color: white; border-radius: 10px; padding: 1em; } .contact-index form .success p { text-align: center; } .contact-index form .hidden { display: none; } .mobile-promotion { display: none; } .faq .collapsible li .collapsible-header { display: flex; justify-content: space-between; align-items: center; } .faq .collapsible li .collapsible-header p { font-weight: bold; } .faq .collapsible li.active .collapsible-header p { color: #f7394f; } .faq .collapsible li .collapsible-header i { color: #f0a90f; font-weight: bold; } .faq .collapsible li .collapsible-header i.remove { display: none; } .faq .collapsible li.active .collapsible-header i { display: none; } .faq .collapsible li.active .collapsible-header i.remove { display: block; } .footer-about { display: flex; justify-content: space-between; } .view-order table#main-table { border-collapse: separate; } .view-order table#main-table tbody tr td { border-top: 2px solid #cfd9df; border-bottom: 2px solid #cfd9df; } .view-order table#main-table tbody tr td:first-child { border-left: 2px solid #cfd9df; border-bottom-left-radius: 7px; border-top-left-radius: 7px; } .view-order table#main-table tbody tr td:last-child { border-right: 2px solid #cfd9df; border-bottom-right-radius: 7px; border-top-right-radius: 7px; } .modal-recovery { position: absolute; background: rgba(0, 0, 0, 0.5); height: 100vh; display: flex; justify-content: center; align-items: center; top: 0; left: 0; z-index: 99; width: 100%; } .order-status-group { display: flex; justify-content: space-between; } .order-status-group .order-icon { display: flex; flex-direction: column; justify-content: center; align-items: center; } .order-status-group .order-icon .status-icon { padding: 1em; color: white; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: var(--main-seven-color); } .order-status-group .order-icon .status-icon.status-active { color: var(--main-six-color); background: white; border: 1px solid var(--main-seven-color); } .order-status-group .order-icon .status-icon.status-inactive { color: var(--main-second-color); background: white; border: 1px solid var(--main-second-color); } .order-status-group .order-icon .status-icon i { font-size: 5em; } .order-status-group .order-icon p { font-weight: 900; } #socialLoginList { display: flex; justify-content: center; padding: 1em; } .account-row { display: flex; justify-content: space-between; align-items: center; } .account-row .account-btn { display: flex; justify-content: center; align-items: center; border-radius: 30px; border: 2px solid var(--main-seven-color); height: 4em; } .account-row .account-btn.account-btn-active { background: var(--main-seven-color); } .modal-promotion { position: relative; display: block; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 12em; } .modal-promotion form { display: flex; flex-direction: column; } .modal-promotion form input { width: auto; } .modal-promotion form input[type="text"] { -webkit-appearance: none; border-radius: 0; border: none; border-left: 0px solid; margin-left: 0; margin-top: 0; width: auto; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .modal-promotion form label { border-radius: 0; border: none; border-right: none; font-weight: bold; display: inline-block; width: auto; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; color: var(--main-six-color); } .account-row .account-btn.account-btn-active a { color: white; } .account-row .account-btn a { display: flex; align-items: center; font-size: 17px; } /* Large Devices, Wide Screens */ @media screen and (max-width: 768px) { .catalog_element_container { align-items: center; justify-content: center; flex-wrap: nowrap; flex-direction: column; } .productos .producto { margin-left: 0; } .promotions { display: none; } } /* Large Devices, Wide Screens */ @media screen and (max-width: 1024px) { input[type="text"], input[type="password"] { width: 100%; } .contact-index .contact-input { margin: 1em 0; } label { width: 100%; } .account-row { flex-direction: column; } .account-row .account-btn { margin: 0.5em 0; } #socialLoginList { flex-direction: column; border-bottom: 1px solid var(--main-fourt-color); } .mobile-hide { display: none; } label { border-radius: 0; border: 0; border-right: 0; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"] { border-radius: 7px; } .headertekst-h5 strong { color: var(--main-seven-color); text-decoration: underline; } #headerNavBar { flex-direction: column; align-items: center; justify-content: center; } .sidenav li a { height: auto !important; text-transform: capitalize; } #headerNavBar .header-ico { align-items: center; } #headerNavBar .escudo { display: none; } .our-service .services { flex-direction: column; } .our-service .service-group { flex-direction: column; } .our-service .title-service h1 { text-align: center; } .about-us-home { flex-direction: column-reverse; } .about-us-home .image img { display: block; margin: 0 auto; } .subscribe { flex-direction: column; } .email-subscribe { display: flex; margin-bottom: 2em; } .subscribe .email-subscribe input { width: 90%; font-size: 1rem; } .paginator_a { padding: 6px; } .catalog_element_container { align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: row; } .productos .producto { margin-left: 0; } .promotions { display: none; } .mobile-promotion { display: flex; justify-content: center; align-items: center; flex-direction: column; } .mobile-promotion .promotion-mobile-row { display: flex; justify-content: space-between; width: 70%; margin-bottom: 0.5em; } .mobile-promotion .promotion-mobile-row .promotion-col-1 { width: 48%; height: 100%; } h1 { font-size: 3rem !important; } .mobile-promotion .promotion-mobile-row .promotion-col-1 .image-promotion { height: 100%; border-radius: 10px; background-size: cover !important; } .footer-about { flex-direction: column; justify-content: center; align-items: center; } .mobile-promotion .promotion-mobile-row .promotion-col-2 { display: flex; width: 48%; height: 380px; justify-content: space-between; flex-direction: column; } .mobile-promotion .promotion-mobile-row .promotion-col-2 .image-promotion { height: 48%; border-radius: 10px; background-size: cover !important; } .mobile-promotion .promotion-mobile-row .image-promotion { width: 100%; height: 160px; background-size: cover !important; border-radius: 10px; display: flex; align-items: center; justify-content: center; } .flex-custom-nav { top: -10em; } .flex-custom-nav a.flex-prev:before { font-size: 200%; } .flex-custom-nav a.flex-next:before { font-size: 200%; } .header-ico { margin-top: 1em; justify-content: space-between; width: 100%; } .header-ico .head-ico p { font-size: 14px; } .header-ico .head-ico a { flex-direction: column; } .our-service .services { max-width: 100%; } .social-line .content { flex-direction: column; } .social-line .content .social-links { margin-top: 2em; } .about-us-home .about-text p { margin-top: 0; } .page-footer .row_footer img { margin-top: 1em !important; margin-bottom: 2em; } .page-footer p.social { display: flex; justify-content: space-around; } .slick-next, .slick-next:hover, .slick-prev, .slick-prev:hover { right: -15px; z-index: 2; } .slick-prev, .slick-prev:hover, .slick-prev, .slick-prev:hover { left: -27px; z-index: 2; } } .btn { display: inline-block; border: solid #ccc 1px; font-size: 16px; transition-duration: 0.2s; border: 1px solid var(--main-first-color) !important; background: var(--main-first-color); color: #ffffff; border-radius: 60px; font-size: 20px; height: 50px; padding-left: 10px; padding-right: 10px; } .btn_map { display: inline-block; border: solid #ccc 1px; font-size: 16px; transition-duration: 0.2s; background: var(--main-first-color); border: 1px solid var(--main-first-color) !important; color: #fff; border-radius: 55px; } .btn2 { display: inline-block; border: solid #ccc 1px; font-size: 16px; transition-duration: 0.2s; background: var(--main-first-color); border: 1px solid var(--main-first-color) !important; color: #fff; border-radius: 55px; font-weight: bold; width: 50%; height: 70px; margin-left: 20px; } .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0, 0, 0, 0.7); visibility: hidden; } #headerCart { width: 200px; } .containerCart { position: relative; } .containerCart div#dropdownCart { display: none; position: absolute; border: 3px solid var(--main-first-color); background-color: #fff; border-radius: 30px; top: 50px; right: -15px; z-index: 1000; width: max-content; } .containerCart div#dropdownCart .mobileHeader { display: none !important; } .containerCart div#dropdownCart div.productsCart { padding: 5px 5px 5px 5px; max-height: 300px; overflow: auto; position: relative; } .containerCart div#dropdownCart:after { content: ""; position: absolute; top: -23px; right: 40px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; } .containerCart div#dropdownCart:before { content: ""; position: absolute; top: -13px; right: 125px; border-bottom: 12px solid var(--main-first-color); border-left: 12px solid transparent; border-right: 12px solid transparent; } .containerCart div#dropdownCart div.productsCart .productItem { clear: both; border: 1px solid #ccc; border-radius: 30px; margin-top: 5px; } .containerCart div#dropdownCart div.productsCart .productItem div.productImg { position: relative; float: left; } .containerCart div#dropdownCart div.productsCart .productItem div.productImg img { width: 100px; margin-top: 15px; margin-left: 15px; } .containerCart div#dropdownCart div.productsCart .productItem div.productDetails { position: relative; margin-left: 10px; } .containerCart div#dropdownCart div.productsCart .productItem div.productDetails div { margin-bottom: 5px; } .containerCart div#dropdownCart div.productsCart .productItem div.productDetails .productName { padding-top: 5px; } .containerCart div#dropdownCart div.productsCart .productItem div.productDetails .deleteItem { position: absolute; top: 0; right: -10px; } .containerCart div#dropdownCart div.productsCart .total { text-align: right; padding: 10px; color: #000; } .containerCart div#dropdownCart div.footerCart { display: flex; justify-content: space-around; } .containerCart div#dropdownCart div.footerCart .btn { border: 1px solid #ccc; background-color: #fff; font-size: 14px; display: inline-block; box-sizing: border-box; } .containerCart div#dropdownCart div.footerCart .btn:hover { cursor: pointer; } .containerCart div#dropdownCart div.footerCart .btn:first-child { color: white; background-color: var(--main-first-color); } .containerCart div#dropdownCart div.footerCart .btn:nth-child(2) { /*border: 2px solid var(--main-first-color); ALTER*/ background-color: var(--main-first-color); color: #fff; } #compare table tbody tr td, #compare table tfoot { text-align: center; vertical-align: middle; } #compare table { font-size: 1.2em; width: 100%; } #compare table thead th { border: 1px solid #ccc; } #compare table thead th:first-child { border: 0; } #compare table thead th h5 { margin: 3px 0; } #compare table thead th button.btn-add2Cart { margin-top: 2px; margin-bottom: 5px; } #compare table tbody tr:nth-child(odd) { background-color: #efefef; } #compare table tbody tr td { padding: 7px; } #compare table tbody tr td ul { text-align: left; padding-left: 20px; } #compare table .price { font-size: 1em; font-weight: 700; } .ca-compare .compare input:hover, .ca-compare .compare:hover { cursor: pointer; } .comparePopup { top: -72px; right: 80px; padding: 10px; position: absolute; display: block; border: 1px solid #ccc; background-color: #fff; box-shadow: 5px 3px 39px -4px rgba(0, 0, 0, 0.25); } .comparePopup:before { content: ""; position: absolute; top: 70px; right: -7px; border-left: 10px solid #fff; border-bottom: 10px solid transparent; border-top: 10px solid transparent; } .comparePopup .titlePopup h3 { font-weight: 700; margin: 5px 0; border-bottom: solid 1px #ccc; } .comparePopup .bodyPopup .item-compare-list .items-compare { display: inline-block; position: relative; padding: 10px; } .comparePopup .bodyPopup .item-compare-list .items-compare span { position: absolute; top: 0; right: 0; } .comparePopup .bodyPopup .item-compare-list .items-compare span button { border: 0; background-color: #fff; } .comparePopup .bodyPopup .item-compare-list .items-compare span button:hover { color: #8aaf06; } .comparePopup .bodyPopup .item-compare-list .items-compare img { vertical-align: middle; width: 60px !important; height: 60px !important; } .comparePopup .bodyPopup .btn-c { background-color: #ccc; color: #000; border: 1px solid #ccc; transition-duration: 0.2s; border-radius: 0; padding: 7px; margin: 0 2px; } .comparePopup .bodyPopup .btn-c:hover { background-color: #fff; } .btnsPopup { text-align: center; } td.wishContainer { position: relative; } ul.whish { box-sizing: border-box; position: absolute; height: 0; margin: 0; padding: 0; background-color: #fff; overflow-y: hidden; border: 1px solid #ccc; transition-duration: 0.3s; top: 30px; left: 25px; width: 250px; visibility: hidden; } ul.whish.opened { visibility: visible; } ul.whish li { list-style: none; padding-bottom: 0; font-size: 13px; } ul.whish li button { background-color: #fff; border: 0; padding: 6px; width: 100%; text-align: left; font-size: 13px; } ul.whish li button:hover { cursor: pointer; background-color: #eee; } .addListModal { position: relative; width: 40%; margin: 0 auto; background-color: #fff; padding: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .addListModal .addListHeader { text-align: center; border-bottom: 1px #ccc solid; } .addListModal .addListHeader h3 { font-size: 2em; font-weight: bolder; color: #555; margin: 0 0 10px; } .addListModal .addListBody { position: relative; margin: 10px 0; } .addListModal .addListBody input[type="text"] { box-sizing: border-box; font-size: 1.5em; width: 100%; padding: 10px 10px 10px 2.5em; } .addListModal .addListBody i.fa.fa-gift { position: absolute; top: 8px; left: 14px; font-size: 2em; color: #555; } .addListModal .addListFooter { text-align: right; } .addListModal .addListFooter button { border: 1px solid #ccc; background-color: #ccc; padding: 10px; margin: 5px; transition-duration: 0.2s; } .addListModal .addListFooter button:hover { cursor: pointer; background-color: #fff; } .errorList { float: left; color: var(--main-first-color); font-size: 1.5em; } ul.listNames { list-style: none; margin: 0; } ul.listNames li { display: inline-block; position: relative; } ul.listNames li.selected { border: 1px solid #ccc; background-color: #fff; } ul.listNames li.selected button { background-color: #fff; } ul.listNames li button { background-color: #f0f0f0; border: 0; font-size: 1.2em; padding: 15px; } ul.listNames li button:hover { cursor: pointer; } .listContainer { border: 1px solid #ccc; padding: 10px 15px 15px; } li.selected:after { content: ""; position: absolute; top: 40px; left: 0; width: 100%; height: 10px; background-color: #fff; } .listContainer .btndiv { text-align: right; border-bottom: solid 1px #ccc; margin-bottom: 10px; } .listContainer .btndiv button, .listContainer table button { font-weight: 700; color: #fff; background-color: #555; border: 2px solid #555; margin: 5px 5px 10px; padding: 5px; transition-duration: 0.2s; font-size: 12px; } .listContainer .btndiv button:hover, .listContainer table button:hover { cursor: pointer; -webkit-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, 0.75); -o-box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, 0.75); box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, 0.75); } .listContainer table { width: 100%; border-collapse: collapse; font-size: 1.2em; } .listContainer table thead th { border-bottom: 4px double #777; height: 20px; } .emptylistContainer { border: 1px solid #ccc; padding: 10px 15px 15px; font-size: 1.5rem; } .outStock { display: inline-block; background-color: var(--main-first-color); padding: 7px; color: #fff; font-weight: bolder; } .modalCart { position: relative; margin: 0 auto; width: 770px; border-radius: 50px; border: solid var(--main-first-color); top: 200px; background-color: #fff; padding: 15px; overflow: auto; } .modalCart .title { font-size: 16px; text-align: center; color: #777; } .modalCart .title h3 { margin-top: 0; } .modalCart .leftColumn { float: left; width: 500px; } .modalCart .leftColumn .productItem { overflow: auto; margin-top: 10px; } .modalCart .leftColumn .productItem .productImg { float: left; margin-right: 30px; margin-left: 20px; } .modalCart .leftColumn .productItem .productDetails { font-size: 16px; line-height: 1.5em; padding-top: 10px; text-align: left; } .modalCart .leftColumn .productItem .productDetails div { margin-bottom: 5px; } .modalCart .leftColumn .productItem .productDetails .productQty span:first-child { background-color: #f0f0f0; padding: 5px 15px; font-weight: bolder; } .modalCart .leftColumn .productItem .productDetails .productQty span:nth-child(2) { margin-left: 25px; font-weight: bolder; } .modalCart .rightColumn { float: left; width: 240px; border-left: solid 1px #ccc; padding-left: 9px; height: 100%; text-align: center; font-size: 16px; } .modalCart .rightColumn .buttonsContainer { padding: 0 20px; } .modalCart .rightColumn .totalItems, .modalCart .rightColumn .totalPrice { margin-bottom: 10px; font-weight: bolder; } .modalCart .rightColumn .buttonsContainer .btn { width: 100%; margin-bottom: 10px; cursor: pointer; } .modalCart .rightColumn .buttonsContainer .btn:first-child { box-sizing: border-box; border: 2px solid var(--main-first-color); background-color: #f0f0f0; color: #000; text-align: center; } .modalCart .rightColumn .buttonsContainer .btn:nth-child(2) { box-sizing: border-box; border: 2px solid var(--main-first-color); background-color: var(--main-first-color); text-align: center; margin-bottom: 0; } .modalCart .clearfix { clear: both; height: 10px; } .modalCart .footerCart { clear: both; } .modalCart .footerCart .title { background-color: #f0f0f0; padding: 5px 10px; } .modalCart .footerCart .title h3 { margin: 0; font-size: 1em; } .modalCart .products { position: relative; margin: 0 auto; width: 600px; } .modalCart .products .slick-prev { left: -50px; } .modalCart .products .slick-next { right: -50px; } .modalCart .products .product { display: inline-block; width: 120px; height: 120px; } .modalCart .products .product img { margin: 10px 0 0 10px; } .fixedCompareContainer { position: relative; height: 0; transition-duration: 0.3s; } .fixedCompare { position: fixed; width: 100%; height: 105px; background-color: rgba(0, 0, 0, 0.7); bottom: -105px; transition-duration: 0.3s; z-index: 90; } .fixedCompare .compareContainer { width: 800px; height: 80px; margin: 15px auto; } .fixedCompare .compareContainer .products2compare { width: 440px; float: left; } .fixedCompare .compareContainer .products2compare div { float: left; width: 80px; height: 80px; margin: 0 15px; background-color: #232323; position: relative; } .fixedCompare .compareContainer .products2compare div span { position: absolute; top: -12px; right: -12px; } .fixedCompare .compareContainer .products2compare div button { background-color: #fff; color: #000; border-radius: 50px; width: 25px; height: 25px; margin: 0; border: 1px solid #777; } .fixedCompare .compareContainer .actions { width: 360px; float: left; height: 80px; text-align: center; } .fixedCompare .compareContainer button { width: 120px; margin: 20px 20px 20px -10px; height: 40px; font-weight: bolder; cursor: pointer; border: 2px solid #777; background-color: #dbdbdb; color: #000; } .fixedCompare .compareContainer button:first-child { background-color: #fff; color: #000; border: 2px solid #000; } .bellContainer, .bellContainer:hover { position: fixed; left: 25px; bottom: 25px; width: 50px; height: 50px; border-radius: 50px; background-color: var(--main-first-color); transition-duration: 0.2s; z-index: 99; } .bellContainer:hover .addS { display: inline-block; } .addS, .delS { position: absolute; display: none; } i.fa-bell-o { color: #fff; font-size: 1.7em; padding: 3px; transition-duration: 0.2s; border: 2px solid #fff; border-radius: 50px; margin-top: 6px; margin-left: 6px; } .addS, .delS p { font-size: 1.2em; } .addS { width: 210px; height: 18px; color: #fff; background-color: #000; top: 5px; left: 63px; padding: 10px 10px 10px 15px; border-radius: 5px; } .addS:after { content: ""; position: absolute; border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-right: 12px solid #000; top: 7px; left: -12px; } .delS { border: 1px solid #ccc; top: -118px; left: 0; width: 200px; padding: 10px; text-align: center; background-color: #fff; } .delS:after, .delS:before { content: ""; position: absolute; border-left: 12px solid transparent; border-right: 12px solid transparent; left: 13px; } .delS:after { border-top: 12px solid #fff; bottom: -11px; } .delS:before { border-top: 12px solid #ccc; bottom: -12px; } .delS p { margin: 0 10px 10px; border-bottom: 1px #ccc solid; padding-bottom: 7px; } .delS button { width: 100%; padding: 5px; background-color: #ccc; border: 1px solid var(--main-first-color); cursor: pointer; } button.bell { background-color: transparent; padding: 0 4px 4px 0; border: 0; font-size: 1.35em; cursor: pointer; } .openedPopOver { display: block; } @media screen and (max-width: 768px) { .containerCart div#dropdownCart:before{ right: 43px; } .containerCart div#dropdownCart:after{ top: -13px; right: 45px; } }