/* Minification failed. Returning unminified contents.
(1632,1): run-time error CSS1019: Unexpected token, found '@charset'
(1632,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(1632,17): run-time error CSS1019: Unexpected token, found ';'
(1642,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1643,7): run-time error CSS1035: Expected colon, found ','
(1675,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1676,7): run-time error CSS1035: Expected colon, found ','
(1715,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1716,7): run-time error CSS1035: Expected colon, found ','
(1728,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1729,7): run-time error CSS1035: Expected colon, found ','
(1748,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1749,8): run-time error CSS1035: Expected colon, found '{'
(1765,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1766,8): run-time error CSS1035: Expected colon, found '{'
(1787,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1788,8): run-time error CSS1035: Expected colon, found '{'
(1824,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1825,8): run-time error CSS1035: Expected colon, found '{'
(1866,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1867,7): run-time error CSS1035: Expected colon, found ','
(1891,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1892,7): run-time error CSS1035: Expected colon, found ','
(1921,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1953,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1992,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2019,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2053,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2054,8): run-time error CSS1035: Expected colon, found '{'
(2086,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2087,8): run-time error CSS1035: Expected colon, found '{'
(2126,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2127,8): run-time error CSS1035: Expected colon, found '{'
(2163,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2164,8): run-time error CSS1035: Expected colon, found '{'
(2205,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2206,7): run-time error CSS1035: Expected colon, found ','
(2249,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2250,7): run-time error CSS1035: Expected colon, found ','
(2300,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2327,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2328,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2363,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2364,7): run-time error CSS1035: Expected colon, found ','
(2408,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2409,7): run-time error CSS1035: Expected colon, found ','
(2460,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2461,7): run-time error CSS1035: Expected colon, found ','
(2498,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2499,7): run-time error CSS1035: Expected colon, found ','
(2541,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2542,7): run-time error CSS1035: Expected colon, found ','
(2579,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2580,7): run-time error CSS1035: Expected colon, found ','
(2622,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2623,7): run-time error CSS1035: Expected colon, found ','
(2660,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2661,7): run-time error CSS1035: Expected colon, found ','
(2703,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2704,7): run-time error CSS1035: Expected colon, found ','
(2741,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2742,7): run-time error CSS1035: Expected colon, found ','
(2784,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2785,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2804,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2805,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2831,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2851,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2876,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2890,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2891,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2909,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2923,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2924,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2942,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2962,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(2987,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2988,8): run-time error CSS1035: Expected colon, found '{'
(2997,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2998,8): run-time error CSS1035: Expected colon, found '{'
(3012,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3013,8): run-time error CSS1035: Expected colon, found '{'
(3026,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3027,8): run-time error CSS1035: Expected colon, found '{'
(3045,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3046,8): run-time error CSS1035: Expected colon, found '{'
(3059,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3060,8): run-time error CSS1035: Expected colon, found '{'
(3078,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3079,8): run-time error CSS1035: Expected colon, found '{'
(3092,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3093,8): run-time error CSS1035: Expected colon, found '{'
(3111,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3112,8): run-time error CSS1035: Expected colon, found '{'
(3125,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3126,8): run-time error CSS1035: Expected colon, found '{'
(3144,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3145,8): run-time error CSS1035: Expected colon, found '{'
(3158,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3159,8): run-time error CSS1035: Expected colon, found '{'
(3177,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3178,8): run-time error CSS1035: Expected colon, found '{'
(3191,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3192,8): run-time error CSS1035: Expected colon, found '{'
(3210,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3211,8): run-time error CSS1035: Expected colon, found '{'
(3224,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3225,8): run-time error CSS1035: Expected colon, found '{'
(3243,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3244,8): run-time error CSS1035: Expected colon, found '{'
(3257,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3258,8): run-time error CSS1035: Expected colon, found '{'
(3276,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3277,8): run-time error CSS1035: Expected colon, found '{'
(3286,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3287,8): run-time error CSS1035: Expected colon, found '{'
(3301,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3302,8): run-time error CSS1035: Expected colon, found '{'
(3313,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3314,8): run-time error CSS1035: Expected colon, found '{'
(3330,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3331,8): run-time error CSS1035: Expected colon, found '{'
(3342,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3343,8): run-time error CSS1035: Expected colon, found '{'
(3359,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3360,8): run-time error CSS1035: Expected colon, found '{'
(3371,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3372,8): run-time error CSS1035: Expected colon, found '{'
(3388,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3389,8): run-time error CSS1035: Expected colon, found '{'
(3400,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3401,8): run-time error CSS1035: Expected colon, found '{'
(3417,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3418,8): run-time error CSS1035: Expected colon, found '{'
(3429,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3430,8): run-time error CSS1035: Expected colon, found '{'
(3446,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3447,8): run-time error CSS1035: Expected colon, found '{'
(3458,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3459,8): run-time error CSS1035: Expected colon, found '{'
(3475,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3476,8): run-time error CSS1035: Expected colon, found '{'
(3487,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3488,8): run-time error CSS1035: Expected colon, found '{'
(3504,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3505,8): run-time error CSS1035: Expected colon, found '{'
(3516,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3517,8): run-time error CSS1035: Expected colon, found '{'
(3533,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3534,8): run-time error CSS1035: Expected colon, found '{'
(3578,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3579,8): run-time error CSS1035: Expected colon, found '{'
(3630,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3631,8): run-time error CSS1035: Expected colon, found '{'
(3663,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3664,8): run-time error CSS1035: Expected colon, found '{'
(3703,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3704,8): run-time error CSS1035: Expected colon, found '{'
(3736,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3737,8): run-time error CSS1035: Expected colon, found '{'
(3776,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3777,8): run-time error CSS1035: Expected colon, found '{'
(3795,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3796,8): run-time error CSS1035: Expected colon, found '{'
(3823,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3824,8): run-time error CSS1035: Expected colon, found '{'
(3842,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3843,8): run-time error CSS1035: Expected colon, found '{'
(3870,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3871,8): run-time error CSS1035: Expected colon, found '{'
(3894,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3895,8): run-time error CSS1035: Expected colon, found '{'
(3925,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3926,8): run-time error CSS1035: Expected colon, found '{'
(3937,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3938,8): run-time error CSS1035: Expected colon, found '{'
(3956,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3957,8): run-time error CSS1035: Expected colon, found '{'
(3974,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3975,8): run-time error CSS1035: Expected colon, found '{'
(3997,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3998,8): run-time error CSS1035: Expected colon, found '{'
(4015,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4016,8): run-time error CSS1035: Expected colon, found '{'
(4038,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4039,8): run-time error CSS1035: Expected colon, found '{'
(4056,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4057,8): run-time error CSS1035: Expected colon, found '{'
(4079,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4080,8): run-time error CSS1035: Expected colon, found '{'
(4097,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4098,8): run-time error CSS1035: Expected colon, found '{'
(4120,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4121,8): run-time error CSS1035: Expected colon, found '{'
(4138,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4139,8): run-time error CSS1035: Expected colon, found '{'
(4161,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4162,8): run-time error CSS1035: Expected colon, found '{'
(4177,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4178,8): run-time error CSS1035: Expected colon, found '{'
(4198,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4199,8): run-time error CSS1035: Expected colon, found '{'
(4214,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4215,8): run-time error CSS1035: Expected colon, found '{'
(4235,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4236,8): run-time error CSS1035: Expected colon, found '{'
(4251,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4252,8): run-time error CSS1035: Expected colon, found '{'
(4272,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4273,8): run-time error CSS1035: Expected colon, found '{'
(4288,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4289,8): run-time error CSS1035: Expected colon, found '{'
(4309,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4310,8): run-time error CSS1035: Expected colon, found '{'
(4325,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4326,8): run-time error CSS1035: Expected colon, found '{'
(4346,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4347,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4382,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4425,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4426,8): run-time error CSS1035: Expected colon, found '{'
(4451,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4452,8): run-time error CSS1035: Expected colon, found '{'
(4484,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4485,8): run-time error CSS1035: Expected colon, found '{'
(4498,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4499,8): run-time error CSS1035: Expected colon, found '{'
(4519,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4520,8): run-time error CSS1035: Expected colon, found '{'
(4531,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4532,8): run-time error CSS1035: Expected colon, found '{'
(4548,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4549,8): run-time error CSS1035: Expected colon, found '{'
(4560,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4561,8): run-time error CSS1035: Expected colon, found '{'
(4577,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4578,8): run-time error CSS1035: Expected colon, found '{'
(4595,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4596,8): run-time error CSS1035: Expected colon, found '{'
(4618,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4619,8): run-time error CSS1035: Expected colon, found '{'
(4636,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4637,8): run-time error CSS1035: Expected colon, found '{'
(4659,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4660,8): run-time error CSS1035: Expected colon, found '{'
(4677,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4678,8): run-time error CSS1035: Expected colon, found '{'
(4700,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4701,8): run-time error CSS1035: Expected colon, found '{'
(4718,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4719,8): run-time error CSS1035: Expected colon, found '{'
(4741,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4742,8): run-time error CSS1035: Expected colon, found '{'
(4757,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4758,8): run-time error CSS1035: Expected colon, found '{'
(4778,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4779,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(4798,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4799,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(4823,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(4839,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(4860,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(4876,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(4897,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(4917,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(4942,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4943,8): run-time error CSS1035: Expected colon, found '{'
(4955,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4956,8): run-time error CSS1035: Expected colon, found '{'
(4973,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4974,8): run-time error CSS1035: Expected colon, found '{'
(4986,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4987,8): run-time error CSS1035: Expected colon, found '{'
(5004,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5005,8): run-time error CSS1035: Expected colon, found '{'
(5017,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5018,8): run-time error CSS1035: Expected colon, found '{'
(5035,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5036,8): run-time error CSS1035: Expected colon, found '{'
(5048,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5049,8): run-time error CSS1035: Expected colon, found '{'
(5066,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5067,8): run-time error CSS1035: Expected colon, found '{'
(5079,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5080,8): run-time error CSS1035: Expected colon, found '{'
(5097,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5098,8): run-time error CSS1035: Expected colon, found '{'
(5110,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5111,8): run-time error CSS1035: Expected colon, found '{'
(5128,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5129,8): run-time error CSS1035: Expected colon, found '{'
(5141,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5142,8): run-time error CSS1035: Expected colon, found '{'
(5159,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5160,8): run-time error CSS1035: Expected colon, found '{'
(5172,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5173,8): run-time error CSS1035: Expected colon, found '{'
 */
