/* Minification failed. Returning unminified contents. (3047,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3048,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3049,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3050,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3051,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3052,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3053,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3054,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3055,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3056,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3057,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3058,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3059,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3060,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3061,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3062,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3063,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3064,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3065,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3066,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3067,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3068,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3069,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3070,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3071,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3072,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3073,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3074,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3075,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3076,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3128,14): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (3132,15): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3136,15): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3140,16): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (3144,20): run-time error CSS1039: Token not allowed after unary operator: '-lh-2x' (3145,23): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3169,20): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (3173,20): run-time error CSS1039: Token not allowed after unary operator: '-lh-2x' (3174,22): run-time error CSS1039: Token not allowed after unary operator: '-line-1' (3175,23): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (3176,22): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (3180,15): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (3184,16): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3196,20): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (3201,20): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (3206,20): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (3267,22): run-time error CSS1039: Token not allowed after unary operator: '-line-1' (3274,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0' (3279,18): run-time error CSS1039: Token not allowed after unary operator: '-f-10' (3280,20): run-time error CSS1039: Token not allowed after unary operator: '-lh-10' (3284,18): run-time error CSS1039: Token not allowed after unary operator: '-f-12' (3285,20): run-time error CSS1039: Token not allowed after unary operator: '-lh-12' (3289,18): run-time error CSS1039: Token not allowed after unary operator: '-f-14' (3290,20): run-time error CSS1039: Token not allowed after unary operator: '-lh-14' (3294,18): run-time error CSS1039: Token not allowed after unary operator: '-f-30' (3295,20): run-time error CSS1039: Token not allowed after unary operator: '-lh-30' (3299,20): run-time error CSS1039: Token not allowed after unary operator: '-lh-2x' (3304,14): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3308,14): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (3312,14): run-time error CSS1039: Token not allowed after unary operator: '-c-grey' (3316,14): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (3321,24): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3325,24): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3329,24): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3333,24): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3337,24): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3341,24): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3345,24): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3349,24): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3353,24): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3382,14): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3386,14): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3390,14): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3395,14): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3416,20): run-time error CSS1039: Token not allowed after unary operator: '-f-ari' (3417,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0' (3417,31): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3417,48): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3421,19): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (3422,15): run-time error CSS1039: Token not allowed after unary operator: '-line-1' (3423,19): run-time error CSS1039: Token not allowed after unary operator: '-line-2' (3424,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0' (3425,14): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3430,16): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3435,15): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3442,14): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3460,22): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3461,18): run-time error CSS1039: Token not allowed after unary operator: '-f-small' (3475,20): run-time error CSS1039: Token not allowed after unary operator: '-f-mu5' (3476,18): run-time error CSS1039: Token not allowed after unary operator: '-f-small' (3477,16): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3477,35): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3481,19): run-time error CSS1039: Token not allowed after unary operator: '-c-grey' (3490,14): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3494,13): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3499,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0' (3500,14): run-time error CSS1039: Token not allowed after unary operator: '-c-grey' (3504,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0' (3505,14): run-time error CSS1039: Token not allowed after unary operator: '-c-grey' (3516,23): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (3544,23): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (3587,18): run-time error CSS1039: Token not allowed after unary operator: '-f-small' (3598,18): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3606,22): run-time error CSS1039: Token not allowed after unary operator: '-c-grey' (3608,24): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3615,21): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3659,19): run-time error CSS1039: Token not allowed after unary operator: '-bg' (3660,14): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3661,18): run-time error CSS1039: Token not allowed after unary operator: '-f-14' (3662,20): run-time error CSS1039: Token not allowed after unary operator: '-lh-14' (3663,20): run-time error CSS1039: Token not allowed after unary operator: '-f-ari' (3675,19): run-time error CSS1039: Token not allowed after unary operator: '-bg' (3694,25): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (3702,19): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (3790,16): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3790,31): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3791,18): run-time error CSS1039: Token not allowed after unary operator: '-f-10' (3793,19): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (3794,14): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (3797,15): run-time error CSS1039: Token not allowed after unary operator: '-line-1' (3802,20): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (3803,22): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (3804,15): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (3816,19): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (3844,14): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (3866,20): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (4040,19): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4186,16): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (4187,22): run-time error CSS1039: Token not allowed after unary operator: '-f-arib' (4195,17): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4200,16): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4201,34): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4251,19): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (4302,20): run-time error CSS1039: Token not allowed after unary operator: '-f-12' (4307,22): run-time error CSS1039: Token not allowed after unary operator: '-c-greyl' (4308,17): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (4310,23): run-time error CSS1039: Token not allowed after unary operator: '-f-ari' (4314,23): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4315,18): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4328,17): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (4333,18): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4341,18): run-time error CSS1039: Token not allowed after unary operator: '-f-12' (4342,20): run-time error CSS1039: Token not allowed after unary operator: '-lh-12' (4346,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0' (4392,15): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (4402,19): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4404,17): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (4408,20): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4413,19): run-time error CSS1039: Token not allowed after unary operator: '-line-1' (4414,16): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (4418,18): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (4436,21): run-time error CSS1039: Token not allowed after unary operator: '-space-5' (4437,24): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (4443,24): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (4455,15): run-time error CSS1039: Token not allowed after unary operator: '-space-7' (4459,14): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4476,16): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (4483,23): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (4488,21): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4489,21): run-time error CSS1039: Token not allowed after unary operator: '-line-2' (4521,15): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4534,20): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4539,23): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (4544,19): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4545,19): run-time error CSS1039: Token not allowed after unary operator: '-line-2' (4549,16): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (4574,19): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4575,19): run-time error CSS1039: Token not allowed after unary operator: '-line-2' (4579,16): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (4584,15): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4588,15): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (4592,16): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4596,24): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (4597,19): run-time error CSS1039: Token not allowed after unary operator: '-f-14' (4598,21): run-time error CSS1039: Token not allowed after unary operator: '-lh-14' (4602,23): run-time error CSS1039: Token not allowed after unary operator: '-line-1' (4603,24): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (4604,23): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (4614,19): run-time error CSS1039: Token not allowed after unary operator: '-f-12' (4615,21): run-time error CSS1039: Token not allowed after unary operator: '-lh-12' (4616,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0' (4617,22): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (4619,21): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (4625,16): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4629,21): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (4630,21): run-time error CSS1039: Token not allowed after unary operator: '-lh-2x' (4637,15): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (4641,15): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4647,23): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (4651,23): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (4655,16): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (4672,17): run-time error CSS1039: Token not allowed after unary operator: '-space-5' (4693,20): run-time error CSS1039: Token not allowed after unary operator: '-c-greyl' (4694,15): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4699,20): run-time error CSS1039: Token not allowed after unary operator: '-c-grey' (4700,15): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4720,14): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (4736,14): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (4740,19): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4743,14): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4751,16): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (4760,21): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (4761,17): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (4792,22): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (4800,21): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (4804,22): run-time error CSS1039: Token not allowed after unary operator: '-line-1' (4812,19): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4816,19): run-time error CSS1039: Token not allowed after unary operator: '-c-greenl' (4824,19): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4828,19): run-time error CSS1039: Token not allowed after unary operator: '-c-greenl' (4832,22): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (4854,14): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4859,16): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (4869,14): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4874,20): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (4880,13): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (4881,15): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (4893,23): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (4914,19): run-time error CSS1039: Token not allowed after unary operator: '-f-12' (4945,16): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (4949,15): run-time error CSS1039: Token not allowed after unary operator: '-c-grey' (4953,16): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4962,14): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (4983,15): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (5001,23): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (5027,19): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (5028,19): run-time error CSS1039: Token not allowed after unary operator: '-line-2' (5032,16): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (5315,19): run-time error CSS1039: Token not allowed after unary operator: '-f-medium' (5321,15): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (5363,20): run-time error CSS1039: Token not allowed after unary operator: '-line-2' (5364,21): run-time error CSS1039: Token not allowed after unary operator: '-f-arib' (5369,17): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (5370,22): run-time error CSS1039: Token not allowed after unary operator: '-line-1' (5383,23): run-time error CSS1039: Token not allowed after unary operator: '-line-1' (5387,21): run-time error CSS1039: Token not allowed after unary operator: '-c-greenl' (5415,19): run-time error CSS1039: Token not allowed after unary operator: '-f-30' (5416,21): run-time error CSS1039: Token not allowed after unary operator: '-lh-30' (5418,20): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (5423,16): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (5453,22): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (5454,19): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (5458,18): run-time error CSS1039: Token not allowed after unary operator: '-f-14' (5459,20): run-time error CSS1039: Token not allowed after unary operator: '-lh-14' (5460,19): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (5465,15): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (5469,15): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (5470,21): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (5483,15): run-time error CSS1039: Token not allowed after unary operator: '-c-grey' (5484,19): run-time error CSS1039: Token not allowed after unary operator: '-f-12' (5485,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0' (5489,18): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (5493,21): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (5494,16): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (5627,14): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (5628,20): run-time error CSS1039: Token not allowed after unary operator: '-f-arib' (5630,19): run-time error CSS1039: Token not allowed after unary operator: '-line-2' (5631,20): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (5659,25): run-time error CSS1039: Token not allowed after unary operator: '-line-1' (5712,15): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (5746,20): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (5755,21): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (5766,21): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (5782,20): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (5792,21): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (5803,21): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (5852,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0' (5878,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0' (5883,19): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (5907,17): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (5911,16): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (5915,15): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (5992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5995,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6114,20): run-time error CSS1039: Token not allowed after unary operator: '-f-12' (6118,22): run-time error CSS1039: Token not allowed after unary operator: '-c-greyl' (6119,17): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (6124,23): run-time error CSS1039: Token not allowed after unary operator: '-c-green' (6125,18): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (6129,18): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (6137,20): run-time error CSS1039: Token not allowed after unary operator: '-c-greyl' (6158,22): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (6189,18): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (6211,14): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (6212,15): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (6214,16): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (6224,15): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (6226,17): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (6226,32): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (6227,23): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (6258,16): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (6259,22): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (6280,16): run-time error CSS1039: Token not allowed after unary operator: '-space-6' (6309,23): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (6318,18): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (6319,22): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (6320,23): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (6345,17): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (6370,21): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (6391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6393,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6394,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6395,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6399,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6400,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6436,23): run-time error CSS1039: Token not allowed after unary operator: '-space-7' (6473,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6474,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6475,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6478,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6494,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ /*animations*/ /****************** * Bounce in right * *******************/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slow{ -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slower{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slowest{ -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Added by Andy Meetan */ .delay-250 { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; } .delay-500 { -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; -o-animation-delay:0.5s; animation-delay:0.5s; } .delay-750 { -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; -o-animation-delay:0.75s; animation-delay:0.75s; } .delay-1000 { -webkit-animation-delay:1.0s; -moz-animation-delay:1.0s; -o-animation-delay:1.0s; animation-delay:1.0s; } .delay-1250 { -webkit-animation-delay:1.25s; -moz-animation-delay:1.25s; -o-animation-delay:1.25s; animation-delay:1.25s; } .delay-1500 { -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; -o-animation-delay:1.5s; animation-delay:1.5s; } .delay-1750 { -webkit-animation-delay:1.75s; -moz-animation-delay:1.75s; -o-animation-delay:1.75s; animation-delay:1.75s; } .delay-2000 { -webkit-animation-delay:2.0s; -moz-animation-delay:2.0s; -o-animation-delay:2.0s; animation-delay:2.0s; } .delay-2500 { -webkit-animation-delay:2.5s; -moz-animation-delay:2.5s; -o-animation-delay:2.5s; animation-delay:2.5s; } .delay-2000 { -webkit-animation-delay:2.0s; -moz-animation-delay:2.0s; -o-animation-delay:2.0s; animation-delay:2.0s; } .delay-2500 { -webkit-animation-delay:2.5s; -moz-animation-delay:2.5s; -o-animation-delay:2.5s; animation-delay:2.5s; } .delay-3000 { -webkit-animation-delay:3.0s; -moz-animation-delay:3.0s; -o-animation-delay:3.0s; animation-delay:3.0s; } .delay-3500 { -webkit-animation-delay:3.5s; -moz-animation-delay:3.5s; -o-animation-delay:3.5s; animation-delay:3.5s; } .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{ opacity:0; -webkit-transform: translateX(400px); transform: translateX(400px); } .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{ opacity:0; -webkit-transform: translateX(400px); transform: translateX(400px); } .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{ opacity:0; } .lightSpeedInRight, .lightSpeedInLeft{ opacity:0; -webkit-transform: translateX(400px); transform: translateX(400px); } /*********** * bounceIn * ************/ @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn.go { -webkit-animation-name: bounceIn; animation-name: bounceIn; } /**************** * bounceInRight * ****************/ @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(400px); } 60% { -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(400px); } 60% { transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0); } } .bounceInRight.go { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } /****************** * Bounce in left * *******************/ @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-400px); } 60% { -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-400px); } 60% { transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { opacity: 1; transform: translateX(0); } } .bounceInLeft.go { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } /****************** * Bounce in up * *******************/ @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(400px); } 60% { -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(400px); } 60% { transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .bounceInUp.go { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /****************** * Bounce in down * *******************/ @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-400px); } 60% { -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-400px); } 60% { transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } .bounceInDown.go { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } /********** * Fade In * **********/ @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1; display:block;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1; display:block;} } .fadeIn{ opacity:0; } .fadeIn.go { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /********** * Grow in * ***********/ @-webkit-keyframes growIn { 0% { -webkit-transform: scale(0.2); opacity:0; } 50% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); opacity:1; } } @keyframes growIn { 0% { transform: scale(0.2); opacity:0; } 50% { transform: scale(1.2); } 100% { transform: scale(1); opacity:1; } } .growIn { -webkit-transform: scale(0.2); transform: scale(0.2); opacity:0; } .growIn.go{ -webkit-animation-name: growIn; animation-name: growIn; } /******** * Shake * ********/ @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake.go { -webkit-animation-name: shake; animation-name: shake; } /******** * ShakeUp * ********/ @-webkit-keyframes shakeUp { 0%, 100% {-webkit-transform: translateY(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);} } @keyframes shakeUp { 0%, 100% {transform: translateY(0);} 10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);} 20%, 40%, 60%, 80% {transform: translateY(10px);} } .shakeUp.go { -webkit-animation-name: shakeUp; animation-name: shakeUp; } /************* * FadeInLeft * *************/ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft{ opacity: 0; -webkit-transform: translateX(-400px); transform: translateX(-400px); } .fadeInLeft.go { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /************* * FadeInRight * *************/ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight{ opacity: 0; -webkit-transform: translateX(400px); transform: translateX(400px); } .fadeInRight.go { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /************* * FadeInUp * *************/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp{ opacity: 0; -webkit-transform: translateY(400px); transform: translateY(400px); } .fadeInUp.go { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /************* * FadeInDown * *************/ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown{ opacity: 0; -webkit-transform: translateY(-400px); transform: translateY(-400px); } .fadeInDown.go { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /***************** * rotateIn * *****************/ @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn.go { -webkit-animation-name: rotateIn; animation-name: rotateIn; } /***************** * rotateInUpLeft * *****************/ @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft.go { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } /******************* * rotateInDownLeft * *******************/ @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft.go { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } /****************** * rotateInUpRight * *******************/ @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight.go { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } /******************** * rotateInDownRight * ********************/ @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight.go { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } /********* * rollIn * **********/ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn.go { -webkit-animation-name: rollIn; animation-name: rollIn; } /********* * wiggle * **********/ @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle.go { -webkit-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /******** * swing * *********/ @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing.go { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } /******* * tada * ********/ @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada.go { -webkit-animation-name: tada; animation-name: tada; } /********* * wobble * **********/ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble.go { -webkit-animation-name: wobble; animation-name: wobble; } /******** * pulse * *********/ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse.go { -webkit-animation-name: pulse; animation-name: pulse; } /*************** * lightSpeedInRight * ****************/ @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedInRight { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedInRight.go { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /*************** * lightSpeedInLeft * ****************/ @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedInLeft { 0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedInLeft.go { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /******* * Flip * *******/ @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } /********** * flipInX * **********/ @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } /********** * flipInY * **********/ @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } /***************** * Out animations * *****************/ /************ * bounceOut * *************/ @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut.goAway { -webkit-animation-name: bounceOut; animation-name: bounceOut; } /************ * bounceOutUp * *************/ @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp.goAway { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /************ * bounceOutDown * *************/ @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown.goAway { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } /************ * bounceOutLeft * *************/ @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft.goAway { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } /************ * bounceOutRight * *************/ @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight.goAway { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } /************ * fadeOut * *************/ @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut.goAway { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /************ * fadeOutUp * *************/ @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUp.goAway { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } /************ * fadeOutDown * *************/ @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDown.goAway { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } /************ * fadeOutLeft * *************/ @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeft.goAway { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } /************ * fadeOutRight * *************/ @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRight.goAway { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } /************ * flipOutX * *************/ @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX.goAway { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } /************ * flipOutY * *************/ @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } /************ * lightSpeedOutRight * *************/ @-webkit-keyframes lightSpeedOutRight { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOutRight.goAway { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /************ * lightSpeedOutLeft * *************/ @-webkit-keyframes lightSpeedOutLeft { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } } .lightSpeedOutLeft.goAway { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /************ * rotateOut * *************/ @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut.goAway { -webkit-animation-name: rotateOut; animation-name: rotateOut; } /************ * rotateOutUpLeft * *************/ @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft.goAway { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } /************ * rotateOutDownLeft * *************/ @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft.goAway { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } /************ * rotateOutUpRight * *************/ @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight.goAway { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } /************ * rollOut * *************/ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut.goAway { -webkit-animation-name: rollOut; animation-name: rollOut; } /***************** * Short Animations *******************/ /********************* * fadeInUpShort *********************/ @-webkit-keyframes fadeInUpShort { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUpShort { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpShort{ opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } .fadeInUpShort.go { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; } /********************* * fadeInDownShort *********************/ @-webkit-keyframes fadeInDownShort { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDownShort { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownShort{ opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .fadeInDownShort.go { -webkit-animation-name: fadeInDownShort; animation-name: fadeInDownShort; } /********************* * fadeInRightShort *********************/ @-webkit-keyframes fadeInRightShort { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRightShort { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightShort { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } .fadeInRightShort.go { -webkit-animation-name: fadeInRightShort; animation-name: fadeInRightShort; } /********************* * fadeInLeftShort *********************/ @-webkit-keyframes fadeInLeftShort { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeftShort { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftShort { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } .fadeInLeftShort.go { -webkit-animation-name: fadeInLeftShort; animation-name: fadeInLeftShort; } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* * Style settings of LayerSlider * * (c) 2011-2018 George Krupa, John Gera & Kreatura Media * * Plugin web: https://layerslider.kreaturamedia.com/ * Licenses: http://codecanyon.net/licenses/ */ /* Slider structure z-index cheat sheet _____ YourLogo z.index: 50; _____ _____ _____ Most GUI elements z-index: 40; ______________________ .ls-inner wrapper z-index: 30; ______________________ .ls-hidden wrapper z-index: 20; ___________________________ .ls-shadow z-index: 10; ________________________________ slider element z-index: default; ------------------------------------- Document */ /* Slider */ .ls-container { visibility: hidden; position: relative; max-width: 100%; } .ls-inner { position: relative; width: 100%; height: 100%; background-position: center center; z-index: 30; } .ls-wp-fullwidth-container { width: 100%; position: relative; } .ls-wp-fullwidth-helper { position: absolute; } /* Layers */ .ls-layers, .ls-slide-backgrounds, .ls-slide-effects, .ls-background-videos, .ls-bg-video-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .ls-wrapper { padding: 0 !important; visibility: visible !important; border: 0 !important; z-index: 1; } .ls-background-videos { z-index: 1; } .ls-bg-video-overlay { z-index: 21; background-repeat: repeat; background-position: center center; } .ls-slide-backgrounds { z-index: 2; } .ls-slide-effects { z-index: 4; } .ls-layers { z-index: 35; } .ls-parallax, .ls-in-out, .ls-z { position: absolute !important; } .ls-parallax, .ls-z { width: 0 !important; height: 0 !important; top: 0 !important; left: 0 !important; bottom: auto !important; right: auto !important; display: block !important; overflow: visible !important; } .ls-in-out { display: none; } .ls-loop, .ls-clip { position: absolute !important; display: block !important; } .ls-parallax, .ls-in-out, .ls-loop, .ls-z { background: none !important; } .ls-parallax, .ls-bg-wrap, .ls-loop { margin: 0 !important; } .ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer .ls-wrapper > .ls-bg { line-height: normal; white-space: nowrap; word-wrap: normal; margin-right: 0 !important; margin-bottom: 0 !important; } .ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer { position: static !important; display: block !important; -o-transform: translateZ(1px); -ms-transform: translateZ(1px); -moz-transform: translateZ(1px); -webkit-transform: translateZ(1px); transform: translateZ(1px); } .ls-bg-wrap, .ls-bg-outer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .ls-bg-wrap { display: none; } .ls-bg-outer { overflow: hidden !important; } .ls-wrapper > a.ls-layer-link { cursor: pointer !important; display: block !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; z-index: 10; -o-transform: translateZ(100px); -ms-transform: translateZ(100px); -moz-transform: translateZ(100px); -webkit-transform: translateZ(100px); transform: translateZ(100px); background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important; } /* GUI */ .ls-gui-element { z-index: 40; } .ls-loading-container { position: absolute !important; display: none; left: 50% !important; top: 50% !important; } .ls-loading-indicator { margin: 0 auto; } /* Navigation */ .ls-bottom-slidebuttons { text-align: left; } .ls-bottom-nav-wrapper, .ls-below-thumbnails { height: 0; position: relative; text-align: center; margin: 0 auto; } .ls-below-thumbnails { display: none; } .ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next { outline: none; } .ls-bottom-slidebuttons { position: relative; } .ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides { position: relative; } .ls-nothumb { text-align: center !important; } .ls-link, .ls-link:hover { position: absolute !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; } .ls-link { display: none; } .ls-link-on-top { z-index: 999999 !important; } .ls-link, .ls-wrapper > a > * { background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); } .ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next { visibility: hidden; } /* Timers */ .ls-bar-timer { position: absolute; width: 0; height: 2px; background: white; border-bottom: 2px solid #555; opacity: .55; top: 0; } .ls-circle-timer { width: 16px; height: 16px; position: absolute; right: 10px; top: 10px; opacity: .65; display: none; } .ls-container .ls-circle-timer, .ls-container .ls-circle-timer * { box-sizing: border-box !important; } .ls-ct-half { border: 4px solid white; } .ls-ct-left, .ls-ct-right { width: 50%; height: 100%; overflow: hidden; } .ls-ct-left, .ls-ct-right { position: absolute; } .ls-ct-left { left: 0; } .ls-ct-right { left: 50%; } .ls-ct-rotate { width: 200%; height: 100%; position: absolute; top: 0; } .ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half { left: 0; } .ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half { right: 0; } .ls-ct-hider, .ls-ct-half { position: absolute; top: 0; } .ls-ct-hider { width: 50%; height: 100%; overflow: hidden; } .ls-ct-half { width: 200%; height: 100%; } .ls-ct-center { width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: 4px solid black; opacity: 0.2; } .ls-ct-half, .ls-ct-center { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } .ls-slidebar-container { margin: 10px auto; } .ls-slidebar-container, .ls-slidebar { position: relative; } .ls-progressbar, .ls-slidebar-slider-container { position: absolute; left: 0; top: 0; } .ls-progressbar { width: 0; height: 100%; z-index: 1; } .ls-slidebar-slider-container { z-index: 2; } .ls-slidebar-slider { position: static !important; cursor: pointer; } /* slidebar default dark skin */ .ls-slidebar { height: 10px; background-color: #ddd; } .ls-slidebar, .ls-progressbar { border-radius: 10px; } .ls-progressbar { background-color: #bbb; } .ls-slidebar-slider-container { top: 50%; } .ls-slidebar-slider { width: 20px; height: 20px; border-radius: 20px; background-color: #999; } /* slidebar default light skin */ .ls-slidebar-light .ls-slidebar { height: 8px; background-color: white; border: 1px solid #ddd; border-top: 1px solid #ccc; } .ls-slidebar-light .ls-slidebar, .ls-slidebar-light .ls-progressbar { border-radius: 10px; } .ls-slidebar-light .ls-progressbar { background-color: #eee; } .ls-slidebar-light .ls-slidebar-slider-container { top: 50%; } .ls-slidebar-light .ls-slidebar-slider { width: 18px; height: 18px; border-radius: 20px; background-color: #eee; border: 1px solid #bbb; border-top: 1px solid #ccc; border-bottom: 1px solid #999; } /* Thumbnails */ .ls-tn { display: none !important; } .ls-thumbnail-hover { display: none; position: absolute; left: 0; } .ls-thumbnail-hover-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; } .ls-thumbnail-hover-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-thumbnail-hover-img { position: absolute; overflow: hidden; } .ls-thumbnail-hover img { max-width: none !important; position: absolute; display: inline-block; visibility: visible !important; left: 50%; top: 0; } .ls-thumbnail-hover span { left: 50%; top: 100%; width: 0; height: 0; display: block; position: absolute; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .ls-thumbnail-wrapper { position: relative; width: 100%; margin: 0 auto; } .ls-thumbnail { position: relative; margin: 0 auto; } .ls-thumbnail-inner, .ls-thumbnail-slide-container { width: 100%; } .ls-thumbnail-slide-container { overflow: hidden !important; position: relative; } .ls-thumbnail-slide { text-align: center; white-space: nowrap; float: left; position: relative; } .ls-thumbnail-slide a { overflow: hidden; display: inline-block; width: 0; height: 0; position: relative; } .ls-thumbnail-slide img { max-width: none !important; max-height: 100% !important; height: 100%; visibility: visible !important; } .ls-touchscroll { overflow-x: auto !important; } /* Shadow */ .ls-shadow { display: none; position: absolute; z-index: 10 !important; top: 100%; width: 100%; left: 0; overflow: hidden !important; visibility: hidden; } .ls-shadow img { width: 100% !important; height: auto !important; position: absolute !important; left: 0 !important; bottom: 0 !important; } /* Media */ .ls-media-layer { overflow: hidden; } .ls-vpcontainer, .ls-videopreview { width : 100%; height : 100%; position : absolute; left : 0; top : 0; cursor : pointer; } .ls-videopreview { background-size: cover; background-position: center center; } .ls-videopreview { z-index: 1; } .ls-playvideo { position: absolute; left: 50%; top: 50%; cursor: pointer; z-index: 2; } .ls-autoplay .ls-playvideo { display: none !important; } /* Mobile features */ .ls-forcehide { display: none !important; } /* YourLogo */ .ls-yourlogo { position: absolute; z-index: 50; } /* Slide transitions */ /* .ls-lt-container */ .ls-slide-transition-wrapper { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; } .ls-slide-transition-wrapper, .ls-slide-transition-wrapper * { text-align: left !important; } .ls-slide-transition-tile { position: relative; float: left; } .ls-slide-transition-tile img { visibility: visible; margin: 0 !important; } .ls-curtiles { overflow: hidden; } .ls-curtiles, .ls-nexttiles { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-curtile, .ls-nexttile { overflow: hidden; width: 100% !important; height: 100% !important; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .ls-nexttile { display: none; } .ls-3d-container { position: relative; overflow: visible !important; -ms-perspective: none !important; -moz-perspective: none !important; -webkit-perspective: none !important; perspective: none !important; } .ls-3d-box { position: absolute; } .ls-3d-box div { overflow: hidden; margin: 0; padding: 0; position: absolute; background-color: #888; } .ls-3d-box .ls-3d-top, .ls-3d-box .ls-3d-bottom { background-color: #555; } .ls-slide-transition-wrapper, .ls-slide-transition-tile { -ms-perspective: 1500px; -moz-perspective: 1500px; -webkit-perspective: 1500px; perspective: 1500px; } .ls-slide-transition-tile, .ls-3d-box, .ls-curtiles, .ls-nexttiles { -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .ls-curtile, .ls-nexttile, .ls-3d-box, .ls-3d-box div { -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Misc. */ .ls-visible { overflow: visible !important; } .ls-unselectable { user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; } .ls-overflow-hidden { overflow: hidden; } .ls-overflowx-hidden { overflow-x: hidden; } .ls-overflow-visible { overflow: visible !important; } .ls-overflowy-hidden { overflow-y: hidden; } .ls-hidden { width: 0px !important; height: 0px !important; position: absolute; left: -5000px; top: -5000px; z-index: -1; overflow: hidden !important; visibility: hidden !important; display: block !important; } .ls-slide { display: block !important; visibility: hidden !important; position: absolute !important; overflow: hidden; top: 0 !important; left: 0 !important; bottom: auto !important; right: auto !important; background: none; border: none !important; margin: 0 !important; padding: 0 !important; } .ls-slide > .ls-layer, .ls-slide > .ls-l, .ls-slide > .ls-bg, .ls-slide > a > .ls-layer, .ls-slide > a > .ls-l, .ls-slide > a > .ls-bg { position: absolute !important; white-space: nowrap; } .ls-fullscreen { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; } .ls-fullscreen .ls-container { background-color: black; margin: 0 auto !important; } .ls-fullscreen .ls-fullscreen-wrapper { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background-color: black; overflow: hidden !important; position: relative !important; } .ls-fullscreen .ls-fullscreen-wrapper .ls-container, .ls-fullscreen .ls-fullscreen-wrapper .ls-wp-container { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; } .ls-layer .split-item { font-weight: inherit !important; font-family: inherit !important; font-size: inherit; color: inherit; } /* Removing all default global styles of WordPress themes */ html .ls-nav-prev, body .ls-nav-prev, #ls-global .ls-nav-prev, html .ls-nav-next, body .ls-nav-next, #ls-global .ls-nav-next, html .ls-container img, body .ls-container img, #ls-global .ls-container img, html .ls-bottom-nav-wrapper a, body .ls-bottom-nav-wrapper a, #ls-global .ls-bottom-nav-wrapper a, html .ls-container .ls-fullscreen, body .ls-container .ls-fullscreen, #ls-global .ls-container .ls-fullscreen, html .ls-thumbnail a, body .ls-thumbnail a, #ls-global .ls-thumbnail a { transition: none; -ms-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; border: 0; } html .ls-wrapper > a, body .ls-wrapper > a, #ls-global .ls-wrapper > a, html .ls-wrapper > p, body .ls-wrapper > p, #ls-global .ls-wrapper > p, html .ls-wrapper > h1, body .ls-wrapper > h1, #ls-global .ls-wrapper > h1, html .ls-wrapper > h2, body .ls-wrapper > h2, #ls-global .ls-wrapper > h2, html .ls-wrapper > h3, body .ls-wrapper > h3, #ls-global .ls-wrapper > h3, html .ls-wrapper > h4, body .ls-wrapper > h4, #ls-global .ls-wrapper > h4, html .ls-wrapper > h5, body .ls-wrapper > h5, #ls-global .ls-wrapper > h5, html .ls-wrapper > img, body .ls-wrapper > img, #ls-global .ls-wrapper > img, html .ls-wrapper > div, body .ls-wrapper > div, #ls-global .ls-wrapper > div, html .ls-wrapper > span, body .ls-wrapper > span, #ls-global .ls-wrapper > span, html .ls-wrapper .ls-bg, body .ls-wrapper .ls-bg, #ls-global .ls-wrapper .ls-bg, html .ls-wrapper .ls-layer, body .ls-wrapper .ls-layer, #ls-global .ls-wrapper .ls-layer, html .ls-slide .ls-layer, body .ls-slide .ls-layer, #ls-global .ls-slide .ls-layer, html .ls-slide a .ls-layer, body .ls-slide a .ls-layer, #ls-global .ls-slide a .ls-layer { transition: none; -ms-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; margin: 0; border-width: 0; } html .ls-container img, body .ls-container img, #ls-global .ls-container img { background: none !important; min-width: 0 !important; max-width: none !important; border-radius: 0; box-shadow: none; border: 0; padding: 0; } html .ls-wp-container .ls-wrapper > a > *, body .ls-wp-container .ls-wrapper > a > *, #ls-global .ls-wp-container .ls-wrapper > a > * { margin: 0; } html .ls-wp-container .ls-wrapper > a, body .ls-wp-container .ls-wrapper > a, #ls-global .ls-wp-container .ls-wrapper > a { text-decoration: none; } .ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-gui-element *, .ls-gui-element, .ls-container, .ls-slide > *, .ls-slide, .ls-wrapper, .ls-layer { box-sizing: content-box !important; } html .ls-yourlogo, body .ls-yourlogo, #ls-global .ls-yourlogo { margin: 0; } html .ls-tn, body .ls-tn, #ls-global .ls-tn { display: none; } .ls-bottom-nav-wrapper, .ls-bottom-nav-wrapper span, .ls-bottom-nav-wrapper a { line-height: 0; font-size: 0; } html .ls-container video, body .ls-container video, #ls-global .ls-container video { max-width: none !important; } /* direction: ltr */ html .ls-container, body .ls-container, #ls-global .ls-container, html .ls-container .ls-slide-transition-wrapper, body .ls-container .ls-slide-transition-wrapper, #ls-global .ls-container .ls-slide-transition-wrapper, html .ls-container .ls-slide-transition-wrapper *, body .ls-container .ls-slide-transition-wrapper *, #ls-global .ls-container .ls-slide-transition-wrapper *, html .ls-container .ls-bottom-nav-wrapper, body .ls-container .ls-bottom-nav-wrapper, #ls-global .ls-container .ls-bottom-nav-wrapper, html .ls-container .ls-bottom-nav-wrapper *, body .ls-container .ls-bottom-nav-wrapper *, #ls-global .ls-container .ls-bottom-nav-wrapper *, html .ls-container .ls-bottom-nav-wrapper span *, body .ls-container .ls-bottom-nav-wrapper span *, #ls-global .ls-container .ls-bottom-nav-wrapper span *, html .ls-direction-fix, body .ls-direction-fix, #ls-global .ls-direction-fix { direction: ltr !important; } /* float: none */ html .ls-container, body .ls-container, #ls-global .ls-container { float: none !important; } /* Notification */ .ls-notification { position: relative; margin: 10px auto; padding: 10px 10px 15px 88px; border-radius: 5px; min-height: 60px; background: #de4528; color: white !important; font-family: 'Open Sans', arial, sans-serif !important; } .ls-notification a { color: white !important; text-decoration: underline !important; } .ls-notification-logo { position: absolute; top: 16px; left: 17px; width: 56px; height: 56px; font-size: 49px; line-height: 53px; border-radius: 56px; background-color: white; color: #de4528; font-style: normal; font-weight: 800; text-align: center; } .ls-notification strong { color: white !important; display: block; font-size: 20px; line-height: 26px; font-weight: normal !important; } .ls-notification span { display: block; font-size: 13px; line-height: 16px; text-align: justify !important; } /* Device Responsiveness */ @media screen and (max-width: 767px) { .ls-container .ls-layers > .ls-hide-on-phone, .ls-container .ls-background-videos .ls-hide-on-phone video, .ls-container .ls-background-videos .ls-hide-on-phone audio, .ls-container .ls-background-videos .ls-hide-on-phone iframe { display: none !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .ls-container .ls-layers > .ls-hide-on-tablet, .ls-container .ls-background-videos .ls-hide-on-tablet video, .ls-container .ls-background-videos .ls-hide-on-tablet audio, .ls-container .ls-background-videos .ls-hide-on-tablet iframe { display: none !important; } } @media screen and (min-width: 1025px) { .ls-container .ls-layers > .ls-hide-on-desktop, .ls-container .ls-background-videos .ls-hide-on-desktop video, .ls-container .ls-background-videos .ls-hide-on-desktop audio, .ls-container .ls-background-videos .ls-hide-on-desktop iframe { display: none !important; } } .ls-container .ls-background-videos .ls-vpcontainer { z-index: 10; } .ls-container .ls-background-videos .ls-videopreview { background-size: cover !important; } .ls-container .ls-background-videos video, .ls-container .ls-background-videos audio, .ls-container .ls-background-videos iframe { position: relative; z-index: 20; } /* Hacks */ @media (transform-3d), (-ms-transform-3d), (-webkit-transform-3d) { #ls-test3d { position: absolute; left: 9px; height: 3px; } } /*COLOR*/ /* GREEN #1a963e GREEN LIGHT #f1faf7 BLACK #5c5c5c GREY #979797 GREY #cacaca WHITE #ffffff */ /*FONT*/ @font-face { font-family: 'arimoregular'; src: url('/fonts/Arimo-Regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'arimobold'; src: url('/fonts/Arimo-Bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } :root { --bg: #ffffff; --f-ari: 'arimoregular'; --f-arib: 'arimobold'; --c-black: #5c5c5c; --c-white: #ffffff; --c-grey: #979797; --c-greyl: #cacaca; --c-green: #1a963e; --c-greenl: #f1faf7; --f-10: 10px; --f-12: 12px; --f-14: 14px; --f-30: 30px; --lh-10: 20px; --lh-12: 22px; --lh-14: 24px; --lh-30: 40px; --lh-2x: 28px; --letter-1: 1px; --line-1: 1px solid #cacaca; --line-2: 9px solid var(--c-green); --space-1: 10px; --space-0: calc(var(--space-1)/2); --space-2: calc(var(--space-1)*2); --space-3: calc(var(--space-1)*3); --space-4: calc(var(--space-1)*4); --space-5: calc(var(--space-1)*5); --space-6: calc(var(--space-1)*6); --space-7: calc(var(--space-1)*7); --space-8: calc(var(--space-1)*8); } i { font-family: 'italic'; } b, strong { font-family: 'arimobold'; } /* Resets ------ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video, img { display: block; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; line-height: inherit; } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; box-sizing: border-box; margin: 0; padding: 0; } a { text-decoration: none; border: none; outline: 0; color: inherit; color: var(--c-green) } a:hover { color: var(--c-black); } a ._black, ._black a { color: var(--c-black); } a:hover ._black, ._black a:hover { color: var(--c-green); } p { line-height: var(--lh-2x); padding-bottom: var(--space-2); } img { border: none; outline: 0; max-width: 100%; } .cursor { cursor: pointer; } textarea { resize: none; } ul li { padding: 0; list-style: none; } ul.list-bullet li { list-style: disc; margin-left: var(--space-4); } ul.list-1 li { line-height: var(--lh-2x); border-bottom: var(--line-1); padding-bottom: var(--space-3); margin-bottom: var(--space-3); } ul.list-1 li a { color: var(--c-green); } ul.list-1 li a:hover { color: var(--c-black); } ul.list-1 li:nth-last-child(1) { border-bottom: none; } ol li { } ol.list-uAlpha li { list-style: upper-alpha; margin-left: var(--space-4); } ol.list-lAlpha li { list-style: lower-alpha; margin-left: var(--space-4); } ol.list-number li { list-style: decimal; margin-left: var(--space-4); } .is-block { display: block; } .is-inline { display: inline-block; } .is-absolute { position: absolute; } .is-relative { position: relative; } .f-left { float: left; } .f-right { float: right; } .is-left { text-align: left; } .is-right { text-align: right; } .is-center { text-align: center; } .hidden { visibility: hidden; width: 0px !important; height: 0px !important; margin: 0px !important; padding: 0px !important; } .m-no { display: block; } .m-yes { display: none; } .clear { clear: both; height: 0; } .line { border-bottom: var(--line-1); } .line-dot { border-bottom: dotted 1px #cacaca; display: block; width: 100%; margin: var(--space-0) auto; } /*FONT*/ .f-10 { font-size: var(--f-10); line-height: var(--lh-10); } .f-12 { font-size: var(--f-12); line-height: var(--lh-12); } .f-14 { font-size: var(--f-14); line-height: var(--lh-14); } .f-30 { font-size: var(--f-30); line-height: var(--lh-30); } .lh-2x { line-height: var(--lh-2x); } /*COLOR*/ ._black { color: var(--c-black); } ._white { color: var(--c-white); } ._grey { color: var(--c-grey); } ._green { color: var(--c-green); } /*SPACE*/ .space-0 { margin-top: calc(var(--space-1)/2); } .space-1 { margin-top: calc(var(--space-1)*1); } .space-2 { margin-top: calc(var(--space-1)*2); } .space-3 { margin-top: calc(var(--space-1)*3); } .space-4 { margin-top: calc(var(--space-1)*4); } .space-5 { margin-top: calc(var(--space-1)*5); } .space-6 { margin-top: calc(var(--space-1)*6); } .space-7 { margin-top: calc(var(--space-1)*7); } .space-8 { margin-top: calc(var(--space-1)*8); } /*FIELD*/ button { font-family: 'Conv_Montserrat-Regular'; } select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } input { outline: none; } input[type="text"], input[type="password"], input[type="date"], textarea, select, option { font-family: inherit; } input:required, textarea:required { box-shadow: none } ::-webkit-input-placeholder { color: var(--c-black); } :-ms-input-placeholder { color: var(--c-black); } ::-moz-placeholder { color: var(--c-black); opacity: 1; } :-moz-placeholder { color: var(--c-black); opacity: 1; } ::-webkit-calendar-picker-indicator { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer; } input[type="date"]:hover::-webkit-calendar-picker-indicator, input[type="date"]:hover::-webkit-calendar-picker-indicator:hover { opacity: 0; } /*INPUT*/ .input-field, .input-select, .input-area { font-family: var(--f-ari); padding: var(--space-0) var(--space-1) 0 var(--space-1); display: block; width: 100%; height: 38px; background: var(--c-white); border: var(--line-1); border-top: var(--line-2); border-top-width: var(--space-0); color: var(--c-black); } .input-area { height: 100px; padding: var(--space-1); } .input-style { position: relative; margin: var(--space-1) auto; } .btn-select { position: absolute; z-index: 2; top: 20px; right: var(--space-2); background: url("/img/arrow-down.png") no-repeat center; background-size: 15px auto; width: 15px; height: 8.5px; pointer-events: none; } .input-style label { position: absolute; top: 8px; right: 0; margin-right: -30px; } .floating-label, .floating-label2-1, .floating-label2-2 { position: relative; margin-bottom: var(--space-1); font-size: var(--f-small); } .floating-label2-1 { width: 49%; float: left; } .floating-label2-2 { width: 49%; float: right; } .floating-input, .floating-select { font-family: var(--f-mu5); font-size: var(--f-small); padding: var(--space-2) 0 0 var(--space-2); display: block; width: 100%; height: 52px; background: var(--c-grey); border: none; } .floating-input:focus, .floating-select:focus { outline: none; } .floating-label label, .floating-label2-1 label, .floating-label2-2 label { color: var(--c-black); position: absolute; pointer-events: none; top: 18px; left: var(--space-2); transition: 0.3s ease all; } .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label { top: var(--space-0); color: var(--c-grey); } .floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label { top: var(--space-0); color: var(--c-grey); } .floating-textarea { min-height: 52px; max-height: 260px; overflow: hidden; overflow-x: hidden; } .search { padding-bottom: var(--space-6); } .search-form * { transition: all 1s; } .search-form { position: absolute; z-index: 2; top: 25px; right: 0; width: 30%; display: none; opacity: 0; transform: translateX(-50px); } .search-form.active { display: block; opacity: 1; transform: translateX(0); } .search-form .input-field { -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); padding-right: var(--space-6); height: 52px; } .icon-search { display: block; width: 29px; height: 30px; background: url("/img/icon-search.png") no-repeat; background-size: 29px 30px; border: none; position: absolute; top: 45px; right: 0; cursor: pointer; } .search-form .icon-search { top: 12px; right: 15px; } .search-header .icon-search { top: 6px; right: 10px; transform-origin: right; transform: scale(.7); } .icon-search.m-yes { display: none; } .search-header { padding-top: 30px; width: 16%; margin-left: -4vw; } /*RADIO*/ .radio { width: 100%; vertical-align: middle; font-size: var(--f-small); padding-top: 15px; text-transform: uppercase; cursor: pointer; } .radio input[type="radio"] { display: none; } .radio input[type="radio"] + label { padding: var(--space-1) 0; cursor: pointer; } .radio input[type="radio"] + label span { display: inline-block; margin-top: -1px; vertical-align: middle; background: var(--c-grey); border-radius: 50%; margin-right: var(--space-1); width: 18px; height: 18px; cursor: pointer; } .radio input[type="radio"]:checked + label span { background: var(--c-black); } /*CHECKBOX*/ .check { cursor: pointer; width: 100%; } .check input[type="checkbox"] { display: none; } .check input[type="checkbox"] + label { cursor: pointer; width: 100%; } .check input[type="checkbox"] + label span { display: inline-block; margin-top: -1px; vertical-align: top; background: url("/img/check-off.png") no-repeat; width: 30px; height: 26px; cursor: pointer; } .check input[type="checkbox"]:checked + label span { background: url("/img/check-on.png"); } .check input[type="checkbox"] + label div { display: inline-block; width: 95%; padding-left: 10px; } body { width: 100%; margin: 0 auto; -webkit-text-size-adjust: 100%; overflow-x: hidden; background: var(--bg); color: var(--c-black); font-size: var(--f-14); line-height: var(--lh-14); font-family: var(--f-ari); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*preloader*/ #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--bg); z-index: 120; } .preloader-content { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translate(0, -50%); width: 40px; } .loader { display: inline-block; width: 40px; height: 40px; position: relative; border: 3px solid var(--c-green); animation: loader 3s infinite ease; } .loader-inner { vertical-align: top; display: inline-block; width: 100%; background: var(--c-green); animation: loader-inner 3s infinite ease-in; } @keyframes loader { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } /*cursor*/ .touch { width: 60px; height: 60px; border-radius: 100%; border: 3px solid #00b3f3; position: absolute; z-index: 9999; left: 50%; transform: scale(.5); display: none; } .touch.active { display: block; animation: touch .4s ease-out forwards; } @keyframes touch { from { transform: scale(.2); opacity: 1; } to { transform: scale(1); opacity: 0; } } /*button*/ .fade-link { transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .btn-main { display: inline-block; padding: var(--space-1) var(--space-2); font-size: var(--f-10); horder: none; background: var(--c-green); color: var(--c-white); cursor: pointer; transition: all .3s; border: var(--line-1); border-color: transparent; } .btn-main:hover { background: var(--c-white); border-color: var(--c-green); color: var(--c-green); transition: all .3s; } .btn-back { position: absolute; z-index: 2; top: 0; right: 0; background: url("/img/btn-back.jpg") no-repeat 0 -40px; min-width: 40px; height: 40px; margin-top: var(--space-6); } .btn-back:hover { background-position: 0 0; } /*icon*/ .logo-lonsum, .logo-indofood { display: block; background: #fff url(/img/logo.png) no-repeat; } .logo-lonsum { background-size: 164px 94px; background-position: 2px 0; width: 72px; height: 98px; } .logo-indofood { background-position: -147px 15px; width: 180px; height: 66px; text-align: center; } a.logo-indofood, a.logo-indofood:hover { color: var(--c-black); } .icon-share { background: url(/img/home/btn-share.png) no-repeat; width: 133px; height: 146px; transform: scale(.8); } .icon-share:hover { transform: scale(1); } /*container*/ section { position: relative; display: block; width: 100%; max-width: 1440px; margin: auto; padding-top: var(--space-6); } .container, .wrapper { position: relative; width: 80%; margin: auto; } .container-fluid { width: 100%; max-width: 1440px; margin: auto; } .wrapper { width: 96%; max-width: 1440px; } .row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .col { flex: 1 1 8%; margin: 0 0 0.5rem 0; padding: 0.5rem 10px; box-sizing: border-box; } /* nested grids */ .row .row, .row.nested { flex: 1 1 auto; } /* full width grids */ .row.wide-fit { margin-left: -10px; margin-right: -10px; } /* center grids */ .row.reverse { flex-direction: row-reverse; } .row.start { justify-content: flex-start; } .row.end { justify-content: flex-end; } .row.center { justify-content: center; } .row.around { justify-content: space-around; } .row.evenly { justify-content: space-evenly; } .row.top { align-items: flex-start; } .row.bottom { align-items: flex-end; } .row.middle { align-items: center; } .row.stretch { align-items: stretch; } .center .col { flex-grow: 0; flex-shrink: 0; } /* columns widths */ .col-1 { width: 8.3333%; } .col-2 { width: 16.6666%; } .col-3 { width: 25%; } .col-4 { width: 33.3333%; } .col-5 { width: 41.6666%; } .col-6 { width: 50%; } .col-7 { width: 58.3333%; } .col-8 { width: 66.6666%; } .col-9 { width: 75%; } .col-10 { width: 83.3333%; } .col-11 { width: 91.6666%; } .col-12 { width: 100%; } /* examples */ .fixed-width { flex: 0 0 500px; background-color: rgba(255,0,0,0.1) !important; } @media all and (max-width: 568px) { .col-1, .col-2, .col-3, .col-4, .col-5 { width: 50%; } .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 { width: 100%; } .nested .col { width: 100%; } } /*header*/ header * { transition: all .4s; } header { position: fixed; display: block; top: 0; left: 0; right: 0; margin: auto; z-index: 99; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; background: var(--c-white); } header.small { height: 57px; -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1); } header.small .menu > ul > li a { padding: 1rem; } header.small .menu > ul > li.lang a { padding: .4rem .8rem; margin-top: .6rem; } header.small .search-header { padding-top: 0px; } header.small .search-header .icon-search { top: 6px; } header.small .icon-search { top: .8rem; } header.small .search-form { top: -10px; box-shadow: rgba(0,0,0,0); } header.small .logo-lonsum { -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1); width: 40px; height: 54px; background-size: auto 54px; transition: none; } .header-mobile, .mobile-menu { display: none; } .menu { width: 100%; } .menu-container { margin: 0 auto; } .menu a.logo { display: inline-block; } .menu img { max-width: 100%; } .menu-mobile { display: none; padding: 20px; } .menu-mobile:after { background: url("/img/menu-open.png") no-repeat; } .menu-mobile.active:after { background: url("/img/menu-close.png") no-repeat; } .menu-mobile:after, .menu-mobile.active:after { content: ""; padding: 0; float: right; position: relative; top: 50%; -webkit-transform: translateY(-25%); transform: translateY(-25%); background-size: 20px; width: 20px; height: 20px; transition: all .4s; } .menu-dropdown-icon:before { background: url("/img/submenu-open.png") no-repeat center; } .menu-dropdown-icon.show:before { background: url("/img/submenu-close.png") no-repeat center; } .menu-dropdown-icon:before, .menu-dropdown-icon.show:before { content: " "; display: none; cursor: pointer; float: right; background-size: 20px; width: 20px; height: 20px; margin-right: 20px; } .menu > ul { width: auto; margin-right: 0; list-style: none; padding: 0; position: relative; box-sizing: border-box; clear: right; } .menu > ul:before, .menu > ul:after { content: ""; display: table; } .menu > ul:after { clear: both; } .menu > ul > li { float: left; background: transparent; padding: 0; margin: 0; } .menu > ul > li.menu-dropdown-icon { background: transparent; } .menu > ul > li a { text-decoration: none; padding: 3rem 1rem 1rem 1rem; display: block; color: var(--c-black); font-family: var(--f-arib); } .menu > ul > li a { position: relative; } .menu > ul > li a:hover { color: var(--c-green); transform: translateY(-2px); } .menu > ul > li.active a { color: var(--c-green); border-bottom: 2px solid var(--c-green); } .menu > ul > li:hover { background: transparent; } .menu > ul > li:hover.menu-dropdown-icon:hover { background: transparent; } .menu > ul > li > ul { display: none; width: 100%; background: #f0f0f0; padding: 20px; position: absolute; z-index: 99; left: 0; margin: 0; list-style: none; box-sizing: border-box; } .menu > ul > li > ul:before, .menu > ul > li > ul:after { content: ""; display: table; } .menu > ul > li > ul:after { clear: both; } .menu > ul > li > ul > li { margin: 0; padding-bottom: 0; list-style: none; width: 25%; background: none; float: left; } .menu > ul > li > ul > li a { padding: .2em 0; width: 95%; display: block; border-bottom: 1px solid #ccc; } .menu > ul > li > ul > li a:hover { color: var(--c-black); } .menu > ul > li > ul > li > ul { display: block; padding: 0; margin: 10px 0 0; list-style: none; box-sizing: border-box; } .menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after { content: ""; display: table; } .menu > ul > li > ul > li > ul:after { clear: both; } .menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding: 10px 0; margin: 0; font-size: .8em; } .menu > ul > li > ul > li > ul > li a { border: 0; font-size: 14px; } .menu > ul > li > ul.normal-sub { width: 100px; left: auto; padding: 10px 20px; text-align: center; } .menu > ul > li > ul.normal-sub > li { width: 100%; } .menu > ul > li > ul.normal-sub > li a { border: 0; padding: 1em 0; } .menu > ul > li.lang { margin-left: 1rem; font-size: var(--f-12); } .menu > ul > li.lang a { padding: .4rem .8rem; background: var(--c-greyl); color: var(--c-black); margin-top: 2.6rem; font-family: var(--f-ari); } .menu > ul > li.lang a.active { background: var(--c-green); color: var(--c-white); } .menu > ul > li.lang > ul.normal-sub { width: 80px; left: auto; padding: 10px 20px; text-align: center; } .menu > ul > li.lang > ul > li a { background: none; padding: .5em 0; color: var(--c-black); margin: auto; } .menu > ul > li.lang > ul > li a:hover { color: var(--c-green); } .footnote { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; font-size: var(--f-12); line-height: var(--lh-12); } .footnote sup { padding-right: var(--space-0); } /*carousel*/ .owl-carousel .owl-item img { width: auto; max-width: 100%; } .slider.owl-carousel .owl-item img { width: 100%; } .owl-carousel .owl-nav { position: absolute; top: 50%; transform: translate(0,-50%); width: 100%; } .owlPrev, .owlNext { position: absolute; z-index: 10; display: block; width: 25px; height: 50px; cursor: pointer; transition: all .4s; background: url(../img/arrow.png) no-repeat; background-size: 55px 50px; } .owlPrev { left: 0; background-position: 0 0; } .owlNext { right: 0px; left: auto; background-position: -30px 0; } .owl-carousel .owl-dots { position: absolute; z-index: 80; bottom: var(--space-3); left: 0; right: 0; margin: auto; text-align: center; } .owl-carousel button.owl-dot { width: 10px; height: 10px; background: var(--c-white); border-radius: 50%; margin: 0 var(--space-1); } .owl-carousel button.owl-dot.active { background: var(--c-green); } /*footer*/ footer.wrapper { border-top: var(--line-1); padding: var(--space-1) 0; } footer span { padding: 0 var(--space-1); } /*home*/ .home-banner .slider { position: relative; } .home-banner .home-nav { background: #e9e7df; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .home-banner .home-nav li { text-align: center; padding-top: var(--space-5); padding-bottom: var(--space-3); cursor: pointer; width: 25%; } .home-banner .home-nav img { padding-bottom: var(--space-3); display: inline-block; transition: all .4s; } .home-banner .home-nav li:hover img { transform: translateY(-10px); } .home-banner ._desc { position: absolute; z-index: 2; bottom: var(--space-7); left: 0; right: 0; margin: auto; color: var(--c-white); } .home-banner .owl-item.active ._desc { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUpGo; animation-delay: 1s; } .home-card { z-index: 2; } .home-card .line { margin: var(--space-1) auto; } .home-card .card li { width: 32%; background: none; min-height: auto; margin-bottom: var(--space-6); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0); } .home-card .card li:nth-child(1) { background: var(--c-white); border-top: var(--line-2); padding: 20px 0; -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); } .home-card .card ._img img { -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); transition: all .4s; padding-top: 5px; } .home-card .card li:hover img { transform: translateY(-10px); } .home-sustainability { margin-top: -20px; } .home-sustainability ._overlay { position: absolute; z-index: 8; top: 50%; transform: translate(0,-50%); left: 0; right: 0; margin: auto; width: 40%; color: var(--c-white); text-align: center; } .home-sustainability img { width: 100%; } .card { } .card li { width: 30%; background: var(--c-white); -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); min-height: 300px; margin-bottom: var(--space-6); } .single-card { width: 100%; background: var(--c-white); border-top: var(--line-2); -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); padding: var(--space-3) 0; } .banner img { width: 100%; } .sidebar * { transition: all .4s; } .sidebar { position: relative; width: 360px; float: left; } .sidebar.stick { position: fixed; top: 15%; } .sidemenu { width: 100%; background: var(--c-white); border-top: var(--line-2); -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); padding: var(--space-6) 0; text-transform: uppercase; } .sidemenu .active strong, .sidemenu .active strong a { color: var(--c-green); } .sidemenu a { color: var(--c-black); } .sidemenu a:hover { color: var(--c-green); } .sidemenu ul > li { padding-bottom: var(--space-3); font-size: var(--f-14); line-height: var(--lh-14); } .sidemenu ul li { border-bottom: var(--line-1); padding-bottom: var(--space-3); margin-bottom: var(--space-3); } .sidemenu ul li:nth-last-child(1) { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .sidemenu ul > li > ul > li { font-size: var(--f-12); line-height: var(--lh-12); padding: var(--space-0) 0; padding-left: var(--space-1); position: relative; margin-left: var(--space-1); border: none; margin-bottom: 0; } .sidemenu ul > li > ul > li.active a { color: var(--c-green); } .sidemenu ol.list-uAlpha li { margin-left: var(--space-4); line-height: var(--lh-2x); margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .sidemenu .active ol.list-uAlpha li a { color: var(--c-black); } .sidemenu ol.list-uAlpha li.active a { color: var(--c-green); } .sidemenu li.line { margin: 0; padding: 0; margin-bottom: var(--space-3); } .twocol { padding-bottom: var(--space-6); } .twocol .line { margin: var(--space-3) auto; } .twocol .col-8 { float: right; width: 66.6666%; } .historySlider { width: 100%; } .historySlider li { width: 360px; } .historySlider .f-30 { padding: var(--space-5) 0; } .awards .item { text-align: center; } .awards .item img { display: inline-block; } .awards .item .f-14, .awards .item .f-12 { text-align: left; } .date { max-width: 60px; text-align: center; } .date .f-30 { background: var(--c-greyl); color: var(--c-white); padding: 3px 0; } .date .f-14 { background: var(--c-grey); color: var(--c-white); padding: 3px 0; } .management-structure .single-card .container { width: 90%; } .management-structure ._line-1 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .management-structure ._line-1.m-yes { display: none; } .management-structure ._line-2 { width: var(--space-6); margin-top: 140px; } .management-structure ._line-3 { } .management-structure ._line-4 { display: none; } .management-structure ._space-1 { margin-top: 108px; } .management-structure ._space-2 { width: var(--space-6); } .financial ._year { background: var(--c-green); width: 100px; height: 100px; color: var(--c-white); display: flex; flex-direction: column; justify-content: center; align-items: center; } .financial ._arrow { padding: var(--space-2); } .financial ._report { display: flex; flex-direction: column; justify-content: center; align-items: center; background: url("/img/arrow-right.png") no-repeat left; padding-left: var(--space-4); margin: 0 var(--space-2); text-align: center; min-width: 150px; } .financial ._reportList { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .financial ._report:empty { display: block; } .annual img { -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); transition: all .4s; } .annual-list li:hover img { transform: scale(1.02); } .annual-list li { width: 30%; margin-right: 5%; margin-bottom: var(--space-6); } .annual-list li:nth-child(n+3) { margin-right: 0; } .shareholders .f-10 { padding-left: var(--space-1); } .shareholders ._table1 thead, .shareholders ._table2 thead { border-bottom: var(--line-1); } .shareholders ._table1 tr:nth-child(-n+2) { border-bottom: none; } .shareholders ._table1 tr:nth-child(even) { background: var(--c-white); } .shareholders ._table1 tr:nth-child(4), .shareholders ._table1 tr:nth-child(6) { background: var(--c-greenl); } .shareholders ._table2 tr:nth-child(-n+3) { border-bottom: none; } .shareholders ._table2 tr:nth-child(even) { background: var(--c-white); } .shareholders ._table2 tr:nth-child(5) { background: var(--c-greenl); } .share-price img { padding-right: var(--space-2); } .share-price .f-14 { font-size: 18px; line-height: 28px; } .sustainability .bg-grey, .sustainability .bg-gold { min-height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .sustainability .bg-grey { background: #dddddd; } .sustainability .bg-gold { background: #ffc20e; color: var(--c-white); } .contact-add { background: #e9e7df; padding: var(--space-4) 0; } .contact-add iframe { border: none; width: 100%; height: 560px; } .contact-form span { color: var(--c-green); } .contact-form .col-5 { position: relative; padding-top: var(--space-1); } .contact-form .col-5::after { content: ":"; position: absolute; top: var(--space-1); right: var(--space-2); } .contact-form .noAfter::after { content: " "; } .contact-form .row { justify-content: flex-start; } .sitemap { padding-bottom: var(--space-6); } .sitemap ._line-1, .sitemap ._line-2 { background: url("/img/dotted.png"); width: 6px; height: 30px; background-repeat: repeat-y; background-position: center; } .sitemap ._line-1 { margin: auto; } .sitemap ._line-2 { margin-left: 10px; } .sitemap .col { line-height: 32px; font-size: var(--f-12); } .sitemap .first { background: url("/img/dotted.png") repeat-x left; } .sitemap strong { background: #fff; padding-right: 10px; } .sitemap .is-center strong { padding: 0 10px; } .sitemap .is-right strong { padding-left: 10px; } .sitemap a { display: block; } .sitemap ._list-1 { background: url("/img/dotted.png") repeat-y top left; margin-left: 10px; padding-left: 15px; } .sitemap ._list-1 a, .sitemap ._list-1 { color: var(--c-black); } .sitemap .list-uAlpha a, .sitemap .list-uAlpha { color: var(--c-grey); } .sitemap ._list-1 a:hover, .sitemap .list-uAlpha a:hover { color: var(--c-green); } .career-form .row { justify-content: flex-start; align-items: center; } .career-form span { color: var(--c-green); } /*expand block*/ .blocks { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin-left: -20px; } .block { margin: 20px; width: calc((100% / 3) - 40px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .block a { color: var(--c-black); } @media screen and (max-width: 991px) { .block { width: calc((100% / 2) - 40px); } } @media screen and (max-width: 767px) { .block { width: 100%; } } .block .block__inner img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-bottom: var(--space-4); } .block:hover .block__inner img { -webkit-transform: scale(1.02); transform: scale(1.02); } .block__inner { width: 100%; position: relative; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .block__inner:after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .block__expander { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; position: relative; background: var(--c-white); border-top: var(--line-2); -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); padding: var(--space-4); } .block.is-collapsed .block__inner:after { content: ""; opacity: 0; } .block.is-collapsed .block__expander { max-height: 0; min-height: 0; overflow: hidden; margin-top: 0; opacity: 0; padding: 0; } .block.is-expanded .block__inner { } .block.is-expanded .block__inner:after { content: ""; opacity: 1; display: block; position: absolute; bottom: -30px; left: calc(50% - 15px); background: url("/img/arrow-up.png") no-repeat; width: 30px; height: 17px; } .block.is-expanded .block__expander { max-height: 1000px; min-height: 200px; overflow: visible; margin-top: 40px; opacity: 1; } .block.is-expanded:hover .block__inner { -webkit-transform: scale(1); transform: scale(1); } /* .block.is-inactive .block__inner {pointer-events: none; opacity: 0.5;} .block.is-inactive:hover .block__inner { background-color: #949fb0; -webkit-transform: scale(1); transform: scale(1);} */ @media screen and (min-width: 992px) { .block:nth-of-type(3n+2) .block__expander { margin-left: calc(-100% - 40px); } .block:nth-of-type(3n+3) .block__expander { margin-left: calc(-200% - 80px); } .block:nth-of-type(3n+4) { clear: left; } .block__expander { width: calc(300% + 80px); } } @media screen and (min-width: 768px) and (max-width: 991px) { .block:nth-of-type(2n+2) .block__expander { margin-left: calc(-100% - 30px); } .block:nth-of-type(2n+3) { clear: left; } .block__expander { width: calc(200% + 30px); } } /*animate*/ @keyframes pulse { from { transform: scale3d(1.2, 1.2, 1.2); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1.2, 1.2, 1.2); } } .pulse { animation-name: pulse; animation-duration: 3s; animation-fill-mode: both; animation-iteration-count: infinite; } @keyframes fadeInGo { from { opacity: 0; } to { opacity: 1; } } .fadeInGo { animation-name: fadeInGo; } @keyframes fadeOutGo { from { opacity: 1; } to { opacity: 0; } } .fadeOutGo { animation-name: fadeOutGo; } @keyframes fadeInDownGo { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDownGo { animation-name: fadeInDownGo; } @keyframes fadeInUpGo { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUpGo { animation-name: fadeInUpGo; } @keyframes fadeInRightGo { from { opacity: 0; transform: translate3d(20%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightGo { animation-name: fadeInRightGo; } @keyframes fadeInLeftGo { from { opacity: 0; transform: translate3d(-20%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftGo { animation-name: fadeInLeftGo; } @keyframes zoomInGo { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomInGo { animation-name: zoomInGo; } /*isotope*/ /* ---- button ---- */ .button { display: inline-block; padding: 0.5em 1.0em; background: #EEE; border: none; border-radius: 7px; background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) ); color: #222; font-family: sans-serif; font-size: 16px; text-shadow: 0 1px white; cursor: pointer; } .button:hover { background-color: #8CF; text-shadow: 0 1px hsla(0, 0%, 100%, 0.5); color: #222; } .button:active, .button.is-checked { background-color: #28F; } .button.is-checked { color: white; text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8); } .button:active { box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8); } /* ---- button-group ---- */ .button-group:after { content: ''; display: block; clear: both; } .button-group .button { float: left; border-radius: 0; margin-left: 0; margin-right: 1px; } .button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; } .button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; } /* ---- isotope ---- */ .grid { } /* clear fix */ .grid:after { content: ''; display: block; clear: both; } /* DEMO ui group */ .ui-group { display: inline-block; } .ui-group h3 { display: inline-block; vertical-align: top; font-size: var(--f-medium); } /* DEMO color-shape */ .color-shape { width: 80px; height: 80px; margin: var(--space-2); float: left; text-align: center; } .color-shape.round { border-radius: 35px; } .color-shape.big.round { border-radius: 75px; } .color-shape.red { background: #ffc3c3; } .color-shape.blue { background: #bbddff; } .color-shape.yellow { background: #ffffc7; } .color-shape.wide, .color-shape.big { width: 150px; } .color-shape.tall, .color-shape.big { height: 150px; } /*table*/ .table-collapse { width: 100%; border-collapse: collapse; margin: auto; } .table-collapse thead { background: #fff; border-top: var(--line-2); font-family: var(--f-arib); } .table-collapse td, .table-collapse th { position: relative; padding: var(--space-2); border-right: var(--line-1); vertical-align: middle; } .table-collapse.top td, .table-collapse.top th { vertical-align: top; } .table-collapse td:nth-last-child(1), .table-collapse th:nth-last-child(1) { border-right: none; } .table-collapse tr { border-bottom: var(--line-1); } .table-collapse tr:nth-child(even) { background: var(--c-greenl); } .table-collapse a img { transition: all .4s; } .table-collapse a:hover img { transform: scale(1.1); } /*accordion*/ .acc { width: 100%; margin: 0 auto; } .acc .accTitle * { transition: all .4s; } .acc .accTitle { position: relative; margin: 0; cursor: pointer; display: flex; align-items: center; font-size: var(--f-30); line-height: var(--lh-30); height: 40px; margin-top: var(--space-4); padding-right: 50px; } .acc .accTitle:hover, .acc .accTitle:active, .accTitle.open { color: var(--c-black); } .acc .accTitle::before { content: ""; position: absolute; top: 0; right: 0; background: url(../img/submenu-close.png) no-repeat 0 0; background-size: 40px; width: 40px; height: 40px; } .acc .accTitle::after { content: ""; position: absolute; top: 0; right: 0; background: url(../img/submenu-open.png) no-repeat 0 0; background-size: 40px; width: 40px; height: 40px; } .acc .accTitle.open::after { background: none; } .accDesc { margin-bottom: var(--space-4); margin-top: var(--space-3); } .career .accTitle { font-size: var(--f-14); line-height: var(--lh-14); margin-top: var(--space-1); font-weight: bold; } .career .accTitle.open { color: var(--c-green); } .career .accDesc { margin: var(--space-1) auto; padding-left: var(--space-2); } /*paging*/ .paging { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; transition: all .4s; } .paging li, .paging li a { color: var(--c-grey); font-size: var(--f-12); padding: var(--space-0); } .paging li a { padding: var(--space-1); } .paging li.active a, .paging li:hover a { background: var(--c-green); color: var(--c-white); } /*DOM*/ .animated-modal { display: none; max-width: 990px; overflow: hidden; transform: translateY(-50px); transition: all .7s; } .animated-modal img { transform: translateX(-50px); opacity: 0; transition-property: transform, opacity; transition-duration: .8s; } .animated-modal .f-30, .animated-modal p { transform: translateY(-50px); opacity: 0; transition-property: transform, opacity; transition-duration: .4s; } /* Final state */ .fancybox-slide--current .animated-modal, .fancybox-slide--current .animated-modal .f-30, .fancybox-slide--current .animated-modal p { transform: translateY(0); opacity: 1; } .fancybox-slide--current .animated-modal img { transform: translateX(0); opacity: 1; } /* Reveal content with different delays */ .fancybox-slide--current .animated-modal img { transition-delay: .2s; } .fancybox-slide--current .animated-modal .f-30 { transition-delay: .3s; } .fancybox-slide--current .animated-modal p { transition-delay: .5s; } /*mobile*/ .zeynep { bottom: 0; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-y: auto; pointer-events: none; position: fixed; top: 0; transform: translateX(-100%); z-index: 1011 } .zeynep .submenu:not(.no-transition), .zeynep:not(.no-transition) { transition: all 250ms } .zeynep-overlay { background-color: rgba(0,0,0,.42); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1010 } .zeynep-opened .zeynep-overlay { display: block } .zeynep.opened { pointer-events: auto; transform: translateX(0) } .zeynep.submenu-opened { overflow: hidden } .zeynep .submenu { bottom: 0; min-height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-y: auto; pointer-events: none; position: fixed; top: 0; width: 100% } .zeynep .submenu.opened { left: 0; pointer-events: auto } .zeynep .submenu.opened:not(.current) { overflow: hidden } /*# sourceMappingURL=zeynep.min.css.map */ .mobile-menu { border: 0; display: none; outline: 0; cursor: pointer; position: fixed; top: 3px; right: 0px; } .mobile-menu:active { } /* zeynepjs menu styles */ .zeynep { background-color: #ffffff; width: 295px; font-size: 12px; line-height: 22px; color: var(--c-green); font-family: var(--f-arib); text-transform: uppercase; border-top: var(--line-2); padding-top: var(--space-4); } .zeynep ul { list-style-type: none; padding: 0; padding-left: 20px; -webkit-overflow-scrolling: touch; } .zeynep ul > li { display: block; } .zeynep ul > li > a { color: inherit; display: block; padding: 18px 20px; text-decoration: none; transition: all 150ms; } .zeynep ul > li > a:hover { background-color: #efefef; border-radius: 3px; } .zeynep ul > li:not(:last-child) > a { border-bottom: var(--line-1); } .zeynep ul > li.has-submenu > a { background-image: url("/img/submenu-arrow.svg"); background-position: right 20px center; background-repeat: no-repeat; background-size: 8px 14px; } .zeynep ul > li.has-submenu > a:hover { background-image: url("/img/submenu-arrow-active.svg"); } /* zeynepjs submenu styles */ .zeynep .submenu { background-color: #ffffff; left: 295px; } .zeynep .submenu-header { background-image: url("/img/menu-back.svg"); background-position: left 20px center; background-repeat: no-repeat; background-size: 8px 14px; border-bottom: solid 1px #efefef; cursor: pointer; position: relative; } .zeynep .submenu-header > a { color: inherit; display: block; font-weight: bold; padding: 18px 20px; padding-left: 40px; text-decoration: none; } .zeynep .submenu-header > a:before { background-image: url("/img/submenu-arrow.svg"); background-position: right 20px center; background-repeat: no-repeat; background-size: 8px 14px; content: ""; height: 100%; left: 26px; position: absolute; top: 0; transform: rotate(-180deg); width: 20px; } .zeynep .submenu > label { color: var(--c-black); display: block; font-weight: bold; margin-bottom: 8px; margin-top: 19px; opacity: .5; padding-left: 40px; width: 100%; } .zeynep-opened body { overflow: hidden; } .zeynep { right: auto; left: 0; } .btn11 { position: relative; width: 60px; height: 60px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .btn11 .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 3px; width: 14px; top: 30px; background: var(--c-green); } .btn11 .icon-left:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 14px; height: 3px; background: var(--c-green); content: ""; top: -10px; } .btn11 .icon-left:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 14px; height: 3px; background: var(--c-green); content: ""; top: 10px; } .btn11 .icon-left:hover { cursor: pointer; } .btn11 .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 3px; width: 14px; top: 30px; background: var(--c-green); left: 14px; } .btn11 .icon-right:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 14px; height: 3px; background: var(--c-green); content: ""; top: -10px; } .btn11 .icon-right:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 14px; height: 3px; background: var(--c-green); content: ""; top: 10px; } .btn11.open .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: transparent; } .btn11.open .icon-left:before { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); } .btn11.open .icon-left:after { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); } .btn11.open .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: transparent; } .btn11.open .icon-right:before { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); } .btn11.open .icon-right:after { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); } .btn11:hover { cursor: pointer; } /*29Mar2021*/ .icon-wa, .icon-mail, .icon-fb, .icon-ig { display: block; background: url(/img/icon-social.png) no-repeat; background-size: 236px 42px; width: 42px; height: 42px; transition: .3s all; margin: var(--space-0) auto; } .icon-wa { background-position: 0 -1px } .icon-mail { background-position: -65px -1px; } .icon-fb { background-position: -129px 0; } .icon-ig { background-position: -195px 0; } .icon-wa:hover, .icon-mail:hover, .icon-fb:hover, .icon-ig:hover { transform: translateY(-5px); } .btn-app { display: block; width: 100%; padding: var(--space-0) 0 0 0; -webkit-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.2); text-align: center; margin-top: var(--space-1); transition: .3s all; } .btn-app:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transform: translateY(2px); } .btn-app img { max-width: 150px; display: inline-block; } /*20Apr2021*/ .table-collapse { width: auto; min-width: 500px; margin: 0; } .table-collapse td, .table-collapse th { padding: var(--space-1); } .management-structure .single-card { padding: var(--space-2) 0; } .management-structure.twocol .line { margin: var(--space-2) auto; } .management-structure .f-12 { line-height: 16px; } .management-structure .col-6 { padding-bottom: 10px; } .management-structure ._space-1 { margin-top: 126px; } .management-structure ._line-2 { margin-top: 100px; } @font-face { font-family: 'arimoregular'; src: url('/fonts/Arimo-Regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'arimobold'; src: url('/fonts/Arimo-Bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } .ellipsis { height: 50px; line-height: 25px; margin: 20px; text-overflow: ellipsis; overflow: hidden; } .ellipsis:before { content: ""; float: left; width: 5px; height: 50px; } .ellipsis > *:first-child { float: right; width: 100%; margin-left: -5px; } .ellipsis:after { content: "\02026"; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; float: right; position: relative; top: -25px; left: 100%; width: 3em; margin-left: -3em; padding-right: 5px; text-align: right; /*background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white)); background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/ } /*mobile portrait*/ @media only screen and (min-width: 10px) and (max-width: 999px) { :root { --f-10: calc(10px * 0.8); --f-12: calc(12px * 0.8); --f-14: calc(14px * 0.8); --f-30: calc(30px * 0.8); --lh-10: calc(20px * 0.8); --lh-12: calc(22px * 0.8); --lh-14: calc(24px * 0.8); --lh-30: calc(40px * 0.8); --lh-2x: calc(28px * 0.8); --line-2: calc(9px * 0.8) solid var(--c-green); --space-1: calc(10px * 0.7); } .m-no { display: none; } .m-yes { display: block; } html, body { overflow-x: hidden; } /*form*/ .search-form { top: 8px; width: 80%; } .search-form .icon-search { top: 10px; right: 15px; } .search-form .input-field { height: calc(52px * .7); } .search-header { display: none; } /*icon*/ .logo-lonsum { transform-origin: top left; transform: scale(.7); } .logo-indofood { margin: auto; transform-origin: center; transform: scale(.7); } .icon-search { transform-origin: top right; transform: scale(.7); top: 25px; right: 65px; } .icon-search.m-yes { display: block; } /*container*/ section { padding-top: calc(120px * 0.6); max-width: 620px; } .container, .container-fluid, .wrapper { width: 86%; max-width: 620px; } .wrapper { width: 90%; } /*header*/ header { height: 60px; } header .container { width: 100%; } header.small { height: 45px; } header.small .icon-search { top: 10px; } header.small .search-form { top: -2px; box-shadow: rgba(0,0,0,0); } header.small .lang { margin-top: 15px; } header.small .mobile-menu { top: -10px; } .header-mobile { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .header-mobile .lang { margin-top: 26px; margin-right: 100px; font-size: var(--f-12); } .header-mobile .lang a { background: var(--c-greyl); color: var(--c-black); padding: 10px 15px; } .header-mobile .lang a.active { background: var(--c-green); color: var(--c-white); } .header-mobile .lang a:hover { color: var(--c-white); } .mobile-menu { display: block; } .owl-carousel button.owl-dot { background: var(--c-greyl); } /*footer*/ footer.wrapper { text-align: center; } footer .row.middle { justify-content: center; } footer .col-2 { text-align: center; margin: auto; width: 100%; } footer .col-2 .row.end { align-items: center; justify-content: center; padding-top: var(--space-1); } .col-3.animated.fadeInLeftShort, .sidebar { display: none; } .twocol .col-8 { float: none; width: 100%; } .block.is-expanded .block__expander { max-height: 100%; } .block__inner { text-align: center; } .block .block__inner img { margin: auto; } /*table*/ table, .table-overflow, .table-collapse { width: 100%; } .table-collapse td, .table-collapse th { border: none; padding: var(--space-1) 0; padding-left: 50%; text-align: left; } table, thead, tbody, th, td, tr { display: block; } thead tr { position: absolute; top: -9999px; left: -9999px; } tr:nth-of-type(odd) { background: #fff; } td:before { position: absolute; width: 45%; top: var(--space-1); left: var(--space-2); content: attr(data-column); color: var(--c-black); } /*home*/ .slider-nav li div { height: 20px; } .home-banner ._desc { position: relative; color: var(--c-black); bottom: auto; padding: var(--space-3) var(--space-2); margin-bottom: var(--space-4); } .home-banner ._desc .col-5 { flex-basis: 100%; } .home-card .card li { width: 100%; } .home-card .card .col-1 { display: none; } .home-card .card .col-6 { width: 40%; } .home-card .card .col-5 { width: 50%; } .home-sustainability { margin-top: calc(-130px * 0.6); } .home-sustainability ._overlay { position: relative; width: 100%; bottom: 0; color: var(--c-black); padding-top: var(--space-2); } .management-structure .col-5 { width: 90%; max-width: 320px; } .management-structure .col-6 { width: 50%; } .management-structure ._space-1 { margin-top: 0px; } .management-structure ._space-2 { display: none; } .management-structure ._line-3 { height: var(--space-6); } .management-structure ._line-3 img { display: none; } .management-structure ._line-4 { display: block; position: absolute; z-index: -1; top: 170px; left: 50%; margin-left: 140px; width: 50px; } .management-structure ._line-1.m-yes { display: flex; } .management-structure .row.start { justify-content: center; margin-left: -20px; } .financial ._year { width: calc(100px * .7); height: calc(100px * .7); margin-bottom: var(--space-2); } .financial ._reportList { } .financial ._report { min-width: calc(100px * .7); background-size: calc(16px * .7) auto; margin: 0 var(--space-1); padding-left: var(--space-2); margin-bottom: var(--space-2); } .financial ._report:empty { display: block; } .annual-list li, .annual-list li:nth-child(n+3) { width: 47%; margin-right: 6%; } .annual-list li:nth-child(n+2) { margin-right: 0; } .annual-list li .col-6.is-right { text-align: left; } .share-price .f-14 { width: 70%; } .sustainability .bg-grey, .sustainability .bg-gold { padding: var(--space-2); text-align: center; } .career-form .col-1, .career-form .col-2, .career-form .col-3, .career-form .col-4, .career-form .col-5 { width: 100%; } .check input[type="checkbox"] + label div { width: 90%; } .contact .col-1, .contact-add .col-1 { display: none; } .contact-add .col-5, .contact-add.container-fluid, .contact .col-5 { width: 100%; } .acc .accTitle { height: auto; } .contact-add iframe { padding-top: var(--space-4); } /*20Apr2021*/ .table-collapse { min-width: auto; } .management-structure { max-width: 360px; margin: auto; } } /*mobile landscape*/ @media only screen and (min-width: 650px) and (max-width: 999px) { } /*desktop 1024*/ @media only screen and (min-width: 1000px) and (max-width: 1279px) { :root { --f-10: calc(10px * 0.8); --f-12: calc(12px * 0.8); --f-14: calc(14px * 0.8); --f-30: calc(30px * 0.8); --lh-10: calc(20px * 0.8); --lh-12: calc(22px * 0.8); --lh-14: calc(24px * 0.8); --lh-30: calc(40px * 0.8); --lh-2x: calc(28px * 0.8); --line-2: calc(9px * 0.8) solid var(--c-green); --space-1: calc(10px * 0.7); } html, body { overflow-x: hidden; } /*form*/ .search-header { display: none; } .icon-search.m-yes { display: block; } /*container*/ section { padding-top: calc(120px * 0.7); } .container, .wrapper { width: 94%; } .wrapper { width: 96%; } /*header*/ header.small { height: calc(57px * 0.8); } .menu { padding-right: var(--space-7); } .menu > ul > li a { padding: calc(1rem * 0.7); padding-top: 3rem; } header.small .menu > ul > li a { padding: calc(1rem * 0.7); padding-top: 1rem; } .home-banner .item .container { width: 90%; } .home-card .card li:nth-child(1) { padding: 20px 15px; } .sidebar, .twocol .col-3 { width: 280px; } .sidebar .container, .twocol .col-3 .container { width: 88%; } .twocol .col-8 .col-3 { width: 25%; } } /*desktop 1280*/ @media only screen and (min-width: 1280px) and (max-width: 1399px) { :root { --f-10: calc(10px * 0.9); --f-12: calc(12px * 0.9); --f-14: calc(14px * 0.9); --f-30: calc(30px * 0.9); --lh-10: calc(20px * 0.9); --lh-12: calc(22px * 0.9); --lh-14: calc(24px * 0.9); --lh-30: calc(40px * 0.9); --lh-2x: calc(28px * 0.9); --line-2: calc(9px * 0.9) solid var(--c-green); --space-1: calc(10px * 0.8); } .sidebar { width: calc(360px * 0.9); } } /*desktop 1440*/ @media only screen and (min-width: 1400px) and (max-width: 1800px) { :root { --space-1: calc(10px * 0.9); } html, body { overflow-x: hidden; } }