/* Minification failed. Returning unminified contents. (2427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2519,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2617,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2623,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2628,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2629,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (2636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2642,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2643,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2647,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2648,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2653,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2843,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (2848,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (2854,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (2859,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (2864,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (2868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2873,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2874,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (2900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2906,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2907,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (2908,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (2912,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2918,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2923,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (2924,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-font' (2928,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2929,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (2957,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2974,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2975,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3003,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3007,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3014,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (3030,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (3031,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (3035,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (3048,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3049,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3055,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3060,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3064,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3073,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3079,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3092,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3108,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (3136,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3151,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3158,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3159,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3171,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3177,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3182,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3187,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (3193,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3203,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3208,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3214,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3215,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3219,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3224,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3225,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3231,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3236,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3238,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3242,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3243,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3251,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3255,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3261,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3270,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3274,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3283,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3284,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3293,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3302,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3307,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3359,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3362,31): run-time error CSS1039: Token not allowed after unary operator: '-nav-font' (3386,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3398,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3404,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3425,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3433,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3459,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3480,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3481,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3489,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3491,31): run-time error CSS1039: Token not allowed after unary operator: '-nav-font' (3512,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3516,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3517,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3521,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3525,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3526,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3536,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3579,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3580,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3583,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3587,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3600,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3614,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3615,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3616,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3623,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3628,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3637,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3638,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3647,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3664,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (3668,39): run-time error CSS1039: Token not allowed after unary operator: '-heading-font' (3684,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3698,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3705,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3720,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3728,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3739,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3760,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3761,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3767,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3769,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3806,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3818,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3828,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3833,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3845,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3862,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3868,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3925,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4004,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4013,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4018,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4019,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4176,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4178,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (4179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4186,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4192,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4193,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4197,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4248,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4248,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4269,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4308,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4329,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4346,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4351,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (4355,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning' (4359,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (4384,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4395,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (4399,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (4403,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (4407,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4412,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (4416,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning' (4420,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (4427,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (4432,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (4440,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4440,89): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4450,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4463,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4481,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4484,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (4504,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (4517,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (4532,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (4541,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (4544,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4545,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (4551,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4552,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4556,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (4570,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (4577,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4615,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (4626,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4634,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4635,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4643,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (4648,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4656,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4662,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4663,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4673,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4684,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (4688,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (4694,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4701,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4719,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4800,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4802,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (4814,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4815,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4833,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-font' (4848,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (4854,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4871,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (4880,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (4882,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (4882,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style' (4882,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' */ /**************************************************** Maintenance dashboard *********************************************************************************/ @font-face { font-family: 'Montserrat-Bold'; src: url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } input, select, textarea { max-width: 100%; } cartA:hover { color: greenyellow; } .Dash { position: relative; z-index: 1; padding: 20px; } #dash { background-color: white; } .Dashimage { height: 225px; width: 225px; } .dashbutton { margin: 5px; } #DashBtn:hover { background-color: aqua; } @media (max-width: 767px) { .Dashimage { height: 100px; width: 100px; } } @media (min-width: 768px) and (max-width: 991px) { .Dashimage { height: 115px; width: 115px; } } @media (min-width: 991px) { .Dashimage { height: 225px; width: 225px; } } .extraPadding { padding-bottom: 20px; } #WebMain { align-content: center; } #ShopMain { align-content: center; } .dashtext { margin-top: 14px; margin-bottom: 14px; } #cardtext { height: inherit; width: inherit; } .prodcatimg { padding-bottom: 15px; } div.Dashcard { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } div.Dashcard:hover { box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); } /*********************************** Genaral site *****************************************/ div.Catcard { /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.47); } div.Catcard:hover { /*box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);*/ box-shadow: 0px 0px 7px 1px rgba(105, 138, 194, 0.67); } div.ProdCart { /*box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);*/ box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.47); padding-left: 15px; padding-right: 15px; } div.ProdCart:hover { /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ box-shadow: 0px 0px 7px 1px rgba(105, 138, 194, 0.67); } .noMarginLeft { margin-left: 0px; } .noMarginRight { margin-right: 0px; } .nowrap { white-space: nowrap; } .imgfill { width: 100%; } .img-responsive { } .btn-Lavita-Lightblue { border-radius: 20px; background-color: #a7d4fe; } .btn-Lavita-Darkblue { border-radius: 20px; background-color: #24468d; color: white } .btn-Lavita-Darkblue:hover { background-color: #ccc; color: white; } .btn-Lavita-Lightblue:hover { background-color: #ccc; color: white; } a.addBtn2 { color: #24468d; } a.addBtn2:hover, a.addBtn2:active { color: white; background-color: #24468d; } .btn-Lavita-Lightblue-square { padding: 1px 3px; background-color: #a7d4fe; } .btn-Lavita-Lightblue-square:hover { background-color: #ccc; color: white; } .btn-Lavita-Lightblue-square-fluid { border-radius: 0px; padding: 8px 2px; background-color: #a7d4fe; width: 100%; height: 100%; color: #24468d; } .btn-Lavita-Lightblue-square-fluid:active { border-radius: 0px; padding: 8px 2px; background-color: #24468d; width: 100%; height: 100%; color: white; } .btn-Lavita-Darkblue-square-fluid { border-radius: 0px; padding: 8px 2px; background-color: #24468d; width: 100%; height: 100%; color: #24468d; } .btn-Lavita-Darkblue-square-fluid:active { border-radius: 0px; padding: 8px 2px; background-color: #a7d4fe; width: 100%; height: 100%; color: #24468d; } .btn-Lavita-White-square-fluid { border-radius: 0px; border: thin solid; border-color: lightgray; padding: 8px 2px; background-color: white; width: 100%; height: 100%; color: black; } .btn-Lavita-White-square-fluid:active { border-radius: 0px; padding: 8px 2px; background-color: #a7d4fe; width: 100%; height: 100%; color: #24468d; } .lvlpDarblueBtn { color: #24468d; } .lvlpDarblueBtn:active { color: #a7d4fe; background-color: white; } .btn-Lavita-Lightblue-square-fluid-100px { border-radius: 0px; padding: 8px 2px; background-color: #a7d4fe; width: 100Px; height: 100%; } a.addBtn { color: #24468d; } a.addBtn:hover, a.addBtn:active { color: white; background-color: #24468d; } .btn-Lavita-Lightblue-fluid:hover { background-color: #ccc; color: white; width: 100%; height: 100%; } .btnPadding-Left { border-left: 3px solid white; } .btnPadding-Right { border-right: 3px solid white; } .navborder-Top { border-top: 1px solid; border-color: lightgray; } .navborder-Bottom { border-bottom: 1px solid; border-color: black; } .p-margin { margin-top: 2px; margin-bottom: 2px; } .container-events { position: relative; text-align: center; color: white; } /*.bottom-left { position: absolute; bottom: 8px; left: 16px; } .top-left { position: absolute; top: 8px; left: 16px; } .top-right { position: absolute; top: 8px; right: 16px; } .bottom-right { position: absolute; bottom: 8px; right: 16px; }*/ /* Centered text */ .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .hr-Thick { border: thin solid #ccc; } .hr-Thin { border: 1px solid #ccc; } .hr-Dot { border-top: dotted; } .divBorderBottom { border-bottom: 1px solid #ccc; } .Smallmargin { margin-top: 10px; margin-bottom: 10px; } .removetopmargin { margin-top: 0px; } .removemargin { margin-top: 0px; margin-bottom: 0px; } .Image-fill { object-fit: cover; width: 100%; } .lvlpBlackText { color: black; text-decoration: none; } .lvlpBlackText:hover { color: black; text-decoration: none; } .lvlpWhitetext { color: white; text-decoration: none; } .lvlpWhitetext:hover { color: white; text-decoration: none; } .lvlpLightBluetext { color: #a7d4fe; } .lvlpLightBluetext:hover { color: #a7d4fe; text-decoration: none; } .lvlpDarkBluetext { /*color: #24468d !important;*/ text-decoration: none; color: black !important } /*.lvlpDarkBluetext:hover { color: #24468d; text-decoration: none; }*/ .removeColPadding { padding: 0px; } .removeColPadding-right { padding-right: 0px; padding-left: 10px; } .removeColPadding-left { padding-left: 0px; padding-right: 10px; } #uname { padding-top: 0px; } .lvlpContentBox { padding: 40px !important; } .lvlpContentBoxSmall { padding: 20px; } .lvlpContentBoxExtraSmall { padding: 10px; } .lvlpContentBoxNewsletter { padding: 40px; } .LvlpBottomNavBox { padding: 10px 0px; } @media only screen and (max-width: 576px) { .lvlpContentBoxNewsletter { padding: 0px; padding-bottom: 20px; padding-top: 20px; } } .lvlpLightCreamBackround { background-color: #f5f3f3; } .lvlpLightPurpleBackround { background-color: #cae5ff; } .lvlpLight2PurpleBackround { background-color: #d4eaff; } .lvlpLightPinkBackround { background-color: #dff1ff; } .lvlpDarkBlueBackround { background-color: #24468d; } .lvlpCreamBackround { background-color: #ebebeb; } #contentBoxText { margin-top: 0px; } #breadText { margin: 0px; } .btn-lavita-white { background-color: white; color: #24468d; padding: 6px; border-radius: 40px; } .btn-lavita-white:hover:active { background-color: #24468d; color: #a7d4fe; padding: 5px; border-radius: 50px; } .rowPad { padding-top: 6px; height: 50%; } @media only screen and (max-width: 767px) { .rowPad { padding: 0px; } } .gallery { margin-bottom: 10px; } #prodName { height: 40px; } .fa-globe { padding-left: 2px; } .fa-tachometer { padding-left: 2px; } .fa-user { padding-left: 4px; } .fa-sign-in { padding-left: 3px; } .fa-sign-out { padding-left: 3px; } .fa-gear { padding-left: 2px; } .fa-file-text-o { padding-left: 3px; } .fa-icon-cart { line-height: 35px; display: inline-block; text-align: center; vertical-align: bottom; } .modal { padding-top: 20px; padding-bottom: 20px; padding-left: 70px; padding-right: 70px; position: center; } .tablets { display: table; } .rowts { display: table-row; } .cellts { display: table-cell; } @media (max-width: 768px) { .modal { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; position: center; } .modal-content { overflow: auto; max-height: inherit; } } .modal-body { overflow-y: auto; max-height: 90%; } .vertical-alignment-helper { padding: 0px; display: table; height: 100%; width: 100%; } .vertical-align-center { padding: 0px; display: table-cell; vertical-align: middle; } @media only screen and (min-width: 992px) { .vertical-align-center { padding: 0px; display: block; vertical-align: middle; } .modal-dialog { width: 900px; } .modal-content { overflow: auto; max-height: calc(100vh - 125px); } } /************************************* Preloader **************************************/ .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('/Content/Preloaders/Loader_06.gif') center no-repeat #fbfbfb; background-size: 8% } /*****************************Progress Wizzard************************************/ .ten-columns > .col-sm-2 { width: 20%; } .numberCircle { border-radius: 50%; background: #aaa; color: white; text-align: center; width: 2em; height: 2em; box-sizing: initial; line-height: 2em; box-sizing: content-box; font-size: 12px } /************************************* Shopping cart shipping **************************************/ .Stepactive { background: #24468d; } /************************************* Back to top **************************************/ .ScrollTop { display: none; position: fixed; bottom: 70px; right: 15px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #24468d; color: white; cursor: pointer; padding: 5px 8px; padding-top: 3px; border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } @media only screen and (min-width: 992px) { .ScrollTop { display: none; bottom: 15px; } } .ScrollTop:hover { background-color: #ebebeb; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); color: #24468d; } .ScrolltopHeightToggleHigh { bottom: 70px; } .ScrolltopHeightToggleLow { bottom: 15px; } /************************************* Search **************************************/ #MobiSearch { display: none; position: fixed; bottom: 15px; right: 15px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #24468d; color: white; cursor: pointer; padding: 5px 8px; padding-top: 3px; border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display: block; } #MobiSearch:hover { background-color: #ebebeb; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); color: #24468d; } #GroupPopup { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 3000; cursor: pointer; } #GroupError { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 3000; cursor: pointer; } #PromoPopup { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 3000; cursor: pointer; } #GroupPromoPopup { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 3000; cursor: pointer; } #timeOutWarningOverlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 4000; cursor: pointer; } #timeOutOverlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 4000; cursor: pointer; } .timeout { height: auto; width: 80%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } .countdown-card { height: auto; width: 20%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } @media only screen and (min-width: 992px) { .timeout { height: auto; width: 50%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } .countdown-card { height: auto; width: 40%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } } @media only screen and (min-width: 1600px) { .timeout { height: auto; width: 40%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } .countdown-card { height: auto; width: 20%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } } /**************************************************** Custom Radio buttons *********************************************************************************/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /* Custom radio buttons */ input[type="radio"] + label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 0px; } input[type="radio"] + label:before { content: ""; display: block; width: 18px; height: 18px; margin-right: 14px; position: absolute; top: -3px; left: 0; border: 2px solid #24468d; background-color: #fff; border-radius: 50%; margin-top: 3px; } input[type="radio"] { display: none !important; *display: inline; } input[type="radio"]:checked + label:after { content: ""; display: block; position: absolute; top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background: #24468d; } input[type="radio"]:disabled + label:before { content: ""; display: block; width: 18px; height: 18px; margin-right: 14px; position: absolute; top: -3px; left: 0; border: 2px solid #ccc; background-color: #fff; border-radius: 50%; margin-top: 3px; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { margin: 0px; position: relative; } input[type="checkbox"] { width: 16px; height: 16px; } .Z-index-Top { z-index: 1000; display: inline-block; } .ShowItem { display: inline-block; } .HideItem { display: none; } .required:after { content: "*"; font-weight: bold; color: red; } .validation-summary-errors ul { list-style: none; margin-left: -40px } .btn-indigo { color: #fff; background-color: #20428a !important; } .badge-desktop-indigo { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; position: absolute; top: 10px; right: 10px; font-size: large; border-radius: 25px; } .badge-desktop-download-card-new-indigo { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; position: absolute; top: 10px; right: 10px; font-size: large; border-radius: 25px; } .badge-desktop-download-item-new-indigo { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); font-size: large; border-radius: 25px; } .h5-download-item-display-description { position: relative; } .mobile-download-item-display-description { margin-top: 5px; margin-bottom: 5px; display: block; } .badge-mobile-indigo { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; position: absolute; top: 10px; right: 10px; font-size: large; border-radius: 25px; } .badge-tablet-indigo { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; /*position: absolute; right: 10px; top: 50%;*/ transform: translateY(-50%); font-size: large; border-radius: 25px; } .badge-mobile-indigo-center { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; /*position: absolute; top: 10px; right: 10px;*/ font-size: large; border-radius: 25px; } .mobile-notification-div { position: absolute; margin: auto; z-index: 2001; top: 52px; left: 5%; width: 90%; height: 190px; border: 1px solid #20428a; color: #20428a; background-color: #ffffff; box-sizing: border-box; border-radius: 0.25em; box-shadow: 0 .5rem 1rem rgba(0,0,0,.175); } .mobile-notification-div.arrow-top { margin-top: 0px; } .mobile-notification-div:after { content: " "; position: absolute; right: -1px; top: -15px; border-top: none; border-right: 15px solid transparent; border-left: 15px solid transparent; /*border-bottom: 15px solid #20428a;*/ } .mobile-notification-div-badge { position: absolute; top: 13%; right: 15px; background-color: #20428a; } .mobile-notification-icon-badge { /*position: absolute; top: 13%; right: 10px;*/ background-color: #20428a; color: #ffffff; top: 0; font-family: "Font Awesome 5 Free" !important; } .tablet-notification-icon-badge { /*position: absolute; top: 13%; right: 10px;*/ background-color: #20428a; color:#ffffff; } .tablet-notification-bell { color:#ffffff; } .mobileNotificationLink { color: #20428a; } .mobileNotificationFontAwesomeIcon { color: #20428a; height: 10px; width: 10px; max-height: 10px; max-width: 10px; } .desktop-notification-div { position: absolute; margin: auto; z-index: 100; top: 75px; left: 70%; width: 20%; height: 190px; border: 1px solid #20428a; color: #20428a; background-color: #ffffff; box-sizing: border-box; border-radius: 0.25em; box-shadow: 0 .5rem 1rem rgba(0,0,0,.175); } .desktop-notification-div.arrow-top { margin-top: 0px; } .desktop-notification-div:after { content: " "; position: absolute; right: 179px; top: -15px; border-top: none; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid transparent; } .desktop-notification-div-badge { position: absolute; top: 13%; right: 15px; background-color: #20428a; } .desktop-notification-icon-badge { /*position: absolute; top: 13%; right: 300px;*/ background-color: #20428a; } .desktopNotificationLink { color: #20428a; } .desktopNotificationFontAwesomeIcon { color: #20428a; height: 10px; width: 10px; max-height: 10px; max-width: 10px; } /*.ul-notification { padding: 0px; border-top: 1px solid rgba(128,128,128,0.25); } .unseenItem { background-color: rgba(112,181,249,0.25); color: #20428a; font-weight: 900; } .seenItem { background-color: #FFFFFF; color: #20428a; } .li-notification { list-style-type: none; color: #20428a; } .li-notification-icon { margin: auto; padding-right: 0px; color: #20428a; } .li-notification-middle { margin: auto; color: #20428a; } .li-notification-right { font-weight: 900; margin: auto; color: #20428a; padding:0px; } .notification-li-div { border-bottom: 1px solid rgba(128,128,128,0.25); }*/ .ul-notification { list-style-type: none; padding: 0px; color: #20428a; } .li-notification-seen { background-color: #ffffff; color: #000000; } .li-notification-unseen { background-color: rgba(0,100,225,0.05); color: #20428a; font-weight: 500; } .li-notification { border-top: 1px solid rgba(128,128,128,0.25); color: #20428a; } .li-notification:last-child { border-bottom: 1px solid rgba(128,128,128,0.25); color: #20428a; } .li-notification-bell { margin: auto; text-align: center; color: #20428a; padding-left: 15px; } .li-notification-more-actions { margin: auto; text-align: center; font-weight: 900; color: #20428a; font-size: x-large; } .span-notification-more-actions { text-align: center; color: #20428a; } .padding { padding-left: 0 !important; color: #20428a; } .li-a-notificationlink-lvlpblue { color: #20428a; } .pulse { border-radius: 50%; margin-left: 20px; width: 10px; height: 10px; background: #20428a; box-shadow: 0 0 0 0 rgba(32, 66, 138, 1); transform: scale(1); animation: pulse 1.5s infinite; -moz-animation: pulse 1.5s infinite; -o-animation: pulse 1.5s infinite; -webkit-animation: pulse 1.5s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0.5); transform: scale(0.95); } 70% { box-shadow: 0 0 0 10px rgba(32, 66, 138, 0); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0); transform: scale(0.95); } } @-moz-keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0.5); transform: scale(0.95); } 70% { box-shadow: 0 0 0 10px rgba(32, 66, 138, 0); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0); transform: scale(0.95); } } @-o-keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0.5); transform: scale(0.95); } 70% { box-shadow: 0 0 0 10px rgba(32, 66, 138, 0); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0); transform: scale(0.95); } } @-webkit-keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0.5); transform: scale(0.95); } 70% { box-shadow: 0 0 0 10px rgba(32, 66, 138, 0); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0); transform: scale(0.95); } } .mobile-shopping-cart-icon{ padding-top:13px; padding-right:13px; } #desktop-content-wrapper{ } .HomePageIconsStyling{ margin-right:10% } .HomePageLastIconStyling{ margin-right:15px; } .NavBarShopFivePadding{ padding:5px; } .GroupOrderManageGroupShopCartButtonPtag { color:white; margin-bottom:0px; display:inline; } .fontAwesomeIconWhiteGroupOrderManage { color: white; display: inline } /* @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } */ body { /*padding-top: 60px;*/ overflow-x: hidden; height: 100%; font-size: 0.8rem; font-family: "Nunito", sans-serif !important } html { overflow-x: hidden; } /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } /* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */ .dl-horizontal dt { white-space: normal; } /* Set width on the form input elements since they're 100% wide by default */ input, select, textarea, EditorFor { max-width: 100%; } .BottomMargin { margin-bottom: 10px; } .headers > span { position: relative; display: inline-block; } .headers > span:before, .headers > span:after { content: ''; position: absolute; top: 50%; border-bottom: 0.5px solid; width: 100vw; margin: 0 20px; } .headers > span:before { right: 100%; } .headers > span:after { left: 100%; } .body-content:after { background-color: white } .heading-border { height: 1.9em; position: relative; overflow: hidden; } .heading-border-inner { border-color: #666666; margin-left: 15px; border-top-style: solid; border-top-width: 1px; position: relative; top: 97%; opacity: 0.15; width: 100%; } #emailbox { width: 180px; padding: 0px; padding-top: 7px; } #panel { background-color: #ebebeb; color: #24468d; border-bottom: thin solid #24468d; border-top: thin solid #24468d; border-left: none; border-right: none; } .panel-default { border: none } .panel-default > .panel-heading { /*background-color: #ebebeb;*/ border-top: thin solid; border-color: #24468d; } .last { border-bottom: thin solid #24468d; } .panel-group .panel + .panel { margin-top: 0px; } #searchbox { height: 20px; } #custom-search-input { top: 0; padding: 3px; border: solid 1px #E4E4E4; border-radius: 40px; background-color: #fff; } #custom-search-input input { border: 0; box-shadow: none; } #custom-search-input button { /*margin: 2px 0 0 0;*/ background: none; box-shadow: none; border: 0; color: #666666; padding: 0 8px 0 10px; border-left: solid 1px #ccc; } #custom-search-input button:hover { border: 0; box-shadow: none; border-left: solid 1px #ccc; } #custom-search-input .glyphicon-search { font-size: 13px; } /**************************************** Navbar *******************************************/ .breadtext { color: #24468d; } .breadcrumb { background-color: white; margin-bottom: 0px; padding: 10px 15px; } #logodescktop { height: 45px; padding-top: 5px; } #logoMobi { height: 40px; } #nav-UL { margin-left: 12px; } .navbar { background-color: #a7d4fe !important; padding: 5px; opacity: 0.9; z-index: 100; } .navbarMobile { background-color: #a7d4fe !important; background-color: #587cbb !important; padding: 5px; opacity: 0.9; z-index: 100; } .dropdown-menu { padding: 5px; background-color: #587cbb; color: #24468d; top: unset; } .dropdown-menu a:hover { background-color: #3f51b5; } .navbar-default .navbar-nav > li > a { color: black !important; border-radius: 50px; padding: 5px 15px 5px 15px; margin-top: 10px; margin-bottom: 10px; font-size: 12px; } .navbar-default .navbar-nav > li > a:hover { border-radius: 50px; padding: 5px 15px 5px 15px; margin-top: 10px; margin-bottom: 10px; background-color: #24468d; color: #24468d !important; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #24468d; border-radius: 50px; padding: 5px; padding-left: 10px; padding-right: 10px; margin: 10px; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a > i:hover, i:active { background-color: #24468d; color: #24468d !important; text-decoration-color: white; background-color: transparent !important; } @media (min-width: 768px) and (max-width: 991px) { .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-header .collapse, .navbar-toggle { display: block !important; } .navbar-header { float: none; } } /*********************************************************** side Menu layout ***************************************************************************/ .fa-home { padding-left: 2px; } .fa-cart-plus { padding-left: 1px; } .fa-info-circle { padding-left: 3px; } .fa-gift { padding-left: 2px; } .fa-briefcase { padding-left: 1px; } .fa-question-circle { padding-left: 3px; } .fa-phone { padding-left: 4px; } .fa-calendar { padding-left: 2px; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 100; top: 0; left: 0; overflow-x: hidden; transition: 0.5s; padding-top: 60px; /*background-color: white;*/ background-color: #587cbb; border-right: 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .sidebar-nav { padding: 0px; } .sidenav a { padding: 8px 8px 8px 8px; text-decoration: none; /*font-size: 20px;*/ color: #f5f5f7; /*color: #24468d;*/ display: block; transition: 0.3s; } .sidenav a:active { color: white; } .sidenav .closebtn { position: absolute; top: 0; right: 10px; /*font-size: 32px;*/ font-size: 27px; margin-left: 50px; } #main { transition: margin-left .5s; } #navbar { transition: margin-left .5s; } @media screen and (max-height: 450px) { .sidenav { padding-top: 15px; } } Div.sidenav a:active > i { color: white; background-color: #a7d4fe; } /**************************************** Footer *******************************************/ footer { padding-top: 20px; background-color: #f5f5f7; margin-top: 10px; /*background-color: #a7d4fe;*/ width: 100%; } .dropdown > li > a { font-size: 50px } .list-unstyled > li > a { color: black; /*color: #24468d;*/ } .list-unstyled > li > a:hover { color: #24468d; } #footcopy { padding-bottom: 10px; font-size: 12px } .socialicon { width: 30px; height: 30px; } .socialicon:hover { opacity: 0.4; background-color: white; border-radius: 50%; } .fa-map-marker { padding-left: 5px; } .fa-envelope { padding-left: 4px; } .facebook { /*color: #a7d4fe; background-color: #24468d;*/ padding: 8px 10px 8px 10px; border-radius: 50%; } .facebook:hover { color: #a7d4fe; } .twitter { /*color: #a7d4fe; background-color: #24468d;*/ padding: 8px 6px 8px 8px; border-radius: 50%; } .twitter:hover { color: #a7d4fe; } .instagram { /*color: #a7d4fe; background-color: #24468d;*/ padding: 8px; border-radius: 50%; } .instagram:hover { color: #a7d4fe; } .youtube { /*color: #a7d4fe; background-color: #24468d;*/ padding: 8px 7px 8px 7px; border-radius: 50%; } .youtube:hover { color: #a7d4fe; } /******************************************************** Carousel *************************************************************************************/ .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 2%; font-size: 20px; color: #000000; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); background-color: rgba(0,0,0,0); filter: alpha(opacity=50); opacity: .3; } /*@media screen and (min-width: 200px) { .carousel-inner img { width: 100%; max-height: 314px; } .carousel-control { width: 8%; } } @media screen and (min-width: 400px) { .carousel-inner img { width: 100%; max-height: 314px; } } @media screen and (min-width: 768px) { .carousel-inner img { width: 100%; max-height: 753px; } .carousel-control { width: 6%; } } @media screen and (min-width: 992px) { .carousel-inner img { width: 100%; max-height: 460px; } .carousel-control { width: 4%; } } @media screen and (min-width: 1366px) { .carousel-inner img { width: 100%; max-height: 692px; } } @media screen and (min-width: 1600px) { .carousel-inner img { width: 100%; max-height: 692px; } } @media screen and (min-width: 1900px) { .carousel-inner img { width: 100%; max-height: 692px; } } @media screen and (min-width: 2048px) { .carousel-inner img { width: 100%; max-height: 692px; padding-left: 20px; padding-right: 20px; } } @media screen and (min-width: 3840px) { .carousel-inner img { width: 100%; max-height: 692px; padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 4096px) { .carousel-inner img { width: 100%; max-height: 692px; padding-left: 40px; padding-right: 40px; } }*/ .EventImg { width: 100%; height: auto; object-fit: cover; } .form-horizontal .form-group { margin-left: 0px; margin-right: 0px; } #contactdiv { display: block; /*height: 180px;*/ } #ConMes { height: 150px; } .prodcattext { margin-top: 14px; margin-bottom: 14px; } #cardtext { height: inherit; width: inherit; } .prodcatimg { padding-bottom: 15px; } div.Catcard { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } div.Catcard:hover { box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); } .wrapper { text-align: center; } .wrapper ul { display: inline-block; /*margin: 0;*/ padding: 0; /* For IE, the outcast */ zoom: 1; *display: inline; } .wrapper li { float: left; padding: 2px 5px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #f5f3f3; border: none; border-bottom: medium solid #24468d; color: #000000; text-decoration: none; } ul.nav-tabs { border: none; padding-bottom: 20px; } .nav > li > a { text-decoration: none; color: #000000; } .nav-item { padding: 10px 10px; font-size: 0.8rem !important; } .nav-item a { padding: 10px 10px; font-size: 0.8rem !important; } .dropdown-menu { left: unset !important; } .open .dropdown-menu { display: block !important; } label { left: unset !important; } .footerStoreInfo { font-size: 0.8rem } .aboutCol { display: flex; align-items: center } .aboutColContent { display: table-cell; vertical-align: middle } .howToJoinPB { padding-bottom: 0px !important } .newsCards { padding: 20px; min-height: 469px; margin-bottom: 20px; max-width: 570px } .newsCardsMobile { padding: 20px; margin-bottom: 20px; max-width: 570px } .prodcard { padding: 20px } .contactCard { padding: 20px; margin-bottom: 15px } .navLinkDropdown { padding: 0.6rem 1rem !important; color: black !important } a.waves-effect, a.waves-light { display: block; } .event-card { min-height: 120px } #myForm { position: fixed; } div.newsletter { position: fixed; bottom: 0; right: 0; } .newsletter-btn { width: 50px; height: 50px; border-radius: 50%; padding: 0 } .newsletter-open-button { background-image: url('../Content/Img/Home/Newsletter_Option 04.png'); background-position: right; background-repeat: no-repeat; background-size: contain; } .newsletter-PopupHeading { font-weight: bolder !important; font-size: large; } .newsletter-studentFormDiv { text-align: center; margin-top: 230px; } .newsletter-emailSpan { color: red; } .newsletter-form-container input[type=text], .newsletter-form-container input[type=password] { width: 100%; padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; } .newsletter-form-container input[type=text]:focus, .newsletter-form-container input[type=password]:focus { background-color: #ddd; outline: none; } .newsletter-form-container .btn { background-color: red; color: red; padding: 16px 20px; border: none; cursor: pointer; width: 100%; margin-bottom: 10px; opacity: 0.8; } .covidMobile { bottom: 0; position: absolute; width: 100%; margin: 0; } .newsletter-open-button-mobile { background-image: url('../Content/Img/Home/Newsletter_Option 04.png'); background-position: right; background-repeat: no-repeat; background-size: 300px; } .grey-text { color: #a8a8a8; } .homeHeaders { color: black } .menuText { color: white !important; } .siteMenu { background-color: #587cbb !important; } .siteMenu a { color: white !important; padding: 10px 10px; font-size: 12.9px !important; margin: 0; } #tipue_search_input { border: none; border-bottom: 1px solid #ccc; } #tipue_search_input:focus { border: none; border-bottom: 1px solid #ccc; } #tipue_search_button { width: inherit } .eventCard { padding: 20px; min-height: 469px; margin-bottom: 20px; max-width: 570px; } .informationHeading { font-size: 16px; } .directionsAndPackageHeader { font-size: 20px; } .newsCards:last-child { width: 539px; } .eventCard:last-child { width: 540px; } .categoryCard:last-child { width: 255px; } .recommended:last-child { width: 285px; } .socialmediaSpacing a { margin-left: 7px; margin-right: 7px; } .loginLink { font-size: 0.9rem; color: white; margin-right: 0.3rem } .javascriptErrorPopup { background-color: whitesmoke; margin: auto; width: 100%; height: 100%; text-align: center; } .javascriptErrorPopupHeading { font-weight: bolder; font-size: 30px; color: lightslategrey; text-align: left; margin-top: 2% } .javascriptErrorPopupInformation { font-weight: bolder; font-size: 25px; color: lightslategrey; text-align: left; } .javascriptErrorStylingDesktop { display: block; margin-left: auto; margin-right: auto; width: 40%; margin-top: 13% } .javascriptErrorStylingMobile { display: block; margin-left: auto; margin-right: auto; width: 95%; margin-top: 50% } .javascriptErrorStylingTablet { display: block; margin-left: auto; margin-right: auto; margin-top: 40%; width: 50%; } .javascriptWarningFontAwesomeTablet { color: lightslategrey; vertical-align: middle } .javascriptWarningFontAwesomeDesktop { color: lightslategrey; margin-top: 15%; vertical-align: middle } .javascriptWarningFontAwesomeMobile { color: lightslategrey; margin-top: 15%; vertical-align: middle } @media only screen and (max-width: 300px) { .productDetailTabs { text-align: center !important; float: unset !important } } :root, [data-bs-theme=light] { /* #region PRIMARY */ --bs-primary-50: #eaf0fa; --bs-primary-100: #d5e0f6; --bs-primary-200: #acc1ec; --bs-primary-300: #82a2e3; --bs-primary-400: #5984d9; --bs-primary-500: #2f65d0; --bs-primary-600: #2651a6; --bs-primary-700: #1c3c7d; --bs-primary-800: #132853; --bs-primary-900: #09142a; --bs-primary-950: #070e1d; /* #endregion */ /* #region SUCCESS */ --bs-success-50: #e9fbf3; --bs-success-100: #d4f7e7; --bs-success-200: #a9efce; --bs-success-300: #7ee7b6; --bs-success-400: #53df9e; --bs-success-500: #28d785; --bs-success-600: #20ac6b; --bs-success-700: #188150; --bs-success-800: #105635; --bs-success-900: #082b1b; --bs-success-950: #061e13; /* #endregion */ /* #region INFO */ --bs-info-50: #e7fafe; --bs-info-100: #cff5fc; --bs-info-200: #9eebfa; --bs-info-300: #6ee0f7; --bs-info-400: #3dd6f5; --bs-info-500: #0dccf2; --bs-info-600: #0aa3c2; --bs-info-700: #087a91; --bs-info-800: #055261; --bs-info-900: #032930; --bs-info-950: #021d22; /* #endregion */ /* #region WARNING */ --bs-warning-50: #fff9e5; --bs-warning-100: #fff2cc; --bs-warning-200: #ffe699; --bs-warning-300: #ffd966; --bs-warning-400: #ffcc33; --bs-warning-500: #ffbf00; --bs-warning-600: #cc9900; --bs-warning-700: #997300; --bs-warning-800: #664d00; --bs-warning-900: #332600; --bs-warning-950: #241b00; /* #endregion */ /* #region DANGER */ --bs-danger-50: #fbe9eb; --bs-danger-100: #f7d4d7; --bs-danger-200: #f0a8af; --bs-danger-300: #e87d88; --bs-danger-400: #e05260; --bs-danger-500: #d92638; --bs-danger-600: #ad1f2d; --bs-danger-700: #821722; --bs-danger-800: #570f16; --bs-danger-900: #2b080b; --bs-danger-950: #1e0508; /* #endregion */ --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: var(--bs-primary-600); --bs-secondary: var(--bs-primary-100); --bs-success: var(--bs-success-600); --bs-info: var(--bs-info-600); --bs-warning: var(--bs-warning-600); --bs-danger: var(--bs-danger-600); --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 38, 81, 166; --bs-secondary-rgb: 213, 224, 246; --bs-success-rgb: 32, 172, 107; --bs-info-rgb: 10, 163, 194; --bs-warning-rgb: 204, 153, 0; --bs-danger-rgb: 173, 31, 45; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), 0.05) ; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 0.9375rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.6; --bs-body-color: #3f3f46; --bs-body-color-rgb: 63, 63, 70; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: #2d465e; --bs-link-color: var(--bs-primary); --bs-link-color-rgb: var(--bs-primary-rgb); --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.5rem; --bs-border-radius-sm: 0.375rem; --bs-border-radius-lg: 0.625rem; --bs-border-radius-xl: 0.75rem; --bs-border-radius-xxl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25); --bs-form-valid-color: var(--bs-success); --bs-form-valid-border-color: var(--bs-success); --bs-form-invalid-color: var(--bs-danger); --bs-form-invalid-border-color: var(--bs-danger); } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } a { color: var(--bs-primary); text-decoration: none; transition: 0.3s; } a:hover { color: rgba(var(--bs-primary), 0.75); text-decoration: none; } section, .section { color: var(--bs-body-color); background-color: var(--bs-body-bg); padding: 60px 0; scroll-margin-top: 185px; overflow: clip; } .btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-size: 0.875rem; } .form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); } .form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-primary); border-color: var(--bs-primary); } .form-range::-webkit-slider-thumb, .form-range::-moz-range-thumb { background-color: var(--bs-primary); } .btn-primary { --bs-btn-bg: var(--bs-primary) !important; --bs-btn-border-color: var(--bs-primary) !important; --bs-btn-hover-bg: var(--bs-primary-700) !important; --bs-btn-hover-border-color: var(--bs-primary-700) !important; --bs-btn-active-bg: var(--bs-primary-800) !important; --bs-btn-active-border-color: var(--bs-primary-800) !important; --bs-btn-disabled-bg: var(--bs-primary) !important; --bs-btn-disabled-border-color: var(--bs-primary) !important; } .btn-secondary { --bs-btn-color: var(--bs-primary-900) !important; --bs-btn-bg: var(--bs-secondary) !important; --bs-btn-border-color: var(--bs-secondary) !important; --bs-btn-hover-color: var(--bs-primary-900) !important; --bs-btn-hover-bg: var(--bs-primary-200) !important; --bs-btn-hover-border-color: var(--bs-primary-200) !important; --bs-btn-active-color: var(--bs-primary-900) !important; --bs-btn-active-bg: var(--bs-primary-300) !important; --bs-btn-active-border-color: var(--bs-primary-300) !important; --bs-btn-disabled-color: #fff !important; --bs-btn-disabled-bg: var(--bs-primary) !important; --bs-btn-disabled-border-color: var(--bs-primary) !important; } .btn-success { --bs-btn-bg: var(--bs-success) !important; --bs-btn-border-color: var(--bs-success) !important; --bs-btn-hover-bg: var(--bs-success-700) !important; --bs-btn-hover-border-color: var(--bs-success-700) !important; --bs-btn-active-bg: var(--bs-success-800) !important; --bs-btn-active-border-color: var(--bs-success-800) !important; --bs-btn-disabled-bg: var(--bs-success) !important; --bs-btn-disabled-border-color: var(--bs-success) !important; } .btn-info { --bs-btn-color: #fff !important; --bs-btn-bg: var(--bs-info) !important; --bs-btn-border-color: var(--bs-info) !important; --bs-btn-hover-color: #fff !important; --bs-btn-hover-bg: var(--bs-info-700) !important; --bs-btn-hover-border-color: var(--bs-info-700) !important; --bs-btn-active-color: #fff !important; --bs-btn-active-bg: var(--bs-info-800) !important; --bs-btn-active-border-color: var(--bs-info-800) !important; --bs-btn-disabled-color: #fff !important; --bs-btn-disabled-bg: var(--bs-info) !important; --bs-btn-disabled-border-color: var(--bs-info) !important; } .btn-warning { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-warning); --bs-btn-border-color: var(--bs-warning); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-warning-700); --bs-btn-hover-border-color: var(--bs-warning-700); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-warning-800); --bs-btn-active-border-color: var(--bs-warning-800); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-warning); --bs-btn-disabled-border-color: var(--bs-warning); } .btn-danger { --bs-btn-bg: var(--bs-danger); --bs-btn-border-color: var(--bs-danger); --bs-btn-hover-bg: var(--bs-danger-700); --bs-btn-hover-border-color: var(--bs-danger-700); --bs-btn-active-bg: var(--bs-danger-800); --bs-btn-active-border-color: var(--bs-danger-800); --bs-btn-disabled-bg: var(--bs-danger); --bs-btn-disabled-border-color: var(--bs-danger); } .btn-outline-primary { --bs-btn-color: var(--bs-primary); --bs-btn-bg: transparent; --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-color: var(--bs-primary); --bs-btn-hover-bg: var(--bs-primary-50); --bs-btn-hover-border-color: var(--bs-primary); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: var(--bs-primary); --bs-btn-active-bg: var(--bs-primary-100); --bs-btn-active-border-color: var(--bs-primary); --bs-btn-disabled-color: var(--bs-primary); --bs-btn-disabled-border-color: var(--bs-primary); } .btn-link { --bs-btn-disabled-color: var(--bs-secondary); } .btn-close { --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } .btn-outline-success { --bs-btn-color: var(--bs-success); --bs-btn-border-color: var(--bs-success); --bs-btn-hover-color: var(--bs-success); --bs-btn-hover-bg: var(--bs-success-50); --bs-btn-hover-border-color: var(--bs-success); --bs-btn-focus-shadow-rgb: var(--bs-success-rgb); --bs-btn-active-color: var(--bs-success); --bs-btn-active-bg: var(--bs-success-100); --bs-btn-active-border-color: var(--bs-success); --bs-btn-disabled-color: var(--bs-success); --bs-btn-disabled-border-color: var(--bs-success); } .btn-outline-info { --bs-btn-color: var(--bs-info); --bs-btn-border-color: var(--bs-info); --bs-btn-hover-color: var(--bs-info); --bs-btn-hover-bg: var(--bs-info-50); --bs-btn-hover-border-color: var(--bs-info); --bs-btn-focus-shadow-rgb: var(--bs-info-rgb); --bs-btn-active-color: var(--bs-info); --bs-btn-active-bg: var(--bs-info-100); --bs-btn-active-border-color: var(--bs-info); --bs-btn-disabled-color: var(--bs-info); --bs-btn-disabled-border-color: var(--bs-info); } .btn-outline-warning { --bs-btn-color: var(--bs-warning); --bs-btn-border-color: var(--bs-warning); --bs-btn-hover-color: var(--bs-warning); --bs-btn-hover-bg: var(--bs-warning-50); --bs-btn-hover-border-color: var(--bs-warning); --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb); --bs-btn-active-color: var(--bs-warning); --bs-btn-active-bg: var(--bs-warning-100); --bs-btn-active-border-color: var(--bs-warning); --bs-btn-disabled-color: var(--bs-warning); --bs-btn-disabled-border-color: var(--bs-warning); } .btn-outline-danger { --bs-btn-color: var(--bs-danger); --bs-btn-border-color: var(--bs-danger); --bs-btn-hover-color: var(--bs-danger); --bs-btn-hover-bg: var(--bs-danger-50); --bs-btn-hover-border-color: var(--bs-danger); --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb); --bs-btn-active-color: var(--bs-danger); --bs-btn-active-bg: var(--bs-danger-100); --bs-btn-active-border-color: var(--bs-danger); --bs-btn-disabled-color: var(--bs-danger); --bs-btn-disabled-border-color: var(--bs-danger); } .dropdown-menu { --bs-dropdown-header-color: var(--bs-secondary); } .dropdown-menu, .dropdown-menu-dark { --bs-dropdown-link-active-bg: var(--bs-primary); } .nav-pills { --bs-nav-pills-link-active-bg: var(--bs-primary); } .pagination { --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } .progress, .progress-stacked { --bs-progress-bar-bg: var(--bs-primary); } .list-group { --bs-list-group-active-bg: var(--bs-primary); --bs-list-group-active-border-color: var(--bs-primary); } .blockquote-footer { color: var(--bs-secondary); } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: var(--bs-secondary); } .form-control:focus, .form-select:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem rgba(var(--bs-primary-rgb), 0.25); } .form-range:focus::-webkit-slider-thumb, .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.1rem rgba(var(--bs-primary-rgb), 0.25); } .accordion { --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } .form-control::file-selector-button, .form-control::file-selector-button:hover { background: var(--bs-primary); color: var(--bs-body-bg); } .card { border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .card-footer, .card-header { background-color: inherit; border-radius: 12px; } .card-footer { border-top: none; border-radius: 0 0 12px 12px !important; } .card-header { border-bottom: none; border-radius: 12px 12px 0 0 !important; } /* #region Custom */ :root { --heading-font: "Nunito", sans-serif; --nav-font: "Poppins", sans-serif; scroll-behavior: smooth; } body { color: var(--bs-body-color); background-color: var(--bs-body-bg); font-family: var(--bs-font-sans-serif); } a { color: var(--bs-primary); text-decoration: none; transition: 0.3s; } a:hover { color: rgba(var(--bs-primary), 0.75); text-decoration: none; } h1, h2, h3, h4, h5, h6 { color: var(--bs-heading-color); font-family: var(--heading-font); } section, .section { color: var(--bs-body-color); background-color: var(--bs-body-bg); padding: 60px 0; scroll-margin-top: 185px; overflow: clip; } @media (max-width: 1199px) { section, .section { scroll-margin-top: 125px; } } .section-title { text-align: center; padding-bottom: 60px; position: relative; } .section-title h2 { font-size: 32px; font-weight: 700; position: relative; } .section-title h2:before, .section-title h2:after { content: ""; width: 50px; height: 2px; background: var(--bs-primary); display: inline-block; } .section-title h2:before { margin: 0 15px 10px 0; } .section-title h2:after { margin: 0 0 10px 15px; } .section-title p { margin-bottom: 0; } .page-title { color: var(--bs-body-color); background-color: var(--bs-body-bg); padding: 25px 0; position: relative; } .page-title h1 { font-size: 24px; font-weight: 700; } .page-title .breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; font-size: 14px; font-weight: 400; } .page-title .breadcrumbs ol li + li { padding-left: 10px; } .page-title .breadcrumbs ol li + li::before { content: "/"; display: inline-block; padding-right: 10px; color: rgba(var(--bs-body-color-rgb), 0.3); } .widgets-container { background-color: var(--bs-body-bg); padding: 30px; margin: 60px 0 30px 0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } .widget-title { color: var(--bs-heading-color); font-size: 20px; font-weight: 700; padding: 0; margin: 0 0 20px 0; } .widget-item { margin-bottom: 40px; } .widget-item:last-child { margin-bottom: 0; } .input-validation-error { border-color: var(--bs-danger); background: rgba(var(--bs-danger-rgb), 0.1); } .input-validation-error:focus { border-color: var(--bs-danger); } .validation-summary-errors ul { list-style: none; margin-bottom: 0; } /* #endregion */ /* #region Global Header */ .header { color: var(--bs-body-color); background-color: var(--bs-body-bg); transition: all 0.5s; z-index: 997; } .header .top-bar { background-color: rgba(var(--bs-primary-rgb), 0.04); font-size: 14px; } .header .top-bar .top-bar-item { color: var(--bs-body-color); } .header .top-bar .top-bar-item a { color: var(--bs-primary); text-decoration: none; } .header .top-bar .top-bar-item a:hover { text-decoration: underline; } .header .top-bar .top-bar-item .selected-icon { color: var(--bs-primary); opacity: 1; width: 16px; } .header .top-bar .announcement-slider { color: var(--bs-primary); font-weight: 500; height: 24px; overflow: hidden; } .header .top-bar .announcement-slider .swiper-slide { text-align: center; height: 24px; line-height: 24px; } .header .main-header { border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.10); } .header .main-header .logo { line-height: 1; } .header .main-header .logo img { max-height: 32px; margin-right: 8px; } .header .main-header .logo h1 { font-size: 26px; margin: 0; font-weight: 700; color: var(--bs-heading-color); } @media (max-width: 768px) { .header .main-header .logo h1 { font-size: 24px; } } .header .main-header .desktop-search-form { min-width: 400px; } @media (max-width: 1200px) { .header .main-header .desktop-search-form { display: none; } } .header .main-header .header-actions { gap: 16px; } .header .main-header .header-actions .header-action-btn { position: relative; background: none; border: none; padding: 0.5rem; color: var(--bs-body-color); font-size: 15px; cursor: pointer; transition: color 0.3s ease; } .header .main-header .header-actions .header-action-btn i { font-size: 24px; } .header .main-header .header-actions .header-action-btn i.bi-person { font-size: 28px; } .header .main-header .header-actions .header-action-btn:hover { color: var(--bs-primary); } .header .main-header .header-actions .header-action-btn .badge { position: absolute; top: -5px; right: -5px; background-color: var(--bs-primary); color: var(--bs-body-bg); font-size: 10px; padding: 2px 6px; border-radius: 10px; min-width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; } .header .main-header .account-dropdown .dropdown-menu { background-color: var(--bs-body-bg); min-width: 280px; padding: 0; border-radius: 6px; margin-top: 0.75rem; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); border: 1px solid rgba(var(--bs-body-color-rgb), 0.10); } .header .main-header .account-dropdown .dropdown-menu .dropdown-header { padding: 1.25rem; border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.10); } .header .main-header .account-dropdown .dropdown-menu .dropdown-header h6 { margin: 0 0 0.25rem; color: var(--bs-heading-color); font-size: 16px; } .header .main-header .account-dropdown .dropdown-menu .dropdown-header p { font-size: 13px; color: rgba(var(--bs-body-color-rgb), 0.60); } .header .main-header .account-dropdown .dropdown-menu .dropdown-body { padding: 1rem 0; } .header .main-header .account-dropdown .dropdown-menu .dropdown-body .dropdown-item { padding: 0.5rem 1.25rem; font-size: 14px; color: var(--bs-body-color); transition: all 0.2s ease; } .header .main-header .account-dropdown .dropdown-menu .dropdown-body .dropdown-item i { color: rgba(var(--bs-body-color-rgb), 0.70); transition: color 0.2s ease; font-size: 16px; } .header .main-header .account-dropdown .dropdown-menu .dropdown-body .dropdown-item:hover { background-color: rgba(var(--bs-primary-rgb), 0.10); color: var(--bs-primary); } .header .main-header .account-dropdown .dropdown-menu .dropdown-body .dropdown-item:hover i { color: var(--bs-primary); } .header .main-header .account-dropdown .dropdown-menu .dropdown-footer { padding: 1.25rem; background-color: rgba(var(--bs-body-color-rgb), 0.03); border-top: 1px solid rgba(var(--bs-body-color-rgb), 0.10); } .header .main-header .account-dropdown .dropdown-menu .dropdown-footer .btn { font-size: 14px; padding: 0.5rem 1rem; background-color: var(--bs-primary); transition: 0.3s; } .header .main-header .account-dropdown .dropdown-menu .dropdown-footer .btn-outline-primary { border-color: var(--bs-primary); background-color: transparent; color: var(--bs-primary); } .header .main-header .account-dropdown .dropdown-menu .dropdown-footer .btn-outline-primary:hover { background-color: var(--bs-primary); color: var(--bs-body-bg); } .header .search-form { margin: 0; } .header .search-form .input-group { border: 1px solid rgba(var(--bs-body-color-rgb), 0.15); border-radius: 50px; overflow: hidden; overflow: visible; background-color: var(--bs-body-bg); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; } .header .search-form .input-group:focus-within { border-color: var(--bs-primary); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } .header .search-form .input-group .form-control { border: none; padding: 12px 15px; font-size: 14px; background-color: transparent; color: var(--bs-body-color); } .header .search-form .input-group .form-control::placeholder { color: rgba(var(--bs-body-color-rgb), 0.5); font-size: 14px; } .header .search-form .input-group .form-control:focus { box-shadow: none; } .header .search-form .input-group .btn { background-color: var(--bs-primary); color: var(--bs-body-bg); padding: 0 25px; border: none; transition: all 0.3s ease; border-radius: 50px !important; margin: 3px; } .header .search-form .input-group .btn:hover { background-color: rgba(var(--bs-primary-rgb), 0.80); } .header .search-form .input-group .btn i { font-size: 16px; } @media (min-width: 1200px) { .header .header-nav { border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.10); } } .header #mobileSearch { background-color: rgba(var(--bs-body-color-rgb), 0.04); z-index: 1000; } .header #mobileSearch .search-form { padding: 10px 0; } @media (max-width: 992px) { .header .main-header .header-actions { gap: 0.5rem; } .header .main-header .header-actions .header-action-btn { padding: 0.25rem; } .header .main-header .header-actions .header-action-btn i { font-size: 20px; } } /* #endregion */ /* #region Navigation Menu */ /* Desktop Navigation */ @media (min-width: 1200px) { .navmenu { padding: 0; } .navmenu ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; } .navmenu li { position: relative; } .navmenu > ul > li { white-space: nowrap; padding: 15px 14px; } .navmenu > ul > li:last-child { padding-right: 0; } .navmenu a, .navmenu a:focus { color: var(--bs-body-color); font-size: 15px; padding: 0 2px; font-family: var(--nav-font); font-weight: 400; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; transition: 0.3s; position: relative; } .navmenu a i, .navmenu a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; transition: 0.3s; } .navmenu > ul > li > a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -6px; left: 0; background-color: var(--bs-primary); visibility: hidden; width: 0px; transition: all 0.3s ease-in-out 0s; } .navmenu a:hover:before, .navmenu li:hover > a:before, .navmenu .active:before { visibility: visible; width: 100%; } .navmenu li:hover > a, .navmenu .active, .navmenu .active:focus { color: var(--bs-primary); } .navmenu .dropdown ul { margin: 0; padding: 10px 0; background: var(--bs-body-bg); display: block; position: absolute; visibility: hidden; left: 14px; top: 130%; opacity: 0; transition: 0.3s; border-radius: 4px; z-index: 99; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .navmenu .dropdown ul li { min-width: 200px; } .navmenu .dropdown ul a { padding: 10px 20px; font-size: 15px; text-transform: none; color: var(--bs-body-color); } .navmenu .dropdown ul a i { font-size: 12px; } .navmenu .dropdown ul a:hover, .navmenu .dropdown ul .active:hover, .navmenu .dropdown ul li:hover > a { color: var(--bs-primary); } .navmenu .dropdown:hover > ul { opacity: 1; top: 100%; visibility: visible; } .navmenu .dropdown .dropdown ul { top: 0; left: -90%; visibility: hidden; } .navmenu .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: -100%; visibility: visible; } } /* Mobile Navigation */ @media (max-width: 1200px) { .mobile-nav-toggle { color: var(--bs-body-color); font-size: 28px; line-height: 0; margin-right: 10px; cursor: pointer; transition: color 0.3s; } .navmenu { padding: 0; z-index: 9997; } .navmenu ul { display: none; list-style: none; position: absolute; inset: 60px 20px 20px 20px; padding: 10px 0; margin: 0; border-radius: 6px; background-color: var(--bs-body-bg); border: 1px solid rgba(var(--bs-body-color-rgb), 0.1); box-shadow: none; overflow-y: auto; transition: 0.3s; z-index: 9998; } .navmenu a, .navmenu a:focus { color: var(--bs-body-color); padding: 10px 20px; font-family: var(--nav-font); font-size: 17px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; transition: 0.3s; } .navmenu a i, .navmenu a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.3s; background-color: rgba(var(--bs-primary-rgb), 0.1); } .navmenu a i:hover, .navmenu a:focus i:hover { background-color: var(--bs-primary); color: var(--bs-body-bg); } .navmenu a:hover, .navmenu .active, .navmenu .active:focus { color: var(--bs-primary); } .navmenu .active i, .navmenu .active:focus i { background-color: var(--bs-primary); color: var(--bs-body-bg); transform: rotate(180deg); } .navmenu .dropdown ul { position: static; display: none; z-index: 99; padding: 10px 0; margin: 10px 20px; background-color: var(--bs-body-bg); transition: all .5s ease-in-out; } .navmenu .dropdown ul ul { background-color: rgba(33, 37, 41, 0.1); } .navmenu .dropdown > .dropdown-active { display: block; background-color: rgba(33, 37, 41, 0.03); } .mobile-nav-active { overflow: hidden; } .mobile-nav-active .mobile-nav-toggle { color: #fff; position: absolute; font-size: 32px; top: 15px; right: 15px; margin-right: 0; z-index: 9999; } .mobile-nav-active .navmenu { position: fixed; overflow: hidden; inset: 0; background: rgba(33, 37, 41, 0.8); transition: 0.3s; } .mobile-nav-active .navmenu > ul { display: block; } } /* #endregion */ /* #region Global Footer */ .footer { color: var(--bs-body-color); background-color: var(--bs-body-bg); font-size: 14px; position: relative; border-top: 1px solid rgba(var(--bs-primary-rgb), 0.10); } .footer .footer-join-today { background-color: rgba(var(--bs-primary-rgb), 0.05); padding: 60px 0; } .footer .footer-join-today h2 { font-size: 32px; font-weight: 700; margin-bottom: 15px; } .footer .footer-join-today p { font-size: 16px; margin-bottom: 30px; color: rgba(var(--bs-body-color-rgb), 0.8); } .footer .footer-join-today .newsletter-form { max-width: 550px; margin: 0 auto; position: relative; } .footer .footer-join-today .newsletter-form input[type=email] { height: 54px; border-radius: 50px; padding: 10px 25px; width: 100%; color: var(--bs-body-color); background-color: var(--bs-body-bg); border: 1px solid rgba(var(--bs-body-color-rgb), 0.2); font-size: 15px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .footer .footer-join-today .newsletter-form input[type=email]:focus { outline: none; border-color: var(--bs-primary); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } .footer .footer-join-today .newsletter-form input[type=email]::placeholder { color: rgba(var(--bs-body-color-rgb), 0.3); } .footer .footer-join-today .newsletter-form button { position: absolute; right: 5px; top: 5px; bottom: 5px; border: 0; background-color: var(--bs-primary); color: var(--bs-body-bg); transition: all 0.3s ease; border-radius: 50px; padding: 0 30px; font-weight: 600; font-size: 15px; } .footer .footer-join-today .newsletter-form button:hover { background-color: rgba(var(--bs-primary-rgb), 0.8); } .footer .footer-main { padding: 70px 0 40px; } .footer .footer-main .footer-widget { margin-bottom: 30px; } .footer .footer-main .footer-widget .logo { display: inline-block; margin-bottom: 20px; } .footer .footer-main .footer-widget .logo span { color: var(--bs-heading-color); font-size: 26px; font-weight: 700; letter-spacing: 0.5px; font-family: var(--heading-font); } .footer .footer-main .footer-widget p { margin-bottom: 20px; line-height: 1.7; } .footer .footer-main .footer-widget h4 { font-size: 18px; font-weight: 600; margin-bottom: 25px; position: relative; } .footer .footer-main .footer-widget h5 { color: rgba(var(--bs-body-color-rgb), 0.8); font-size: 16px; font-weight: 500; margin-bottom: 15px; } .footer .footer-main .footer-contact .contact-item { display: flex; align-items: center; margin-bottom: 15px; justify-content: flex-start; } .footer .footer-main .footer-contact .contact-item i { color: var(--bs-primary); font-size: 18px; margin-right: 12px; margin-top: 3px; } .footer .footer-main .footer-contact .contact-item span { color: rgba(var(--bs-body-color-rgb), 0.7); line-height: 1.5; } .footer .footer-main .footer-links { list-style: none; padding: 0; margin: 0; } .footer .footer-main .footer-links li { margin-bottom: 12px; } .footer .footer-main .footer-links a { color: rgba(var(--bs-body-color-rgb), 0.7); transition: all 0.3s ease; position: relative; padding-left: 0; display: inline-block; } .footer .footer-main .footer-links a:hover { color: var(--bs-primary); padding-left: 5px; } .footer .footer-main .footer-links a:before { content: ""; position: absolute; width: 0; height: 1px; bottom: -2px; left: 0; background-color: var(--bs-primary); transition: all 0.3s ease; } .footer .footer-main .footer-links a:hover:before { width: 100%; } .footer .footer-main .social-icons { display: flex; gap: 12px; flex-wrap: wrap; } .footer .footer-main .social-icons a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(var(--bs-body-color-rgb), 0.1); color: var(--bs-body-color); font-size: 16px; transition: all 0.3s ease; } .footer .footer-main .social-icons a:hover { background-color: var(--bs-primary); transform: rotate(360deg); color: var(--bs-body-bg); } .footer .footer-main .social-icons a[aria-label="WhatsApp"]:hover { background-color: #25D366; } .footer .footer-main .social-icons a[aria-label="Facebook"]:hover { background-color: #1877F2; } .footer .footer-main .social-icons a[aria-label="YouTube"]:hover { background-color: #FF0000; } .footer .footer-main .social-icons a[aria-label="Instagram"]:hover { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); } .footer .footer-main .social-icons a[aria-label="Twitter"]:hover { background-color: #1DA1F2; } .footer .footer-main .social-icons a[aria-label="Twitter-X"]:hover, .footer .footer-main .social-icons a[aria-label="TikTok"]:hover { background-color: #000000; } .footer .footer-main .social-icons a[aria-label="LinkedIn"]:hover { background-color: #0A66C2; } .footer .footer-main .social-icons a[aria-label="Telegram"]:hover { background-color: #0088CC; } .footer .footer-bottom { background-color: rgba(var(--bs-body-color-rgb), 0.05); padding: 25px 0; } .footer .footer-bottom .payment-methods { display: flex; align-items: center; } .footer .footer-bottom .payment-methods span { margin-right: 15px; font-weight: 500; color: rgba(var(--bs-body-color-rgb), 0.7); } .footer .footer-bottom .payment-methods .payment-icons { display: flex; gap: 12px; } .footer .footer-bottom .payment-methods .payment-icons i { font-size: 22px; color: rgba(var(--bs-body-color-rgb), 0.7); transition: color 0.3s ease; } .footer .footer-bottom .payment-methods .payment-icons i:hover { color: var(--bs-primary); } .footer .footer-bottom .copyright { padding-top: 10px; } .footer .footer-bottom .copyright p { margin-bottom: 0; } .footer .footer-bottom .copyright p strong { color: rgba(var(--bs-body-color-rgb), 0.9); } .footer .footer-bottom .credits { text-align: center; padding-top: 5px; } .footer .footer-bottom .legal-links { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 20px 0 15px 0; } .footer .footer-bottom .legal-links a { color: rgba(var(--bs-body-color-rgb), 0.6); font-size: 13px; transition: color 0.3s ease; } .footer .footer-bottom .legal-links a:hover { color: var(--bs-primary); } @media (max-width: 991.98px) { .footer .footer-join-today { padding: 50px 0; } .footer .footer-join-today h2 { font-size: 28px; } .footer .footer-main { padding: 60px 0 30px; } } @media (max-width: 767.98px) { .footer .footer-join-today { padding: 40px 0; } .footer .footer-join-today h2 { font-size: 24px; } .footer .footer-join-today p { font-size: 15px; } .footer .footer-join-today .newsletter-form button { padding: 0 20px; font-size: 14px; } .footer .footer-bottom .payment-methods { justify-content: center; margin-bottom: 15px; } .footer .footer-bottom .copyright { text-align: center; } .footer .social-icons { justify-content: center; } } /* #endregion */ /* #region PRELOADER */ /* From Uiverse.io by alexruix */ .preloader-main { position: fixed; inset: 0; z-index: 999999; overflow: hidden; background: var(--bs-body-bg); transition: all 0.6s ease-out; } .preloader { width: 48px; height: 48px; margin: auto; position: fixed; inset: 0; } .preloader:before { content: ''; width: 48px; height: 5px; background: #20448d50; position: absolute; top: 60px; left: 0; border-radius: 50%; animation: shadow324 0.5s linear infinite; } .preloader:after { content: ''; width: 100%; height: 100%; background: #20448d; position: absolute; top: 0; left: 0; border-radius: 4px; animation: jump7456 0.5s linear infinite; } @keyframes jump7456 { 15% { border-bottom-right-radius: 3px; } 25% { transform: translateY(9px) rotate(22.5deg); } 50% { transform: translateY(18px) scale(1, .9) rotate(45deg); border-bottom-right-radius: 40px; } 75% { transform: translateY(9px) rotate(67.5deg); } 100% { transform: translateY(0) rotate(90deg); } } @keyframes shadow324 { 0%, 100% { transform: scale(1, 1); } 50% { transform: scale(1.2, 1); } } /* #endregion */ /* #region Scroll Top Button */ .scroll-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: -15px; z-index: 99999; background-color: var(--bs-primary); width: 44px; height: 44px; border-radius: 50px; transition: all 0.4s; } .scroll-top i { font-size: 24px; color: var(--bs-body-bg); line-height: 0; } .scroll-top:hover { background-color: rgba(var(--bs-primary-rgb), 0.80); color: var(--bs-body-bg); } .scroll-top.active { visibility: visible; opacity: 1; bottom: 15px; } /* #endregion */ /* #region Disable aos animation delay on mobile devices */ @media screen and (max-width: 768px) { [data-aos-delay] { transition-delay: 0 !important; } } /* #endregion */ /* #region Global Page Titles & Breadcrumbs */ .page-title { color: #3f3f46; background-color: rgba(38, 81, 166, 0.05) !important; padding: 25px 0; position: relative; } .page-title h1 { font-size: 24px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; max-width: 100%; } .page-title .breadcrumbs { white-space: nowrap; overflow: hidden; } .page-title .breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; font-size: 14px; font-weight: 400; } .page-title .breadcrumbs ol > li { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .page-title .breadcrumbs .current { max-width: 250px; } .page-title .breadcrumbs ol li + li { padding-left: 10px; } .page-title .breadcrumbs ol li + li::before { content: "/"; display: inline-block; padding-right: 10px; color: rgba(63, 63, 70, 0.30); } @media (min-width: 576px) { .page-title h1 { max-width: 450px; } .page-title .breadcrumbs .current { max-width: 300px; } } @media (min-width: 768px) { .page-title h1 { max-width: 600px; } .page-title .breadcrumbs .current { max-width: 400px; } } @media (min-width: 992px) { .page-title h1 { max-width: 800px; } .page-title .breadcrumbs .current { max-width: 500px; } } @media (min-width: 1200px) { .page-title h1 { max-width: none; } .page-title .breadcrumbs .current { max-width: 600px; } } /* #endregion */ /* #region Global Section Titles */ .section-title { text-align: center; padding-bottom: 60px; position: relative; } .section-title h2 { font-size: 32px; font-weight: 700; margin-bottom: 15px; } .section-title p { margin-bottom: 0; } /* #endregion Global Section Titles */ /* #region Global Swiper */ /*.swiper.init-swiper { position: relative; } .swiper-wrapper { height: auto !important; }*/ .swiper-button-next { right: 0; } .swiper-button-prev { left: 0; } .swiper-button-next, .swiper-button-prev { width: 40px !important; height: 40px !important; background: var(--bs-body-bg); border-radius: 50%; color: var(--bs-heading-color); --swiper-navigation-color: var(--bs-heading-color); --swiper-theme-color: var(--bs-heading-color); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .swiper-button-next::after, .swiper-button-prev::after { --swiper-navigation-size: 1rem; font-weight: bold; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: var(--bs-primary); color: var(--bs-body-bg); } .swiper-pagination-bullet-active { background: var(--bs-primary) !important; } @media (max-width: 991.98px) { .swiper-button-prev { left: -15px; } .swiper-button-next { right: -15px; } } @media (max-width: 767.98px) { .swiper-button-prev, .swiper-button-next { width: 35px !important; height: 35px !important; } } @media (max-width: 575.98px) { .swiper-button-prev { left: -10px; } .swiper-button-next { right: -10px; } } /* #endregion */ /* #region Global OVERRIDE Pagination */ .pagination { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .pagination > .active > a { background-color: #2651a6; color: #fff; } /* #endregion */ /* #region GLOBAL Pulsating Play Button */ .pulsating-play-btn { width: 94px; height: 94px; background: radial-gradient(var(--bs-primary) 50%, rgba(var(--bs-primary-rgb), 0.25) 52%); border-radius: 50%; display: block; position: absolute; left: calc(50% - 47px); top: calc(50% - 47px); overflow: hidden; } .pulsating-play-btn:before { content: ""; position: absolute; width: 120px; height: 120px; animation-delay: 0s; animation: pulsate-play-btn 2s; animation-direction: forwards; animation-iteration-count: infinite; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 5px solid rgba(var(--bs-primary-rgb), 0.7); top: -15%; left: -15%; background: rgba(198, 16, 0, 0); } .pulsating-play-btn:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pulsating-play-btn:hover:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border: none; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 200; animation: none; border-radius: 0; } .pulsating-play-btn:hover:after { border-left: 15px solid var(--bs-primary); transform: scale(20); } @keyframes pulsate-play-btn { 0% { transform: scale(0.6, 0.6); opacity: 1; } 100% { transform: scale(1, 1); opacity: 0; } } /* #endregion */ /* #region MODALS */ .modal .modal-dialog .modal-content { border-radius: 24px; background: var(--bs-body-bg); padding: 2rem 1.5rem; text-align: center; height: 100%; border: none; transition: all 0.3s ease; position: relative; overflow: hidden; } .modal .modal-dialog .modal-content::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--bs-primary); transform: scaleX(1); } .modal .modal-dialog .modal-content.success-modal::before { background: var(--bs-success); } .modal .modal-dialog .modal-content.warning-modal::before { background: var(--bs-warning); } .modal .modal-dialog .modal-content.error-modal::before { background: var(--bs-danger); } @media (max-width: 1200px) { .modal .modal-dialog .modal-content { padding: 1.75rem 1.25rem; } } .modal .modal-dialog .modal-content .modal-body, .modal .modal-dialog .modal-content .modal-footer, .modal .modal-dialog .modal-content .modal-header { padding: 0; } .modal .modal-dialog .modal-content .modal-footer { padding: 1.75rem 0 0 0; } .modal .modal-dialog .modal-content .modal-footer, .modal .modal-dialog .modal-content .modal-header { border: none; } .modal .modal-dialog .modal-content .modal-header .modal-icon { background: rgba(var(--bs-primary-rgb), 0.10); border-radius: 50%; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; } .modal .modal-dialog .modal-content.success-modal .modal-header .modal-icon { background: rgba(var(--bs-success-rgb), 0.10); } .modal .modal-dialog .modal-content.warning-modal .modal-header .modal-icon { background: rgba(var(--bs-warning-rgb), 0.10); } .modal .modal-dialog .modal-content.error-modal .modal-header .modal-icon { background: rgba(var(--bs-danger-rgb), 0.10); } .modal .modal-dialog .modal-content .modal-header .modal-icon i { color: var(--bs-primary); font-size: 1.75rem; } .modal .modal-dialog .modal-content.success-modal .modal-header .modal-icon i { color: var(--bs-success); } .modal .modal-dialog .modal-content.warning-modal .modal-header .modal-icon i { color: var(--bs-warning); } .modal .modal-dialog .modal-content.error-modal .modal-header .modal-icon i { color: var(--bs-danger); } .modal .modal-dialog .modal-content .modal-body h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 15px; color: var(--bs-heading-color); } .modal .modal-dialog .modal-content .modal-body p { font-size: 0.95rem; color: rgba(var(--bs-body-color-rgb), 0.8); line-height: 1.6; margin-bottom: 0; } /* #endregion */ /* #region REGISTER LOGIN */ .login-register { background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.05) 0%, rgba(var(--bs-primary-rgb), 0.1) 100%); position: relative; overflow: hidden; } .login-register::before { content: ""; position: absolute; width: 800px; height: 400px; background: radial-gradient(circle, rgba(var(--bs-primary-rgb), 0.3) 0%, transparent 70%); border-radius: 50%; top: -200px; left: -200px; opacity: 0.5; animation: float 6s ease-in-out infinite; } .login-register::after { content: ""; position: absolute; width: 600px; height: 300px; background: radial-gradient(circle, rgba(var(--bs-primary-rgb), 0.2) 0%, transparent 70%); border-radius: 50%; bottom: -150px; right: -150px; opacity: 0.3; animation: float 8s ease-in-out infinite reverse; } .login-register .auth-wrapper { display: flex; justify-content: center; align-items: center; min-height: 70vh; position: relative; z-index: 10; } .login-register .auth-card { background: var(--bs-body-bg); border-radius: 24px; padding: 48px; box-shadow: 0 32px 64px -12px rgba(var(--bs-body-color-rgb), 0.1); width: 100%; max-width: 640px; position: relative; } @media (max-width: 768px) { .login-register .auth-card { padding: 32px 24px; margin: 20px; max-width: calc(100% - 40px); } } .login-register .auth-header { text-align: center; margin-bottom: 32px; } .login-register .auth-header h2 { color: var(--bs-heading-color); font-size: 2rem; font-weight: 700; margin-bottom: 8px; } @media (max-width: 768px) { .login-register .auth-header h2 { font-size: 1.75rem; } } .login-register .auth-header p { color: rgba(var(--bs-body-color-rgb), 0.6); font-size: 0.95rem; margin: 0; } .login-register .auth-form { margin-bottom: 24px; } .login-register .auth-form .form-group { margin-bottom: 20px; } .login-register .auth-form .form-group label { display: block; color: var(--bs-heading-color); font-weight: 500; font-size: 0.9rem; margin-bottom: 8px; } .login-register .auth-form .form-group input { width: 100%; padding: 14px 20px; border: 1px solid rgba(var(--bs-body-color-rgb), 0.2); border-radius: 50px; font-size: 0.95rem; background: var(--bs-body-bg); color: var(--bs-body-color); transition: all 0.3s ease; } .login-register .auth-form .form-group input:focus { outline: none; border-color: var(--bs-primary); box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.15); } .login-register .auth-form .form-group input::placeholder { color: rgba(var(--bs-body-color-rgb), 0.4); } .login-register .auth-form .password-field { position: relative; } .login-register .auth-form .password-field .password-toggle { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: none; border: none; color: rgba(var(--bs-body-color-rgb), 0.6); cursor: pointer; padding: 4px; transition: color 0.3s ease; } .login-register .auth-form .password-field .password-toggle:hover { color: var(--bs-primary); } .login-register .auth-form .password-field .password-toggle i { font-size: 1.1rem; } .login-register .auth-form .form-options { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; flex-wrap: wrap; } @media (max-width: 480px) { .login-register .auth-form .form-options { flex-direction: column; align-items: flex-start; gap: 12px; } } .login-register .auth-form .checkbox-wrapper { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 0.9rem; } .login-register .auth-form .checkbox-wrapper input[type=checkbox] { display: none; } .login-register .auth-form .checkbox-wrapper .checkbox-indicator { width: 18px; height: 18px; border: 2px solid rgba(var(--bs-body-color-rgb), 0.3); border-radius: 4px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; position: relative; } .login-register .auth-form .checkbox-wrapper .checkbox-indicator::after { content: "✓"; color: var(--bs-body-bg); font-size: 12px; font-weight: bold; opacity: 0; transition: opacity 0.3s ease; } .login-register .auth-form .checkbox-wrapper input:checked + .checkbox-indicator { background: var(--bs-primary); border-color: var(--bs-primary); } .login-register .auth-form .checkbox-wrapper input:checked + .checkbox-indicator::after { opacity: 1; } .login-register .auth-form .checkbox-wrapper .checkbox-text { color: var(--bs-body-color); user-select: none; } .login-register .auth-form .forgot-link { color: var(--bs-primary); text-decoration: none; font-size: 0.9rem; font-weight: 500; transition: color 0.3s ease; } .login-register .auth-form .forgot-link:hover { color: rgba(var(--bs-primary-rgb), 0.8); } .login-register .auth-form .submit-btn { width: 100%; padding: 14px; background: var(--bs-primary); color: var(--bs-body-bg); border: none; border-radius: 50px; font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .login-register .auth-form .submit-btn:hover { background: rgba(var(--bs-primary-rgb), 0.9); transform: translateY(-1px); } .login-register .auth-form .submit-btn:active { transform: translateY(0); } .login-register .auth-footer { text-align: center; padding-top: 20px; border-top: 1px solid rgba(var(--bs-body-color-rgb), 0.15); } .login-register .auth-footer p { color: var(--bs-body-color); font-size: 0.9rem; margin: 0; } .login-register .auth-footer p .register-link { color: var(--bs-primary); text-decoration: none; font-weight: 600; transition: color 0.3s ease; } .login-register .auth-footer p .register-link:hover { color: rgba(var(--bs-primary), 0.8); } @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-20px) rotate(10deg); } } /* #endregion */ /* #region Global Product List */ .product-list .product-card { position: relative; height: 100%; background-color: var(--bs-body-bg); border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); border: none; transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-list .product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .product-list .product-card:hover .default-image { opacity: 0; } .product-list .product-card:hover .hover-image { opacity: 1; } .product-list .product-image { position: relative; padding-top: 100%; overflow: hidden; background-color: #f8f9fa; } .product-list .product-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: transform 0.5s ease; } .product-list .product-image .default-image { opacity: 1; transition: opacity 0.5s ease; } .product-list .product-image .hover-image { opacity: 0; transition: opacity 0.5s ease; } .product-list .product-tags { position: absolute; top: 10px; left: 10px; z-index: 2; } .product-list .product-tags .badge { display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 500; border-radius: 4px; margin-right: 5px; } .product-list .product-actions { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; z-index: 2; opacity: 0; transform: translateX(10px); transition: opacity 0.3s ease, transform 0.3s ease; } .product-list .product-actions button, .product-list .product-actions a { width: 36px; height: 36px; border-radius: 50%; background-color: var(--bs-body-bg); border: none; color: var(--bs-heading-color); display: flex; align-items: center; justify-content: center; margin-bottom: 8px; transition: background-color 0.3s ease, color 0.3s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); cursor: pointer; } .product-list .product-actions button:hover, .product-list .product-actions a:hover { background-color: var(--bs-primary); color: var(--bs-body-bg); } .product-list .product-actions button i, .product-list .product-actions a i { font-size: 1rem; } .product-list .product-card:hover .product-actions { opacity: 1; transform: translateX(0); } .product-list .product-info { padding: 1rem 1rem 0 1rem; } .product-list .product-title { font-family: var(--heading-font); font-size: 1rem; margin-bottom: 0; font-weight: 600; /*height: 2.4rem;*/ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .product-list h3.product-title { margin-bottom: 0; } .product-list .product-title a { color: var(--bs-heading-color); text-decoration: none; transition: color 0.3s ease; } .product-list .product-title a:hover { color: var(--bs-primary); } .product-list .card-footer { padding: 0.5rem 1rem 1rem 1rem; } .product-list .product-price { margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; } .product-list .product-price .current-price { font-size: 1.125rem; font-weight: 700; color: var(--bs-heading-color); } .product-list .product-price .current-price.info-icon { font-size: 1rem; } .product-list .product-price .current-pcc { font-size: 0.875rem; color: rgba(var(--bs-body-color-rgb), 0.6); padding: 0.25rem; border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); } .product-list .product-card .btn { width: 100%; padding: 0.6rem; border: none; border-radius: 4px; font-size: 0.875rem; font-weight: 500; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; } .product-list .btn i { font-size: 1rem; } @media (max-width: 991.98px) { .product-list .product-title { font-size: 0.95rem; } } @media (max-width: 767.98px) { .product-list .product-card { max-width: 320px; margin: 0 auto; } .product-list .product-actions { opacity: 1; transform: translateX(0); } } /* #endregion */ .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #2651a6; border-color: #2651a6; } .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; cursor: not-allowed; background-color: #ffffff; } /* #region Global OVERRIDE Pagination */ .pagination { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .pagination > .active > a { background-color: #2651a6; color: #fff; } /* #endregion */