html {
    margin: 0;
    padding: 0;
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body {/*background:url("../Content/imgs/f-green-militar.jpg");background-size:100% 100%;*/
    color: #444;font-size: 1rem;font-family:'Open Sans', Helvetica, Sans-Serif !important;margin: 0;}a {color: #333;outline: none;
    padding-right: 3px;text-decoration:none;}/*Tirando a borda da imagem após o uso do MyHelper*/
    a img {border: none;}

    a:link, a:visited,a:active {color: #444;}
        a:hover {
            color: #0f7d27;
            text-decoration: none;
        }
    .direita {text-align:right;}

header, footer, hgroup,
nav, section {
    display: block;
}

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;
}
  .onOff {
        display: block;
    }

h1, h2, h3,
h4, h5, h6 {
    color: #222;
    margin-bottom: 0;
    padding-bottom: 0;
}

/*h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}*/

h4 {
    /*font-size: 1.2em;*/
    /*background:url("../Content/imgs/f-orange-doble.png");
    background-size:100% 100%;*/
    /*background-color:#d5d5d5;
    border-bottom:2px solid #0f7d27;*/
    font-weight: 700 !important;
    color: #0f7d27;
    padding: 5px;
    margin-bottom:20px;
}

/*h5, h6 {
    font-size: 1em;
}*/

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

    ol li {
        padding-bottom: 5px;
    }
ul li {
    /*list-style-type:disc;*/
    text-align:left;
    margin-bottom:5px;
    text-transform:initial;
}
ul.abc li {
    list-style: upper-latin;
}
    ul.abc li ul li {
        list-style:disc;
    }
    p, span{
        text-align:justify;
    }
/* main layout 
    Medidas baseadas em telas com 1366px de cumprimento
----------------------------------------------------------*/
.topbar {
   border-bottom: 1px solid #e6e6e6;
   padding-bottom:4px;
   padding-top:4px;
   margin-bottom:15px;
   font-size:0.9em;
   background-color:#f1f1f1;
}
    .topbar a{
        font-weight:bold;
    }
    .topbar .fa{
        margin-left:5px;
    }
    .topbar .text-left {
        text-transform: uppercase;
    }
    .topbar  .fa {
        font-size: 1.3em;
        padding-top: 0;
        padding-bottom: 0;
    }
footer .redes-sociais .fa{
    font-size:1.8em;
    margin-right:8px;
}


.content-wrapper {
        margin: 0 auto;
        width: 71%; /*max-width: 960px pode mudar-se para 1024,5px*/
        padding: 6px;
    }
section .container{
    padding-top:80px;
    padding-bottom:80px;
}
section h3, h4, section h5 {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.5;
}
section h3 {
    margin-bottom: 50px;
    text-align: center;
}
section .container p{
    text-align:justify;
}
a.Upperlink{
    text-transform:uppercase;
    font-weight:bold;
    color:#0f7d27;
    margin-right:15px;
}
    a.Upperlink:hover {
        text-decoration: underline;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    a.Upperlink:before {
        font-family: "FontAwesome";
        content: "\f067";
        display: inline-block;
        padding-right: 5px;
        vertical-align: middle;
        font-weight: 700;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    a.Upperlink:hover:before {
        color: #ff8018;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
#amex a.Upperlink {
    color: #ff8018;

} 

#slider-amex .carousel-caption span {
    color: #fff;
    font-size: 2em;
    font-weight: bolder;
    padding: 20px;
    background-color: rgba(5, 48, 14, 0.7);
    margin-bottom: 20px;
    line-height: 3em;
    border: 3px solid #fff;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
    #slider-amex .carousel-caption span:hover {
        background-color: rgba(5, 48, 14, 0.6);
        opacity: 1;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .carousel-caption {
        margin-bottom: 50px;
    }

.carousel-indicators {
    justify-content: flex-end;
    margin-right: 10%;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
    .carousel-indicators li.active {
        background-color: #0f7d27;
    }
section#amex {
    /* background-color: #333 !important;*/
    width: 100%;
    background-size: cover;
    position: relative;
    z-index: 1;
    background-image: url("../Banners/AMEx-7.jpg") !important;
    color: #fff;
}
    section#amex:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.9), rgba(0,0,0, 0.9));
        background: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0.9),rgba(0,0,0, 0.9));
        background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.9), rgba(0,0,0, 0.9));
        background: linear-gradient(-90deg, rgba(0, 0, 0, 0.9), rgba(0,0,0, 0.9));
        z-index: -1;
        opacity: 0.85;
    }
    section#amex h3, section h5 {
        color: #ff8018;
    }
    section#amex p{
        font-size:1.1em;
    }

