/* Minification failed. Returning unminified contents. (2344,1): run-time error CSS1019: Unexpected token, found '@charset' (2344,10): run-time error CSS1019: Unexpected token, found '"UTF-8"' (2344,17): run-time error CSS1019: Unexpected token, found ';' (2369,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2397,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2433,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2443,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2460,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2461,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2477,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2478,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2499,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2500,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2536,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2537,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2578,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2579,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2595,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2596,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2617,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2618,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2644,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2645,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2679,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2706,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2707,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2740,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2777,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2819,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2820,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2859,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2906,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2907,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2940,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2979,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3013,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3052,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3086,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3125,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3159,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3198,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (3217,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3218,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (3243,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (3262,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (3286,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (3300,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (3319,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3320,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (3333,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3334,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (3352,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3353,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (3371,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (3395,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3400,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3410,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3424,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3443,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3457,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3458,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3476,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3490,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3491,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3509,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3523,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3542,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3556,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3557,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3575,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3576,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3589,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3608,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3622,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3623,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3641,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3642,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3655,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3656,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3674,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3675,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3679,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3689,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3690,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3701,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3718,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3730,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3747,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3759,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3760,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3776,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3777,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3788,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3789,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3805,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3817,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3818,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3834,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3846,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3863,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3875,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3892,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3904,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3905,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3921,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3958,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4002,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4035,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4036,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4075,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4108,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4148,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4167,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4195,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4214,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4242,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4243,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4268,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4301,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4313,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4314,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4332,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4333,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4350,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4351,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4373,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4391,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4414,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4432,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4455,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4473,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4474,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4496,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4514,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4537,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4538,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4553,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4554,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4574,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4575,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4590,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4611,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4627,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4628,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4648,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4649,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4664,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4665,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4685,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4686,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4701,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4722,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4756,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4797,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4811,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4812,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4832,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4844,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4861,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4873,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4874,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4890,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4891,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4908,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4931,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4949,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4972,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4990,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5013,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5031,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5032,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5054,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5070,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5091,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (5111,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (5136,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (5152,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (5173,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (5189,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (5210,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5211,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (5230,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (5255,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5256,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5268,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5286,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5299,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5317,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5318,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5330,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5348,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5349,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5361,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5362,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5379,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5392,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5393,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5410,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5423,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5441,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5454,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5455,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5472,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5473,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5485,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5631,9261): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (5631,9282): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5631,9349): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5631,9373): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5631,9528): run-time error CSS1019: Unexpected token, found '@keyframes' (5631,9544): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ html { margin: 0; padding: 0; overflow-y: scroll; overflow: -moz-scrollbars-vertical; } body { color: #333; font-size: .85em; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; background-repeat: no-repeat; background-size: 100%; } .background-image { top: 0; position: fixed; width: 100%; z-index: 100; left: 0; } img { height: auto; max-width: 100%; } img.middle { vertical-align: middle; } .icon { display: inline-block; height: 15px; width: 15px; vertical-align: middle; cursor: pointer; } .icon.articlenew { background-image: url(/Images/new.png); } .icon.articlemoveup { background-image: url(/Images/up.png); } .icon.articlemovedown { background-image: url(/Images/down.png); } .icon.articleremove { background-image: url(/Images/remove.png); } div.gravatar { position: relative; display: inline-block; width: 150px; height: 150px; } div.gravatar div { position: absolute; top: 0px; left: 0px; text-align: center; vertical-align: middle; font-size: 50px; height: 150px; width: 150px; background-color: #ccc; border-radius: 50%; } div.gravatar div span{ display:block; top: 28%; position: relative; } div.gravatar img { position: absolute; top: 0px; left: 0px; border-radius: 50%; } .withprofilepic div.gravatar { width: 32px; height: 32px; vertical-align: middle; margin-right: 10px; } .withprofilepic div.gravatar div { font-size: 12px; height: 32px; width: 32px; } .withprofilepic div.gravatar div span{ line-height: 32px; top:0; } .jumper-search-results td, .jumper-search-results a { vertical-align: middle; } a, .video-js .vjs-youtube-videowall-container a { color: #333; outline: none; /*padding-left: 3px; padding-right: 3px;*/ text-decoration: none; } a:link, a:visited, a:active, a:hover, .video-js .vjs-youtube-videowall-container a:link, .video-js .vjs-youtube-videowall-container a:visited, .video-js .vjs-youtube-videowall-container a:active, .video-js .vjs-youtube-videowall-container a:hover { color: #2179a7; } a:hover, .video-js .vjs-youtube-videowall-container a:hover { background-color: #d7e5ed; } a.selected, .video-js .vjs-youtube-videowall-container a.selected { font-weight: bold; } .filesdir a:link, .filesdir a:visited, .filesdir a:active, .filesdir a:hover { color: #333; font-size: 13px; line-height: 24px; } .filessubdir a:link, .filessubdir a:visited, .filessubdir a:active, .filessubdir a:hover { color: #333; font-size: 13px; line-height: 24px; } header, footer, hgroup, nav, section { display: block; position: relative; z-index: 200; } mark { background-color: #a6dbed; padding-left: 5px; padding-right: 5px; } .float-left { float: left; } .float-right { float: right; } .clear-fix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } h1, h2, h3, h4, h5, h6 { color: #000; margin-bottom: 0; padding-bottom: 0; color: #404040; } h1 { font-size: 2em; margin-top: 0; } h2 { font-size: 1.75em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5, h6 { font-size: 1em; } h5 a:link, h5 a:visited, h5 a:active { padding: 0; text-decoration: none; } /* main layout ----------------------------------------------------------*/ .content-wrapper { margin: 0 auto; max-width: 920px; padding: 0 20px 20px; } #body { clear: both; padding-bottom: 35px; } .main-content { background-color: #FFFFFF; border: 1px solid #D6D6D6; border-radius: 6px 6px 6px 6px; clear: both; margin: 20px auto; position: relative; padding-top: 20px; } .featured + .main-content { background: url("/Images/heroAccent.png") no-repeat; } .main-content section { display: inline-block; vertical-align: top; } .main-content section.info:nth-child(even) { padding-right: 20px; } .main-content section.info label { padding-top: 5px; } .main-content section.right-col { width: 70%; } header .content-wrapper { padding: 0; max-width: 960px; overflow: hidden; } header .site-title { margin: 10px; } #nav-button { display: none; } #insidan { text-transform: uppercase; font-size: 2em; font-weight: bold; text-align: right; margin: 6px 0 0 0; } #container { padding: 0 15px; } header nav { background-color: #585858; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDkwMiA0NSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSIgeDI9IjUwJSIgeTI9IjEwMCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTc1NzU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjM2QzZDNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI5MDIiIGhlaWdodD0iNDUiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(center top, #575757 0%, #3d3d3d 100%); background-image: -o-linear-gradient(center top, #575757 0%, #3d3d3d 100%); background-image: -webkit-linear-gradient(center top, #575757 0%, #3d3d3d 100%); background-image: linear-gradient(center top, #575757 0%, #3d3d3d 100%); clear: both; margin: 0 auto; overflow: hidden; } .main-content nav { width: 20%; display: inline-block; vertical-align: top; padding: 0 20px 0 0; } .main-content nav ul{ list-style: none; margin: 0; padding: 0; line-height: 24px; } .main-content nav ul ul{ margin: 5px 0 5px 20px; } .main-content nav .active > a{ font-weight: bold; } .menu-title { border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; font-weight: bold; margin-bottom: 5px; padding: 10px 0; text-transform: uppercase; } .mobile-menu { display: none; width: 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #fff url(/Images/bg-select.png) no-repeat right; border: 1px solid #ccc; overflow: hidden; padding: 0.5em 1em 0.5em 0.75em; display: none; } footer { clear: both; font-size: .8em; height: 100px; } .hidden { display: none; } /* logbook ----------------------------------------------------------*/ #overlay { display: none; position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 900; top: 0; left: 0; opacity: 0.6; } #LogbookEdit { display: none; position: fixed; width: 500px; height: 320px; z-index: 999; top: 50%; left: 50%; margin: -250px 0 0 -250px; background: white; opacity: 1.0; border: solid 6px darkblue; padding: 10px; } #LogbookTable { border: 1px solid grey; width: 100%; } #LogbookTable td { font-size: 11px; padding: 2px; border: 1px solid grey; } #LogbookTable td span { font-size: 14px; font-family: Segoe Print,Lucida Calligraphy; } #LogbookTable td input { font-size: 14px; font-family: Segoe Print,Lucida Calligraphy; } #LogbookTable td textarea { font-size: 14px; font-family: Segoe Print,Lucida Calligraphy; border: 0; width: 96%; } .LogbookImage { width: 24px; float: right; cursor: pointer; } /* site title ----------------------------------------------------------*/ .site-title { color: #c8c8c8; font-family: Rockwell, Consolas, "Courier New", Courier, monospace; font-size: 2.3em; margin: 0; } .site-title a, .site-title a:hover, .site-title a:active { color: #c8c8c8; outline: none; text-decoration: none; } .site-title a { background-repeat: no-repeat; width: 223px; height: 74px; overflow: hidden; text-indent: -9999px; display: block; margin: 0 0 5px 0; } /* login ----------------------------------------------------------*/ #login { display: block; font-size: .85em; margin: 0 0 10px; text-align: right; } #login a { margin-left: 10px; padding: 0; text-decoration: none; text-align: right; text-decoration: underline; } #login a.username { background: none; margin: 0; padding: 0; text-decoration: underline; } #login ul { margin: 0; padding: 0; } #login li { display: inline; list-style: none; } /* manage account ----------------------------------------------------------*/ .main-content #manage-account section { width: 70%; } /* menu ----------------------------------------------------------*/ ul#menu { font-size: 1.3em; font-weight: 600; margin: 0 0 5px; padding: 0; text-align: left; } ul#menu li { border: 0 none; display: block; float: left; margin: 0; padding: 0; position: relative; z-index: 5; } ul#menu li.manageaccount { float: right; } ul#menu li a { border-left: 1px solid #585858; color: #FFFFFF; display: block; font-size: 13px; font-weight: 700; height: 45px; line-height: 45px; margin: 0; padding: 0 0.9em; position: relative; text-decoration: none; text-shadow: 0 1px 1px #242424; } ul#menu li.selected a, ul#menu li.selected a:hover { background-color: #343434; } ul#menu li a:hover { background-color: #808080; background-image: -moz-linear-gradient(center top, #808080, #363636); color: #FFFFFF; } ul#menu li ul { display: none; } /* page elements ----------------------------------------------------------*/ /* featured */ .featured { } .featured .content-wrapper { background-color: #7ac0da; background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6)); background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); color: #3e5667; padding: 20px 40px 30px 40px; } .featured hgroup.title h1, .featured hgroup.title h2 { color: #fff; } .featured p { font-size: 1.1em; } /* page titles */ hgroup.title { margin-bottom: 10px; } hgroup.title h1, hgroup.title h2 { display: inline; } hgroup.title h2 { font-weight: normal; margin-left: 3px; } hgroup.title a { display: block; } /* features */ section.feature { width: 300px; float: left; padding: 10px; } /* ordered list */ ol.round { list-style-type: none; padding-left: 0; } ol.round li { margin: 25px 0; padding-left: 45px; } ol.round li.zero { background: url("/Images/orderedList0.png") no-repeat; } ol.round li.one { background: url("/Images/orderedList1.png") no-repeat; } ol.round li.two { background: url("/Images/orderedList2.png") no-repeat; } ol.round li.three { background: url("/Images/orderedList3.png") no-repeat; } ol.round li.four { background: url("/Images/orderedList4.png") no-repeat; } ol.round li.five { background: url("/Images/orderedList5.png") no-repeat; } ol.round li.six { background: url("/Images/orderedList6.png") no-repeat; } ol.round li.seven { background: url("/Images/orderedList7.png") no-repeat; } ol.round li.eight { background: url("/Images/orderedList8.png") no-repeat; } ol.round li.nine { background: url("/Images/orderedList9.png") no-repeat; } ol.round li.checked { background: url("/Images/checked21.png") no-repeat; } ol.round li.key { background: url("/Images/key162.png") no-repeat; } ol.round li.synchronization { background: url("/Images/synchronization1.png") no-repeat; } ol.round li.report { background: url("/Images/report1.png") no-repeat; } /* content */ article { float: left; width: 70%; } aside { float: right; width: 25%; } aside ul { list-style: none; padding: 0; } aside ul li { background: url("/Images/bullet.png") no-repeat 0 50%; padding: 2px 0 2px 20px; } .label { font-weight: 700; } /* login page */ #loginForm { border-right: solid 2px #c8c8c8; float: left; width: 55%; } #loginForm .validation-error { display: block; margin-left: 15px; } #loginForm .validation-summary-errors ul { margin: 0; padding: 0; } #loginForm .validation-summary-errors li { display: inline; list-style: none; margin: 0; float: none; width: auto; } #loginForm input { width: 250px; } #loginForm input[type="checkbox"], #loginForm input[type="submit"], #loginForm input[type="button"], #loginForm button { width: auto; } #socialLoginForm, #loginInformation { margin-left: 5%; float: left; width: 39%; } #socialLoginForm h2 { margin-bottom: 5px; } #socialLoginList button#facebook, #socialLoginList button#google { text-indent: -9999px; overflow: hidden; border: 0; } #socialLoginList button#facebook { width: 36px; height: 36px; background: url("../Images/facebook-icon.png") no-repeat; } #socialLoginList button#google { width: 36px; height: 36px; background: url("../Images/google-plus.png") no-repeat; } #logoutForm { display: inline; } /* contact */ .contact h3 { font-size: 1.2em; } .contact p { margin: 5px 0 0 10px; } .contact iframe { border: 1px solid #333; margin: 5px 0 0 10px; } /* forms */ fieldset { border: none; margin: 0; padding: 0; } fieldset legend { display: none; } fieldset ol { padding: 0; list-style: none; } fieldset ol li { padding-bottom: 5px; } label { display: block; font-size: 1em; font-weight: 400; } label.checkbox { display: inline; } input, textarea, select { border: 1px solid #e2e2e2; background: #fff; color: #333; font-size: 1.2em; margin: 5px 0 6px 0; padding: 5px; width: 300px; font-size: 12px; } select { width: 310px; } textarea { font-family: inherit; width: 500px; } input:focus, textarea:focus { border: 1px solid #7ac0da; } input[type="checkbox"] { background: transparent; border: inherit; width: auto; } input[type="submit"], input[type="button"], button { background-color: #d3dce0; border: 1px solid #787878; cursor: pointer; font-size: 1.2em; font-weight: 600; padding: 7px; margin-right: 8px; width: auto; } td input[type="submit"], td input[type="button"], td button { font-size: 1em; padding: 4px; margin-right: 4px; } /* info and errors */ .message-info { border: 1px solid; clear: both; padding: 10px 20px; } .message-error { clear: both; color: #e80c4d; font-size: 1.1em; font-weight: bold; margin: 20px 0 10px 0; } .message-success { color: #7ac0da; font-size: 1.3em; font-weight: bold; margin: 20px 0 10px 0; } .error { color: #e80c4d; } /* styles for validation helpers */ .field-validation-error { color: #e80c4d; font-weight: bold; } .field-validation-valid { display: none; } input.input-validation-error { border: 1px solid #e80c4d; } input[type="checkbox"].input-validation-error { border: 0 none; } .validation-summary-errors { color: #e80c4d; font-weight: bold; font-size: 1.1em; } .validation-summary-valid { display: none; } /* tables ----------------------------------------------------------*/ table { border-collapse: collapse; border-spacing: 0; margin-top: 0.75em; border: 0 none; } table col.col-one { width: auto; } table col.col-two { width: auto; } table col.col-three { width: auto; } table col.col-four { width: auto; } #leaderboardtable .col-one { width: 80px; } #leaderboardtable .col-two { width: 300px; } #leaderboardtable .col-three { width: 200px; } #leaderboardtable .col-four { width: 80px; } #transactiontable .col-one { width: 120px; } #transactiontable .col-two { width: 100px; } #transactiontable .col-three { width: 100px; } #transactiontable .col-four { width: 140px; } #transactiontable .col-five { width: auto; } #transactiontable tr.selected td, #transactiontable tr:nth-child(2n+1).selected td { background-color: #d7e5ed; } #paymenttable .col-one { width: 140px; } #paymenttable .col-two { width: 150px; } #paymenttable .col-three { width: 80px; } #paymenttable .col-four { width: 160px; } #paymenttable .col-five { width: auto; } #jumptable { width: 100%; } #jumptable .col-one { width: 160px; } #jumptable .col-two { width: 150px; } #jumptable .col-three { width: auto; } #jumptable .col-four { width: 100px; } #jumptable td:last-child { text-align: right; padding-right: 0; } #jumptable th:last-child { text-align: right; padding-right: 0; } #jumptable tr.nojump td { background-color: #f7454d; } th { font-size: 1.2em; text-align: left; border: none 0px; padding-left: 0; } th a { display: block; position: relative; } th a:link, th a:visited, th a:active, th a:hover { color: #333; font-weight: 600; text-decoration: none; padding: 0; } th a:hover { color: #000; } th.asc a, th.desc a { margin-right: .75em; } th.asc a:after, th.desc a:after { display: block; position: absolute; right: 0em; top: 0; font-size: 0.75em; } th.asc a:after { content: '▲'; } th.desc a:after { content: '▼'; } td { padding: 0.25em 2em 0.25em 0em; border: 0 none; vertical-align: top; } td.selected { font-weight: bold; } tr.pager td { padding: 0 0.25em 0 0; } .content-wrapper .member { display: inline-block; margin-right: 20px; margin-bottom: 20px; } .content-wrapper .jumps-with-member { display: inline-block; vertical-align: top; } .content-wrapper .memberHeader { width: 430px; background-color: #333; color: #ffffff; padding: 6px; border-top-right-radius: 5px; border-top-left-radius: 5px; font-weight: bold; } .content-wrapper .memberWrapper { width: 430px; background-color: #f6f6f6; padding: 6px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .jumper-search-results, #leaderboardtable, #transactiontable { width: 100%; } .jumper-search-results col.col-one { width: 300px; } .jumper-search-results tr, .jumpblock tr, #leaderboardtable tr, #transactiontable tr { border-bottom: 1px solid #f8f8f8; } .jumper-search-results tr:last-child, .jumpblock tr:last-child, #leaderboardtable tr:last-child, #transactiontable tr:last-child { border-bottom: 0; } table.jumper-search-results tr:nth-child(2n+1) td, table.jumpblock tr:nth-child(2n+1) td, #leaderboardtable tr:nth-child(2n+1) td, #transactiontable tr:nth-child(2n+1) td { background-color: #f3f3f3; } .LoadTable { margin-bottom: 40px; margin-right: 15px; padding: 2px; min-width: 285px; display: inline-table; vertical-align: top; } .LoadTable { *border-collapse: collapse; /* IE7 and lower */ border-spacing: 0; } .LoadTable tr:first-child td:first-child { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .content-wrapper table.LoadTable tr:first-child td:last-child { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .content-wrapper table.LoadTable tr:last-child td:first-child { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .content-wrapper table.LoadTable tr:last-child td:last-child { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .content-wrapper table.LoadTable tr td { padding: 5px; line-height: 16px; } .content-wrapper table.LoadTable .Loadrow { background-color: #333; color: white; margin-top: 20px; margin-bottom: 0px; padding: 10px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .content-wrapper table.LoadTable .Loadrowlabel { color: #fff; font-size: 10px; font-weight: bold; font-style: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .content-wrapper table.LoadTable .Loadrowtext { font-size: 9pt; font-weight: normal; font-style: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .content-wrapper table.LoadTable .Loadrowdelayedtext { color: #ff0000; font-size: 9pt; font-weight: bold; font-style: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .content-wrapper table.LoadTable .jumprow { color: #000000; font-size: 9pt; font-weight: normal; font-style: normal; background-color: #F6F6F6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 1px solid black; } .content-wrapper table.LoadTable .jumprow a, .content-wrapper table.LoadTable .jumprow span { display: block; } .content-wrapper table.LoadTable .jumprow i { display: block; padding-bottom: 5px; } .content-wrapper table.LoadTable .message { color: #000000; background-color: #27f23f; font-size: 15pt; font-weight: normal; font-style: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .content-wrapper table.LoadTable .minimessage { color: #333333; background-color: #99cccc; font-size: 7pt; font-weight: normal; font-style: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .content-wrapper table.LoadTable .commercial { color: #336699; font-size: 7pt; font-weight: normal; font-style: normal; background-color: #cccccc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .content-wrapper table.LoadTable .manifestmessage { color: #ff0000; font-size: 8pt; font-weight: bold; font-style: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .content-wrapper table.LoadTable .loadstatus { text-align: center; vertical-align: top; font-weight: bold; background-color: lightblue; padding: 10px; } .content-wrapper table.LoadTable .callwaiting { text-align: center; vertical-align: top; font-weight: bold; background-color: orange; padding: 10px; } div.jumpday { margin-top: 0px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } div.jumpdayheader { background-color: #333; color: white; cursor: pointer; margin-top: 20px; margin-bottom: 0px; padding: 10px; border-top-left-radius: 6px; border-top-right-radius: 6px; } div.daytab { display: inline-block; font-size: 18px; font-weight: bold; background-color: transparent; } div.jumptab { display: inline-block; font-size: 18px; font-weight: bold; text-align: left; } div.jumptab.active { } div.transactiontab { position: relative; left: 120px; display: inline-block; visibility: hidden; font-size: 18px; font-weight: bold; background-color: lightgreen; padding: 10px; margin-left: 10px; border-radius: 5px; } div.jumpblock { vertical-align: top; background-color: #ececec; padding: 10px; border-radius: 10px 0px 10px 10px; } div.transactionblock { display: inline-block; visibility: hidden; vertical-align: top; background-color: lightgreen; padding: 10px; border-radius: 10px; width: 400px; } div.jump { padding-bottom: 10px; } div.jumpers { display: none; background-color: #fff; padding: 5px; border-radius: 5px; } div.jumpers.active { display: block; } .jumpers > div { padding: 2px 0px 2px 0px; } /* TIMELINE */ #timeline{ background:url(http://dummyimage.com/1x1/f43059/f43059.gif) top center repeat-y; width:820px; padding:50px 0; margin:0 auto 50px auto; overflow:hidden; list-style:none; position:relative; } #timeline:before, /* The dot */ #timeline:after{ /* The arrow */ content:" "; width:10px; height:10px; display:block; background:#f43059; position:absolute; top:0; left:50%; margin-left:-5px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } #timeline:after{ margin-left:-7px; background:none; border:7px solid transparent; border-top-color:#f43059; width:0; height:0; top:auto; bottom:-7px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } #timeline li:before, #timeline li:after{ content:" "; width:70px; height:1px; background:#f43059; position:absolute; left:100%; top:50%; background:-moz-linear-gradient(0,#d8d566,#f43059); background:-webkit-gradient(linear,left top,right top,from(#d8d566),to(#f43059)); } #timeline li:nth-of-type(even){ float:right; text-align:left; } #timeline li:nth-of-type(even):after{ /* Move branches */ background:-moz-linear-gradient(0,#f43059,#d8d566); background:-webkit-gradient(linear,left top,right top,from(#f43059),to(#d8d566)); left:auto; right:100%; } #timeline li:nth-of-type(odd), #timeline li:nth-of-type(even){ margin:-10px 0 0 0; } #timeline li{ position:relative; clear:both; float:left; width:318px; padding:10px; background:#fef8c4; border:1px solid #d8d566; text-align:right; margin:0 0 10px 0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 1px #fff inset; -moz-box-shadow:0 1px #fff inset; box-shadow:0 1px #fff inset; } /******************** * Mobile Styles * ********************/ @media only screen and (max-width: 850px) { /* header ----------------------------------------------------------*/ /* logo */ header .site-title { margin: 10px; text-align: center; } /* login */ #login { font-size: .85em; margin: 0 0 12px; } #login ul { margin: 5px 0; padding: 0; } #login li { display: inline; list-style: none; margin: 0; padding: 0; } #login a { background: none; color: #999; font-weight: 600; margin: 2px; padding: 0; } #login a:hover { color: #333; } /* header menu */ header nav { margin-bottom: 5px; clear: both; width: 100%; } ul#menu { margin: 0; padding: 0; text-align: center; } ul#menu li { margin: 0; padding: 0; } /* main layout ----------------------------------------------------------*/ .main-content, .featured + .main-content { background-position: 10px 0; } .content-wrapper { padding-right: 10px; padding-left: 10px; } .featured .content-wrapper { padding: 10px; } /* page content */ article, aside { float: none; width: 100%; } /* ordered list */ ol.round { list-style-type: none; padding-left: 0; } ol.round li { padding-left: 10px; margin: 25px 0; } ol.round li.zero, ol.round li.one, ol.round li.two, ol.round li.three, ol.round li.four, ol.round li.five, ol.round li.six, ol.round li.seven, ol.round li.eight, ol.round li.checked, ol.round li.key, ol.round li.synchronization, ol.round li.report { background: none; } /* features */ section.feature { float: none; padding: 10px; width: auto; } section.feature img { color: #999; content: attr(alt); font-size: 1.5em; font-weight: 600; } /* forms */ input { width: 90%; } /* login page */ #loginForm { border-right: none; float: none; width: auto; } #loginForm .validation-error { display: block; margin-left: 15px; } #socialLoginForm, #loginInformation { margin-left: 0; float: none; width: auto; } /* footer ----------------------------------------------------------*/ footer .float-left, footer .float-right { float: none; } footer { text-align: center; height: auto; padding: 10px 0; } footer p { margin: 0; } } @media screen and (max-width: 480px) { .visible-phone { display: block; } .hidden-phone { display: none; } .visible-tablet { display: none; } .hidden-tablet { display: block; } .visible-desktop { display: none; } .hidden-desktop { display: block; } #loginForm input { width: 95%; } } @media screen and (min-width: 481px) and (max-width: 650px) { .visible-phone { display: none; } .hidden-phone { display: block; } .visible-tablet { display: block; } .hidden-tablet { display: none; } .visible-desktop { display: none; } .hidden-desktop { display: block; } } @media screen and (max-width: 650px) { h1 { font-size: 1.5em; } h2 { font-size: 1.25em; } div.daytab, div.jumptab { font-size: 14px; } .site-title a { width: 103px; height: 24px; background-repeat: no-repeat; } .main-content nav { display: none; } .main-content section { width: 100% !important; } #container { min-width: 290px; } #login { text-align: center; } header .site-title { margin-top: 10px; display: inline-block; } header .content-wrapper { text-align: center; background-color: #fff; } #insidan { display: inline-block; font-size: 14px; } #login { vertical-align: middle; display: block; margin-bottom: 0; } #login ul { margin: 0; } #login a#loginLink, #logoutForm a, #logoutForm a:hover, #account a.username { text-indent: -9999px; overflow: hidden; width: 26px; height: 26px; border-radius: 3px; display: inline-block; color: transparent; cursor: pointer; vertical-align: top; } #account { color: transparent; display: inline-block; width: 33px; } #account { display: none; } #login a#loginLink { background: url("/Images/glyphicons_203_lock.png") center center no-repeat; margin-right: 10px; margin-top: 8px; } #loginForm li { float: left; width: 48%; } #loginForm li.row-1 { padding-right: 4%; } #loginForm li input { width: 90%; } #loginForm a { display: block; } #loginForm input[type="submit"] { float: right; } #loginForm h2, #socialLoginForm h2 { background: url("/Images/arrow-closed.png") 0 9px no-repeat; padding: 0 0 0 15px; cursor: pointer; } #loginForm h2.open, #socialLoginForm h2.open { background: url("/Images/arrow-open.png") 0 9px no-repeat; padding: 0 0 0 15px; cursor: pointer; } #logoutForm a { background: url("/Images/logout.png") center center no-repeat; margin-right: 10px; margin-top: 8px; } #account a.username { background-image: url("/Images/settings.png"); background-position: center center; background-repeat: no-repeat; margin-top: 8px; } .background-image { display: none; } .site-title a { margin: 0 auto; } #insidan { text-align: center; display: none; } .content-wrapper .member, .content-wrapper .jumps-with-member { width: 100%; } .content-wrapper .memberHeader { width: auto; margin-right: 0; } .content-wrapper .memberWrapper { width: auto; margin-right: 0; } .content-wrapper table { border-collapse: separate; } .content-wrapper table, .content-wrapper thead, .content-wrapper tbody, .content-wrapper th, .content-wrapper td, .content-wrapper tr { display: block; } .content-wrapper table thead tr { position: absolute; top: -9999px; left: -9999px; } .content-wrapper table tr { border: 1px solid #fefefe; } .content-wrapper table tbody tr:nth-child(2n+1) td, .content-wrapper table tbody tr:nth-child(2n+1) th { background-color: #eeeeee; } .content-wrapper table td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #fcfcfc; position: relative; padding-left: 120px; white-space: normal; text-align: left; font-size: 12px; min-height: 16px; } .content-wrapper table col { width: auto; } .content-wrapper table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } .content-wrapper table td:before { content: attr(data-title); } #jumptable td:last-child { text-align: left; } .content-wrapper table.LoadTable { width: 100%; border: 0; margin-bottom: 0; } .content-wrapper table.LoadTable.hidden { display: none; } .content-wrapper table.LoadTable .Loadrow { overflow: hidden; } .content-wrapper table.LoadTable .Loadrow td { width: auto; background-color: transparent; border: 0; float: left; } .content-wrapper table.LoadTable .Loadrow td:last-child { float: right; } .header-nav { background-color: #585858; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDkwMiA0NSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSIgeDI9IjUwJSIgeTI9IjEwMCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTc1NzU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjM2QzZDNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI5MDIiIGhlaWdodD0iNDUiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(center top, #575757 0%, #3d3d3d 100%); background-image: -o-linear-gradient(center top, #575757 0%, #3d3d3d 100%); background-image: -webkit-linear-gradient(center top, #575757 0%, #3d3d3d 100%); background-image: linear-gradient(center top, #575757 0%, #3d3d3d 100%); clear: both; margin: 0 auto; } #body { /* padding: 0 15px;*/ padding: 0; } .main-content { border: none; padding-top: 0px; } /************************************************ Start: Menu Slide ************************************************/ .header-top { height: 44px; } #body, .header-top { left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 200ms ease-in-out; -moz-transition: -moz-transform 200ms ease-in-out; -o-transition: -o-transform 200ms ease-in-out; transition: transform 200ms ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: relative; z-index: 99999; background-color: #fff; padding-bottom: 20px; } .open-nav #body, .open-nav .header-top { left: 272px; -webkit-transform: translateX(270px); -moz-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); transform: translateX(270px); } #container { padding: 0; width: 100%; position: relative; overflow: hidden; min-height: 100%; } .main-content { margin-top: 0; } header nav { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; z-index: 2; height: 100%; width: 270px; left: 0; background-color: #575757; -webkit-box-shadow: -8px 0 20px -8px #000 inset; -moz-box-shadow: -8px 0 20px -8px #000 inset; box-shadow: -8px 0 20px -8px #000 inset; overflow: hidden; text-align: left; } header nav:not(:target) { height: 0; z-index: 1; } header nav #menu { background: transparent; position: relative; z-index: 2; padding: 0; margin: 0; } header nav #menu li { float: none; border-bottom: 1px solid #454545; border-top: 1px solid #606060; } ul#menu li.manageaccount { float: none; } header nav #menu li a { text-align: left; height: 44px; line-height: 44px; padding: 0 20px; } header nav #menu li.selected > a, header nav #menu li.selected > a:hover { background-color: #494949; -webkit-box-shadow: 0 0 10px 4px #353535 inset; -moz-box-shadow: 0 0 10px 4px #353535 inset; box-shadow: 0 0 10px 4px #353535 inset; } header nav #menu li a:hover { background-color: transparent; background-image: none; } ul#menu li.selected ul { display: none /* block */; margin: 0; padding: 0; } ul#menu li.selected ul li a, ul#menu li.selected ul li a:hover { padding: 0 0 0 35px; background-color: #393939; } ul#menu li.selected ul li li a, ul#menu li.selected ul li li a:hover { padding: 0 0 0 50px; background-color: #2c2c2c; } /************************************************ End: Menu Slide ************************************************/ #nav-button { cursor: pointer; width: 21px; height: 19px; background-image: url("../Images/nav-icon.png"); background-repeat: no-repeat; background-position: right bottom; text-indent: -9999px; display: inline-block; padding-left: 15px; vertical-align: top; padding-top: 12px; float: left; } .float-left { float: none; } } @media screen and (min-width: 651px) and (max-width: 980px) { .visible-phone { display: none; } .hidden-phone { display: block; } .visible-tablet { display: none; } .hidden-tablet { display: block; } .visible-desktop { display: block; } .hidden-desktop { display: none; } } @media screen and (min-width: 651px) { .wrapper { margin-top: 10px; border: 0px solid blue; background-color: #f6f6f6; border-radius: 6px; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; } #loginForm form, #socialLoginForm form { display: block !important; } } @media (max-width: 650px) and (-webkit-min-device-pixel-ratio: 2) { .site-title a { width: 103px; height: 24px; background-size: 103px 24px; background-repeat: no-repeat; } #nav-button { background-image: url("../Images/nav-icon@2x.png"); background-repeat: no-repeat; background-size: 21px 19px; } #account a.username { background-image: url("/Images/settings@2x.png"); background-size: 26px 26px; } } @media (min-width: 651px) and (-webkit-min-device-pixel-ratio: 2) { .site-title a { width: 223px; height: 74px; background-size: 223px 74px; background-repeat: no-repeat; } } /********************* File upload*/ table { border-collapse: collapse; } .percent { position: absolute; width: 300px; height: 14px; z-index: 1; text-align: center; font-size: 0.8em; color: white; } .progress-bar { width: 300px; height: 14px; border-radius: 10px; border: 1px solid #CCC; background-image: -webkit-gradient(linear, left top, left bottom, from(#6666cc), to(#4b4b95)); border-image: initial; } .uploaded { padding: 0; height: 14px; border-radius: 10px; background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500)); border-image: initial; } .dropbox { width: 15em; height: 3em; border: 2px solid #DDD; border-radius: 8px; background-color: #FEFFEC; text-align: center; color: #BBB; font-size: 2em; font-family: Arial, sans-serif; } .dropbox span { margin-top: 0.9em; display: block; } .dropbox.not-available { background-color: #F88; } .dropbox.over { background-color: #bfb; } table { border-collapse: collapse; } .percent { position: absolute; width: 300px; height: 14px; z-index: 1; text-align: center; font-size: 0.8em; color: white; } .progress-bar { width: 300px; height: 14px; border-radius: 10px; border: 1px solid #CCC; background-image: -webkit-gradient(linear, left top, left bottom, from(#6666cc), to(#4b4b95)); border-image: initial; } .uploaded { padding: 0; height: 14px; border-radius: 10px; background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500)); border-image: initial; } .dropbox { width: 15em; height: 3em; border: 2px solid #DDD; border-radius: 8px; background-color: #FEFFEC; text-align: center; color: #BBB; font-size: 2em; font-family: Arial, sans-serif; } .dropbox span { margin-top: 0.9em; display: block; } .dropbox.not-available { background-color: #F88; } .dropbox.over { background-color: #bfb; } section.video { float: left; margin-bottom: 12px; padding: 5px; margin: 5px; width: 200px; height: 200px; } div.videoPlayer { height: 350px; margin: 0 0 10px; overflow: hidden; position: relative; width: 936px; } video.video-js { background-color: #FFFFFF; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: relative; } .video-js-box .video-js { left: 1px; } section.selected { box-shadow: 3px 3px 15px #666; border-color: #ffdb4d; background: #ffdb4d; border-radius: 5px; color: #fff; cursor: pointer; } section.selected a.video:hover { background-color: #ffdb4d !important; } .video-js .vjs-youtube-videowall-container { font-size: 1.5em; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } .glimpse-nowrap,.glimpse-hud-popup-clear, .glimpse-spacer,.glimpse,.glimpse-holder,.glimpse-lightbox { z-index: 9999 !important; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* you can also define the transition style on the base class as well (.repeat-item) */ .repeat-item.ng-enter, .repeat-item.ng-leave { -webkit-transition:0.5s linear all; transition:0.5s linear all; } .repeat-item.ng-enter, .repeat-item.ng-leave.ng-leave-active { -webkit-animation: zoomOut 1s; -moz-animation: zoomOut 1s; -ms-animation: zoomOut 1s; animation: zoomOut 1s; max-height: 0px; max-width: 0px; } .repeat-item.ng-leave, .repeat-item.ng-enter.ng-enter-active { -webkit-animation: zoomIn 1s; -moz-animation: zoomIn 1s; -ms-animation: zoomIn 1s; animation: zoomIn 1s; max-height: 200px; max-width: 220px; } .repeat-item.ng-enter-stagger, .repeat-item.ng-leave-stagger, .repeat-item.ng-move-stagger { /* this will have a 100ms delay between each successive leave animation */ -webkit-transition-delay: 0.05s; transition-delay: 0.05s; /* in case the stagger doesn't work then these two values must be set to 0 to avoid an accidental CSS inheritance */ -webkit-transition-duration: 0s; transition-duration: 0s; } .repeat-item { transition: 2s linear all; -webkit-transition: 2s linear all; -moz-transition: 2s linear all; -o-transition: 2s linear all; display: block; } .repeat-item:hover { -webkit-animation: pulse 1s; -moz-animation: pulse 1s; -ms-animation: pulse 1s; animation: pulse 1s; } .repeat-item.ng-move { -webkit-transition:0.2s linear all; transition:0.2s linear all; opacity:0; -webkit-transform:scale(1.15)!important; transform:scale(1.15)!important; } .repeat-item.ng-move.ng-move-active{ opacity:1; } .vjs-youtube-videowall-container { z-index: 999; overflow-y: scroll; position: absolute; width: 100%; height: 100%; background-color: #f6f6f6; } .vjs-youtube-videowall-container-item { float: left; width: 25%; height: calc(100%/3); height: -webkit-calc(100%/3); } a.vjs-youtube-videowall-container-item-link:link, a.vjs-youtube-videowall-container-item-link:visited { display: block; width: 100%; height: 100%; color: #ffffff; text-decoration: none; } .vjs-youtube-videowall-container-item-text { position: relative; display: block; width: 100%; height: 100%; opacity: 0; transition: background-color 0.5s, opacity 0.5s; -webkit-transition: background-color 0.5s, opacity 0.5s; } .vjs-youtube-videowall-container-item-text:hover { background-color: #000000; opacity: 0.7; } .vjs-youtube-videowall-container-item-text-title { font-size: 2em; padding: 0.25em; } .vjs-youtube-videowall-container-item-text-meta { position: absolute; font-size: 1em; padding: 0.25em 0.5em; bottom: 0.25em; } /*! Video.js Default Styles (http://videojs.com) Version 4.7.1 Create your own skin at http://designer.videojs.com */.vjs-default-skin{color:#ccc}@font-face{font-family:VideoJS;src:url(font/vjs.eot);src:url(font/vjs.eot?#iefix) format('embedded-opentype'),url(font/vjs.woff) format('woff'),url(font/vjs.ttf) format('truetype'),url(font/vjs.svg#icomoon) format('svg');font-weight:400;font-style:normal}.vjs-default-skin .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#333;background-color:rgba(51,51,51,.9)}.vjs-default-skin .vjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.vjs-default-skin .vjs-slider-handle{position:absolute;left:0;top:0}.vjs-default-skin .vjs-slider-handle:before{content:"\e009";font-family:VideoJS;font-size:1em;line-height:1;text-align:center;text-shadow:0 0 1em #fff;position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.vjs-default-skin .vjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#07141e;background-color:rgba(7,20,30,.7)}.vjs-default-skin.vjs-has-started .vjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-default-skin.vjs-controls-disabled .vjs-control-bar{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-control-bar{display:none}.vjs-default-skin.vjs-error .vjs-control-bar{display:none}@media \0screen{.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-default-skin .vjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.vjs-default-skin .vjs-control:before{font-family:VideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before{text-shadow:0 0 1em #fff}.vjs-default-skin .vjs-control:focus{}.vjs-default-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-default-skin .vjs-play-control{width:5em;cursor:pointer}.vjs-default-skin .vjs-play-control:before{content:"\e001"}.vjs-default-skin.vjs-playing .vjs-play-control:before{content:"\e002"}.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content{width:4em;left:-2em;list-style:none}.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button{cursor:pointer;float:right}.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before{content:"\e006"}.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before{content:"\e003"}.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before{content:"\e004"}.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before{content:"\e005"}.vjs-default-skin .vjs-volume-control{width:5em;float:right}.vjs-default-skin .vjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content{height:2.9em}.vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-volume-bar .vjs-volume-handle{width:.5em;height:.5em;left:4.5em}.vjs-default-skin .vjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content{width:6em;left:-4em}.vjs-default-skin .vjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin:hover .vjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.vjs-default-skin .vjs-progress-holder{height:100%}.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:100%;margin:0;padding:0;width:0;left:0;top:0}.vjs-default-skin .vjs-play-progress{background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-load-progress{background:#646464;background:rgba(255,255,255,.2)}.vjs-default-skin .vjs-load-progress div{background:#787878;background:rgba(255,255,255,.1)}.vjs-default-skin .vjs-seek-handle{width:1.5em;height:100%}.vjs-default-skin .vjs-seek-handle:before{padding-top:.1em}.vjs-default-skin.vjs-live .vjs-time-controls,.vjs-default-skin.vjs-live .vjs-time-divider,.vjs-default-skin.vjs-live .vjs-progress-control{display:none}.vjs-default-skin.vjs-live .vjs-live-display{display:block}.vjs-default-skin .vjs-live-display{display:none;font-size:1em;line-height:3em}.vjs-default-skin .vjs-time-controls{font-size:1em;line-height:3em}.vjs-default-skin .vjs-current-time{float:left}.vjs-default-skin .vjs-duration{float:left}.vjs-default-skin .vjs-remaining-time{display:none;float:left}.vjs-time-divider{float:left;line-height:3em}.vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.vjs-default-skin .vjs-fullscreen-control:before{content:"\e000"}.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before{content:"\e00b"}.vjs-default-skin .vjs-big-play-button{left:.5em;top:.5em;font-size:3em;display:block;z-index:2;position:absolute;width:4em;height:2.6em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;background-color:#07141e;background-color:rgba(7,20,30,.7);border:.1em solid #3b4249;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 0 1em rgba(255,255,255,.25);-moz-box-shadow:0 0 1em rgba(255,255,255,.25);box-shadow:0 0 1em rgba(255,255,255,.25);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{left:50%;margin-left:-2.1em;top:50%;margin-top:-1.4000000000000001em}.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button{display:none}.vjs-default-skin.vjs-has-started .vjs-big-play-button{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#505050;background-color:rgba(50,50,50,.75);-webkit-box-shadow:0 0 3em #fff;-moz-box-shadow:0 0 3em #fff;box-shadow:0 0 3em #fff;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-default-skin .vjs-big-play-button:before{content:"\e001";font-family:VideoJS;line-height:2.6em;text-shadow:.05em .05em .1em #000;text-align:center;position:absolute;left:0;width:100%;height:100%}.vjs-error .vjs-big-play-button{display:none}.vjs-error-display{display:none}.vjs-error .vjs-error-display{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.vjs-error .vjs-error-display:before{content:'X';font-family:Arial;font-size:4em;color:#666;line-height:1;text-shadow:.05em .05em .1em #000;text-align:center;vertical-align:middle;position:absolute;top:50%;margin-top:-.5em;width:100%}.vjs-error-display div{position:absolute;font-size:1.4em;text-align:center;bottom:1em;right:1em;left:1em}.vjs-error-display a,.vjs-error-display a:visited{color:#F4A460}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75}.vjs-waiting .vjs-loading-spinner,.vjs-seeking .vjs-loading-spinner{display:block;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.vjs-error .vjs-loading-spinner{display:none;-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}.vjs-default-skin .vjs-loading-spinner:before{content:"\e01e";font-family:VideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.vjs-default-skin .vjs-menu-button{float:right;cursor:pointer}.vjs-default-skin .vjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.vjs-default-skin .vjs-menu-button:hover .vjs-menu{display:block}.vjs-default-skin .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-default-skin .vjs-menu-button ul li.vjs-selected{background-color:#000}.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{outline:0;color:#111;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-default-skin .vjs-subtitles-button:before{content:"\e00c"}.vjs-default-skin .vjs-captions-button:before{content:"\e008"}.vjs-default-skin .vjs-chapters-button:before{content:"\e00c"}.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content{width:24em;left:-12em}.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:400;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;_position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.vjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.video-js.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{display:none;font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.video-js .vjs-subtitles{color:#fff}.video-js .vjs-captions{color:#fc6}.vjs-tt-cue{display:block}.vjs-default-skin .vjs-hidden{display:none}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#ccc;background-color:#333;font-size:18px;font-family:Arial,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#F4A460} body { background-color: #f1f7fe; background-image: url(/Images/ufk-bg.jpg); } .site-title a { background-image: url("/Images/ufk-logo.png"); } @media (min-width: 651px) and (-webkit-min-device-pixel-ratio: 2) { .site-title a { background-image: url("/Images/ufk-logo@2x.png"); } } @media (max-width: 650px) and (-webkit-min-device-pixel-ratio: 2) { .site-title a { background-image: url("/Images/ufk-logo-phone@2x.png"); } } @media screen and (max-width: 650px) { .site-title a { background-image: url("/Images/ufk-logo-phone.png"); } }