section#candidaturas {
    /*background: url("../Content/imgs/f-green-black-s.png");*/
    background: #1B5E20;
    background-size: 100% 100%;
    color: #fff;
}
    section#candidaturas  h5{
        color:#fff;
    }
    #cadete h3{
        margin-bottom:30px;
    }
#cadete, #noticias, header {
    background-color: #f5f5f5;
}
    #cadete ul, #candidaturas ul {
        line-height: 23px;
        margin: 0px;
        overflow-wrap: break-word;
        padding: 0px;
    }
        #cadete ul li, #candidaturas ul li{
            margin-bottom: 10px;
            list-style-type: none;
        }
#candidaturas .candidatura{
    padding:5px;
}
    #candidaturas .candidatura a, #candidaturas .candidatura a:visited{
        color: #f2f2f2;
    }
        #candidaturas .candidatura a:hover {
            color: #fff;
            text-decoration: underline;
        }
    #candidaturas h3 {
            text-align: left;
        }
        #candidaturas ul li{
            background:#f2f2f2;
            padding:10px;
        }
#cadete div p, #cadete div ul{
    margin-top: 10px;
}
#cadete .box {
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 95%;
}
    #cadete .box:hover, #cadete {
        -webkit-box-shadow: 10px 15px 49px -36px rgba(0,0,0,0.75) !important;
        -moz-box-shadow: 10px 15px 49px -36px rgba(0,0,0,0.75) !important;
        box-shadow: 10px 15px 49px -36px rgba(0,0,0,0.75) !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
#cadete .box .content {
        padding: 2rem;
    }
.box .content h5{
    margin-bottom:10px;
}
#cadete .col-md-4 {
    margin-top: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
    #cadete .col-md-4:hover {
        margin-top: 0px;
        margin-bottom: 10px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
section#contacto, section#comandante {
    /* background-color: #333 !important;*/
    width: 100%;
    background-size: cover;
    position: relative;
    z-index: 1;
    background-image: url("../Banners/AMEx-8.jpg") !important;
}

    section#contacto:after, section#comandante:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-linear-gradient(-45deg, rgba(245,245,226, 0.9), #e7e7df);
        background: -o-linear-gradient(-45deg, rgba(236,237,226, 0.9),#e7e7df);
        background: -moz-linear-gradient(-45deg, rgba(236,237,226, 0.9), #e7e7df);
        background: linear-gradient(-45deg, rgba(236,237,226, 0.9), #e7e7df); /*rgba(255,255,255, 0.9),    #f8f7f0*/
        z-index: -1;
        opacity: 1;
    }
    section#contacto label{
        text-transform:uppercase;
        font-size:.8em;
        font-weight:bold;
        margin:0;
    }
    input, select, textarea{
        border-radius:0!important;
    }
.form-control:focus {
    border-color: #0f7d27;
    box-shadow: inset 0 1px 1px rgba(15, 125, 39, 0.075), 0 0 3px rgba(15, 125, 39, 0.59);
}

.procura input {
    width: 50%;
}
.cabecalho {
    padding:4px 15px 5px 10px;
    min-height:80px;
    clear: both;
    margin:0;
    font-size: 1em;
    color:#c8c8c8;
    /*background:url("../Content/imgs/f-gray-nice.png");
    background-size: 100% 100%;*/
    text-align:center;
    /*border-top-left-radius:10px;
    border-top-right-radius:10px;*/
}
.cabecalho .img-logo{
    max-width:360px;
    margin-bottom:5px;
    margin-right:-100px;
}
.cabecalho .direita{
    padding-top:12px;
}
#body {
    margin-top: 20px auto;
    /*
    padding:6px;
    width: 70%; max-width: 960px pode mudar-se para 1024,5px
    -webkit-box-shadow: 0 3px 10px 0 #7e7e7e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    background: #fff;
}
.nrecentes .row {
        background:#f8f7f0;
}

    .nrecentes .titulo {
        margin-bottom:10px;
        line-height:1em;
    }
    .nrecentes .rodape {
        margin-top: 10px;
        font-size: 0.9em;
        color:#666;
    }
/*.imgajust img {
    max-height: 125px;
}*/
.tam-text {
    width: 71.428%;/*500px*/
}
    .imgs-p {
        /*width: 100%; 200px*/
        border:1px solid #999;
    }
table.atalho:hover, .imgs-p:hover,.noticia img:hover, .destaque img:hover {
    opacity:0.8;
}
table.atalho:nth-child(3n+1) {
    clear: both;
}
.noticias span, section#comandante span {
    font-family: 'Open Sans', Helvetica, Sans-Serif !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
    .noticias .titulo {
        border-bottom: 2px double #fac781;
        padding:0 0 2px;
    }
        .noticias .titulo h4{
            margin-bottom:0;
        } .noticias .rodape {
            margin-top: 5px;
            font-size: 0.9em;
            opacity: 0.8;
        }

.item-noticia {
    padding-right: 0px;
}
p.MsoNormal {
    margin:inherit !important;
}
.noticia, .destaque {
    background: #fff;
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden
}
.noticia{
    height:95%;
}
    .noticia:hover, .destaque:hover {
        -moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
        .noticia figcaption {
            padding:0.7rem;
        }
   .noticia p {
            font-size: 11px;
            text-transform:uppercase;
    }
.noticia .titulo{
    /*text-transform:uppercase;*/
    font-weight:bold;
    font-size:13px;
    line-height:1.2em;
}
.destaque {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 10px;
}
.destaque .titulo {
    /*text-transform: uppercase;*/
    font-size: 12px;
    line-height: 1.2em;
}
    .destaque p {
        margin-top: 5px;
        margin-bottom: 0px;
        font-size: 10px;
        text-transform: uppercase;
    }
.pagin {
    text-align: center;
    justify-content:center;
}
.page-link {
    color: #444;
}
a.page-link {
    color: #444;
}
    a.page-link:hover, .page-link:hover{
        color: #0f7d27;
    }
   


.tamnho-tb {
    margin:5px 5px 5px 5px;
    padding-bottom:20px;
}

/*Orgranograma*/
#team .card {
    border: none;
    background: #ffffff;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/*Profile card*/
.profile-card-2 {
    max-width: 300px;
    background-color: #FFF;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    background-position: center;
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    border-radius: 10px;
}

    .profile-card-2 img {
        transition: all linear 0.25s;
    }

    .profile-card-2 .profile-name {
        position: absolute;
        left: 30px;
        bottom: 70px;
        font-size: 18px;
        color: #FFF;
        text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
        transition: all linear 0.25s;
    }

    .profile-card-2 .profile-more {
        position: absolute;
        bottom: 30px;
        right: 30px;
        color: #FFF;
        transition: all linear 0.25s;
    }
        .profile-card-2 .profile-more a {
            text-transform: uppercase;
            color: #FFF !important;
            text-decoration:underline;
            font-size:12px;
        }
    .profile-card-2 .profile-job {
        position: absolute;
        bottom: 50px;
        left: 30px;
        color: #FFF;
        font-size: 13px;
        transition: all linear 0.25s;
        text-transform:uppercase;
        font-weight:bold;
    }

    .profile-card-2 .profile-more .fa {
        margin: 5px;
    }

    .profile-card-2:hover img {
        filter: brightness(60%);
    }

    .profile-card-2:hover .profile-name {
        bottom: 80px;
    }

    .profile-card-2:hover .profile-job {
        bottom: 60px;
    }

    .profile-card-2:hover .profile-more {
        right: 40px;
    }

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}
    .frontside p {
        text-align: center;
    }

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

    .frontside .card,
    .backside .card {
        min-height: 312px;
    }
    .backside .card a {
        font-size: 18px;
        color: #007b5e !important;
    }

        .frontside .card .card-title,
        .backside .card .card-title {
            color: #007b5e !important;
        }

        .frontside .card .card-body img {
            width: 120px;
            height: 120px;
            border-radius: 50%;
        }
/*------*/
footer {
    clear: both;
    background-color: #edece2;
    padding: 30px 0 0 0;
    color: #333;
}
footer .container{
    padding-top:20px;
    padding-bottom:40px;
}
    footer .foot {
        text-align: center;
        clear: both;
        height: auto;
        background-color: #333;
        color: #c8c8c8;
        padding: 4px;
        padding-top: 15px;
        margin: 0;
        font-size: .8em;
    }
.foot p{
    text-align:center;
}
/*Imagens-----------------------------------------------------*/
img {
    width: 100%;
}
.img-logo2 {
    max-width: 30%;
}
.img-Low {
    width: 30%;
}
.img-VLow {
    width: 21.21%;/*70px*/
}
.img-social img {
    width: 30px;
    margin-right:5px;
}
.gotop {
    position: fixed;
    z-index: 99;
    bottom: 20px;
    right: 20px;
    display: none;
    font-size: 20px;
    height: 50px;
    width: 50px;
    line-height: 45px;
    text-align: center;
    overflow: hidden;
    background: #333;
    color: #fff;
    border: 3px solid #7e7e7e;
    opacity: 0.8;
}
    .gotop:hover{
opacity:1;
    } 
    .show {
        display: block;
    }
.img-texto {
    /*height: 180px;*/
    width: 30.02%; /*270px*/
    background-color: azure;
    margin: 5px 5px 5px 0;
    float: left;
    opacity: 0.9;
}
    .img-texto:hover {
        opacity:1;
        cursor:pointer;
    }
.img-banner {
    margin: 5px 5px 5px 0;
    width:30%;
}
div.imgheader {
    text-align: right;
}
    div.imgheader img {
        max-width: 200px;
    }
/*Apresentações*/
ul.tamslider {
    width: 100%; /*710px*/
    /*border:2px solid #555555;*/
}
ul.imgGal li {
    margin:0;
}
ul.imgGal li img {
    width: 97.18%; /*690px;*/
    /*height: 450px;*/
    margin:0;
}
.neg2 {
    font-weight: bold;
}

ul.neg li {
    font-size: 1em;
    font-weight: bold;
}
.galeria {
    height:500px;
    width:98.59%;/*700px*/
    border: 4px solid #333;
    padding:0;
    background-color:#333;
}



/* menu
----------------------------------------------------------*/
.menuDiv {
    /*background-color:#0f7d27;*/
    -webkit-box-shadow: 0 3px 10px 0 #7e7e7e;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}
/* navbar */
.navbar {
    margin-bottom:0px!important;
}
.navbar-expand-lg {
    background-color: #1B5E20 !important; /*#3e5247*/
    /*background: url("../Content/imgs/f-green-black-s.png");*/
    background-size: 100% 100%;
    border-color: #E7E7E7;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
    .navbar-expand-lg .navbar-nav > li{
        margin-bottom:0px;
    }
    /* Link */
    .navbar-expand-lg .navbar-nav > li > a,
    .navbar-expand-lg .navbar-nav > .dropdown > .dropdown-menu a {
        color: #fff !important;
    }

        .navbar-expand-lg .navbar-nav > li > a:hover,
        .navbar-expand-lg .navbar-nav > .dropdown > .dropdown-menu li a:hover{
            color: #0f7d27 !important;
            background: url("../Content/imgs/f-orange-doble.png");
            background-size: 100% 100%;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

    .navbar-expand-lg .navbar-nav > .active > a,
    .navbar-expand-lg .navbar-nav > .active > a:hover,
    .navbar-expand-lg .navbar-nav > .dropdown > .dropdown-menu li a:hover{
        color: #0f7d27 !important;
        background: url("../Content/imgs/f-orange-doble.png");
        background-size: 100% 100%;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .navbar-expand-lg .navbar-nav > .dropdown .dropdown-menu {
        background: #1B5E20 !important; /*url("../Content/imgs/f-green-black-s.png")*/
        background-size: 100% 100%;
    }
    .navbar-expand-lg .navbar-nav > .dropdown > .dropdown-menu a:hover {
        color: #0f7d27 !important;
        background: url("../Content/imgs/f-orange-doble.png");
        background-size: 100% 100%;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
        /* Caret */
        .navbar-expand-lg .navbar-nav > .dropdown > a .caret {
            border-top-color: #fff !important;
            border-bottom-color: #fff !important;
        }

    .navbar-expand-lg .navbar-nav > .dropdown > a:hover .caret {
        border-top-color: #0f7d27 !important;
        border-bottom-color: #0f7d27 !important;
    }

/*Open dropdown navbar automatically*/
.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    pointer-events: none;
}
    /* Mobile version */
    .navbar-expand-lg .navbar-toggle {
        border-color: #fff !important;
    }

        .navbar-expand-lg .navbar-toggle:hover/*,
        .navbar-expand-lg .navbar-toggle:focus*/ {
            background: url("../Content/imgs/f-orange-doble.png") !important;
            background-size: 100% 100%;
        }

        .navbar-expand-lg .navbar-toggle .icon-bar {
            background-color: #fff !important;
        }
.searchbar {
    margin-bottom: auto;
    margin-top: auto;
    height: 40px;
    background-color: #fff;
    padding: 5px;
    border-radius: 4px;
}

.search_input {
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    caret-color: transparent;
    transition: width 0.4s linear;
}

.searchbar:hover > .search_input {
    width: 200px;
    caret-color: #0f7d27;
    transition: width 0.4s linear;
}

.searchbar:hover > .search_icon {
    background: white;
    color: #0f7d27;
}

.search_icon {
    height: 30px;
    width: 30px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: white;
    text-decoration: none;
}
.btn-anim {
    cursor: pointer;
    position: relative;
    padding: 10px 20px;
    font-size: 28px;
    transition: all 1s;
    font-weight:bold;
}

    .btn-anim:after, .btn-anim:before {
        content: " ";
        width: 10px;
        height: 10px;
        position: absolute;
        border: 0px solid #fff;
        transition: all 1s;
    }

    .btn-anim:after {
        top: -1px;
        left: -1px;
        border-top: 5px solid black;
        border-left: 5px solid black;
    }

    .btn-anim:before {
        bottom: -1px;
        right: -1px;
        border-bottom: 5px solid black;
        border-right: 5px solid black;
    }

    .btn-anim:hover {
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

        .btn-anim:hover:before, .btn-anim:hover:after {
            width: 100%;
            height: 100%;
        }

ul#menu {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0 10px 0;
}

    ul#menu li {
        display: inline;
        list-style: none;
        position: relative;
        /*float: left;*/
    }

        ul#menu li a {
            color: #fff;
            text-decoration: none;
            padding: 10px 10px 10px 10px;
        }

        ul#menu li a:hover, .m-activo{
            color: #0f7d27;
            text-decoration: none;
            background: url("../Content/imgs/f-orange-doble.png");
            background-size: 100% 100%;
        }
        
        ul#menu li ul {
            position: absolute;
            top: 30px;
            border-bottom: 1px double #0f7d27;
            border-right: 1px double #0f7d27;
            border-left: 1px double #0f7d27;
            background-color: #fff;
            margin-bottom:100px;
            display: none;
            padding:5px 5px 8px;
            text-transform:none;
        }
            ul#menu li ul.esquerda {
                left: 0;
            }
            ul#menu li ul.direita {
                right: 0;
            }
        ul#menu li:hover ul, ul#menu li.over ul {
            display: block;
        }
        ul#menu li ul li {
            font-size: 1em;
            font-weight:normal;
            display: block;
            min-width: 180px;
            text-align: start;
            padding-bottom:2px;
            border-bottom:1px solid #0f7d27;
        }
        /*ul#menu li ul.esquerda li {
            text-align: start;
        }
        ul#menu li ul.direita li {
            text-align: end;
        }*/
        ul#menu li ul li a {
            background: none;
            color:#333;
            text-decoration: none;
            padding:0;
        }
       
/*Menu Vertical*/
li.activo a {
   color:#0f7d27;
}
li.activo ul li a {
   color:#333;
}
li.activo ul li a:hover {
   color:#0f7d27;
}
ul.menu-vertical {
    font-size: 1em;
    margin: auto;
    text-align: center;
    padding:0;
    width:100%;
}
ul.menu-vertical li {
    position: relative;
    list-style: none;
    border-bottom:1px dashed #c8c8c8;
    padding: 6px 0 6px 0;
}
    ul.menu-vertical li a {
        text-decoration: none;
    }
    ul.menu-vertical li ul {
        display: block;
    font-size: 0.9em;
    }

        ul.menu-vertical li:hover ul {
            display: block;         
        }
        ul.menu-vertical li  {
            background: none;
            color: #555555;
            text-decoration: none;
            display: block;
        }
ul.sem-marcas {
    padding-left: 0;
    margin-top:15px;
}
    ul.sem-marcas li {
        list-style: none;
    }
.mobile {
    display: none;
}
/*Mapa Google Maps*/
.map-responsive {
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
    height: 0;
}

    .map-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }
/* page elements
----------------------------------------------------------*/
/* complementar */
        .complementar hgroup.title h1, .complementar hgroup.title h2 {
            color: #fff;
        }

        .complementar p {
            font-size: 1.1em;
        }
ul.contdo-carousel {
    list-style:none;
    margin-left:400px;
}
/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* 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;
        }


/* login page */
#loginForm {
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        list-style: none;
        margin: 0;
    }


#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#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;
}
#mapa {
    height: 300px;
    width: 100%;
}
/* 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;
        }

textarea {
    height:150px;
    max-height:200px;
}



/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 0.75em;
    width: 100%;
    padding: 0;
    /*background:url("../Content/imgs/f-orange-doble.png");
    background-size:100% 100%;*/
    background: #edece2;
    /*border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;*/ 
    box-shadow: 0 .2rem 0.3rem rgba(0,0,0,.15);
}

table.sem-cor {
        background: none;
    }
    table.cor {
        background: none;
        font-size:.9em;
    }
    table tr td ol {
        padding-left: 15px;
    }
 .middle {
            width:50%;
            float:left;
        }
        table.cor:hover {
            background: url("../Content/imgs/f-orange-doble.png");
            background-size: 100% 100%;
        }
th {
    font-size: 1em;
    border: none 0px;
    color: #fff;
    background: #1B5E20;/* url("../Content/imgs/f-green-black-s.png");*/
    background-size: 100% 100%;
    box-shadow: 0px 1px 4px 0px #a8a8a8;
    padding: 10px 15px;
    text-transform: uppercase;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 700;
        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: '▼';
    }
table li{
    padding-top:7px;
    padding-bottom:5px;
}
td {
    padding: 0.25em 1em 0.25em 1em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

tfoot tr td {
    font-size: 1.2em;
    text-align:center;
    border: none 0px;
    color:#fff;
    padding:3px;
    height:10px;
    background:url("../Content/imgs/f-gray3.png");
    background-size:100% 100%;
}
.col-1 {
    width: 100%;
    margin: 5px;
}
.col-2 {
    width: 80%;
    margin: 5px;
}
.col-3 {
    width: 50%;
}
.col-4 {
    width: 30%;
}
.col-5 {
    width: 10%;
}
.webdesigner {
    text-align:right;
    font-size: .7em;
    color:#575757;
    padding-bottom:8px;
}

/*Formlário de candidaturas*/
.formCandidatura h2{
    text-align:center;
}

.form-contacto
{
    background:#fff;
    padding:80px;
    padding-bottom:50px;
}
    .form-contacto input {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    /********************
*   Mobile Styles   *
********************/
    @media only screen and (max-width: 320px) {
        .cabecalho {
        min-height: 20px;
    }
}
@media only screen and (max-width: 480px) {
    .middle {
        width: 100%;
        float: none;
    }
}
@media screen and (max-width:600px) {
    body {
        font: 0.7em;
    }
    ul#menu {
        padding: 2px 0 2px 0;
    }

        ul#menu li {
            padding: 2px 2px 2px 2px;
            display: block;
        }

            ul#menu li a {
                padding: 2px 2px 2px 2px;
            }
    .cabecalho {
        min-height: 30px;
        padding-bottom:0px;
        padding-top:0px;
    }

    .item-noticia {
        padding-right:15px;
    }
    .mobile {
        display: block;
    }
    .onOff {
        display: none;
    }

    .img-logo {
        max-width: 30%;
    }
    .img-logo2 {
        max-width: 100%;
    }
        .nrecentes table.atalho {
            width: 30%; /*227,2px*/
        }
    .nrecentes table.atalho {
        width: 48%;
    }
table.atalho:nth-child(3n+1) {
    clear:none;
}
    table.atalho:nth-child(2n+1) {
        clear: both;
    }
    .webdesigner {
        display:none;
    }
    #slider-amex .carousel-caption span {
        display:none;
    }

    .form-contacto{
        padding:30px;
    }
}

@media only screen and (max-width: 1100px) {
    .content-wrapper {
        padding: 1px;
        width: 90%;
    }

}
@media only screen and (max-width: 800px) {

    body {
        font-size: 0.8em;
    }
    .carousel-caption {
        margin-bottom: 15px;
    } 
    #slider-amex .carousel-caption span {
        font-size: 1.3em;
        padding: 10px;
        border-width:2px;
    }
    }
@media only screen and (max-width: 960px) {

    /* header
    ----------------------------------------------------------*/
    /*header .float-left,
    header .float-right {
        float: none;
    }*/

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }
    textarea {
        max-width: 300px;
    }
    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 700;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }
    div.imgheader img {
        max-width: 150px;
    }

    /* main layout
    ----------------------------------------------------------*/

    .content-wrapper {
        width:99%;
        padding:1px;
    }
    .galeria {
        height: 300px;
    }

    

}



@media screen and (min-width:1400px) {
    .content-wrapper {
        max-width: 1220px;
    }
    /*.cabecalho {
        height: 160px;
    }*/

}

@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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 {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    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 {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -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 {
  from,
  to {
    -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 headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-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);
  }

  to {
    -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);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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);
  }

  to {
    -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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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);
  }

  to {
    -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(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-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);
  }

  to {
    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);
  }

  to {
    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);
  }

  to {
    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);
  }

  to {
    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);
  }

  to {
    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);
  }

  to {
    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);
  }

  to {
    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);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-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-animation-timing-function: ease-in;
    animation-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);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-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-animation-timing-function: ease-in;
    animation-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);
  }

  to {
    -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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-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-animation-timing-function: ease-in;
    animation-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);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-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-animation-timing-function: ease-in;
    animation-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);
  }

  to {
    -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 {
  from {
    -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;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -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;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -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;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -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;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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;
  }

  to {
    -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;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    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 {
  from {
    opacity: 1;
  }

  to {
    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 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.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.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}