/* Minification failed. Returning unminified contents. (232,16): run-time error CSS1030: Expected identifier, found ' ' (232,17): run-time error CSS1031: Expected selector, found '0' (232,17): run-time error CSS1025: Expected comma or open brace, found '0' (233,17): run-time error CSS1030: Expected identifier, found ' ' (233,18): run-time error CSS1031: Expected selector, found '300' (233,18): run-time error CSS1025: Expected comma or open brace, found '300' (234,11): run-time error CSS1030: Expected identifier, found ' ' (234,19): run-time error CSS1031: Expected selector, found '!important' (234,19): run-time error CSS1025: Expected comma or open brace, found '!important' (235,17): run-time error CSS1030: Expected identifier, found ' ' (235,18): run-time error CSS1031: Expected selector, found '1.3em' (235,18): run-time error CSS1025: Expected comma or open brace, found '1.3em' (236,1): run-time error CSS1019: Unexpected token, found '}' (236,3): run-time error CSS1031: Expected selector, found '/' (236,3): run-time error CSS1025: Expected comma or open brace, found '/' (310,1): run-time error CSS1019: Unexpected token, found '}' (1179,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1180,7): run-time error CSS1035: Expected colon, found ',' (1207,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1208,7): run-time error CSS1035: Expected colon, found ',' (1242,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1243,7): run-time error CSS1035: Expected colon, found ',' (1252,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1253,7): run-time error CSS1035: Expected colon, found ',' (1269,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1270,8): run-time error CSS1035: Expected colon, found '{' (1286,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1287,8): run-time error CSS1035: Expected colon, found '{' (1308,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1309,8): run-time error CSS1035: Expected colon, found '{' (1345,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1346,8): run-time error CSS1035: Expected colon, found '{' (1387,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1388,7): run-time error CSS1035: Expected colon, found ',' (1404,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1405,7): run-time error CSS1035: Expected colon, found ',' (1426,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1458,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1459,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1497,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1524,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1558,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1559,8): run-time error CSS1035: Expected colon, found '{' (1585,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1586,8): run-time error CSS1035: Expected colon, found '{' (1619,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1620,8): run-time error CSS1035: Expected colon, found '{' (1656,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1657,8): run-time error CSS1035: Expected colon, found '{' (1698,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1699,7): run-time error CSS1035: Expected colon, found ',' (1740,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1741,7): run-time error CSS1035: Expected colon, found ',' (1789,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1790,7): run-time error CSS1035: Expected colon, found ',' (1829,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1830,7): run-time error CSS1035: Expected colon, found ',' (1874,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1875,7): run-time error CSS1035: Expected colon, found ',' (1908,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1909,7): run-time error CSS1035: Expected colon, found ',' (1947,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1948,7): run-time error CSS1035: Expected colon, found ',' (1981,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1982,7): run-time error CSS1035: Expected colon, found ',' (2020,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2021,7): run-time error CSS1035: Expected colon, found ',' (2054,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2055,7): run-time error CSS1035: Expected colon, found ',' (2093,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2094,7): run-time error CSS1035: Expected colon, found ',' (2127,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2128,7): run-time error CSS1035: Expected colon, found ',' (2166,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2185,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2209,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2228,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2229,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2252,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2253,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2266,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2285,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2299,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2318,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2319,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2337,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2361,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2362,8): run-time error CSS1035: Expected colon, found '{' (2371,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2372,8): run-time error CSS1035: Expected colon, found '{' (2386,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2387,8): run-time error CSS1035: Expected colon, found '{' (2400,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2401,8): run-time error CSS1035: Expected colon, found '{' (2419,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2420,8): run-time error CSS1035: Expected colon, found '{' (2433,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2434,8): run-time error CSS1035: Expected colon, found '{' (2452,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2453,8): run-time error CSS1035: Expected colon, found '{' (2466,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2467,8): run-time error CSS1035: Expected colon, found '{' (2485,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2486,8): run-time error CSS1035: Expected colon, found '{' (2499,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2500,8): run-time error CSS1035: Expected colon, found '{' (2518,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2519,8): run-time error CSS1035: Expected colon, found '{' (2532,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2533,8): run-time error CSS1035: Expected colon, found '{' (2551,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2552,8): run-time error CSS1035: Expected colon, found '{' (2565,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2566,8): run-time error CSS1035: Expected colon, found '{' (2584,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2585,8): run-time error CSS1035: Expected colon, found '{' (2598,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2599,8): run-time error CSS1035: Expected colon, found '{' (2617,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2618,8): run-time error CSS1035: Expected colon, found '{' (2631,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2632,8): run-time error CSS1035: Expected colon, found '{' (2650,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2651,8): run-time error CSS1035: Expected colon, found '{' (2660,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2661,8): run-time error CSS1035: Expected colon, found '{' (2675,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2676,8): run-time error CSS1035: Expected colon, found '{' (2687,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2688,8): run-time error CSS1035: Expected colon, found '{' (2704,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2705,8): run-time error CSS1035: Expected colon, found '{' (2716,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2717,8): run-time error CSS1035: Expected colon, found '{' (2733,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2734,8): run-time error CSS1035: Expected colon, found '{' (2745,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2746,8): run-time error CSS1035: Expected colon, found '{' (2762,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2763,8): run-time error CSS1035: Expected colon, found '{' (2774,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2775,8): run-time error CSS1035: Expected colon, found '{' (2791,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2792,8): run-time error CSS1035: Expected colon, found '{' (2803,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2804,8): run-time error CSS1035: Expected colon, found '{' (2820,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2821,8): run-time error CSS1035: Expected colon, found '{' (2832,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2833,8): run-time error CSS1035: Expected colon, found '{' (2849,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2850,8): run-time error CSS1035: Expected colon, found '{' (2861,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2862,8): run-time error CSS1035: Expected colon, found '{' (2878,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2879,8): run-time error CSS1035: Expected colon, found '{' (2890,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2891,8): run-time error CSS1035: Expected colon, found '{' (2907,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2908,8): run-time error CSS1035: Expected colon, found '{' (2944,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2945,8): run-time error CSS1035: Expected colon, found '{' (2988,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2989,8): run-time error CSS1035: Expected colon, found '{' (3021,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3022,8): run-time error CSS1035: Expected colon, found '{' (3061,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3062,8): run-time error CSS1035: Expected colon, found '{' (3094,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3095,8): run-time error CSS1035: Expected colon, found '{' (3134,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3135,8): run-time error CSS1035: Expected colon, found '{' (3153,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3154,8): run-time error CSS1035: Expected colon, found '{' (3179,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3180,8): run-time error CSS1035: Expected colon, found '{' (3198,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3199,8): run-time error CSS1035: Expected colon, found '{' (3224,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3225,8): run-time error CSS1035: Expected colon, found '{' (3250,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3251,8): run-time error CSS1035: Expected colon, found '{' (3283,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3284,8): run-time error CSS1035: Expected colon, found '{' (3295,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3296,8): run-time error CSS1035: Expected colon, found '{' (3314,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3315,8): run-time error CSS1035: Expected colon, found '{' (3332,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3333,8): run-time error CSS1035: Expected colon, found '{' (3355,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3356,8): run-time error CSS1035: Expected colon, found '{' (3373,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3374,8): run-time error CSS1035: Expected colon, found '{' (3396,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3397,8): run-time error CSS1035: Expected colon, found '{' (3414,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3415,8): run-time error CSS1035: Expected colon, found '{' (3437,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3438,8): run-time error CSS1035: Expected colon, found '{' (3455,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3456,8): run-time error CSS1035: Expected colon, found '{' (3478,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3479,8): run-time error CSS1035: Expected colon, found '{' (3496,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3497,8): run-time error CSS1035: Expected colon, found '{' (3519,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3520,8): run-time error CSS1035: Expected colon, found '{' (3535,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3536,8): run-time error CSS1035: Expected colon, found '{' (3556,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3557,8): run-time error CSS1035: Expected colon, found '{' (3572,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3573,8): run-time error CSS1035: Expected colon, found '{' (3593,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3594,8): run-time error CSS1035: Expected colon, found '{' (3609,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3610,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 '{' (3646,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3647,8): run-time error CSS1035: Expected colon, found '{' (3667,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3668,8): run-time error CSS1035: Expected colon, found '{' (3683,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3684,8): run-time error CSS1035: Expected colon, found '{' (3704,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3705,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3738,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3779,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3780,8): run-time error CSS1035: Expected colon, found '{' (3793,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3794,8): run-time error CSS1035: Expected colon, found '{' (3814,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3815,8): run-time error CSS1035: Expected colon, found '{' (3826,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3827,8): run-time error CSS1035: Expected colon, found '{' (3843,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3844,8): run-time error CSS1035: Expected colon, found '{' (3855,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3856,8): run-time error CSS1035: Expected colon, found '{' (3872,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3873,8): run-time error CSS1035: Expected colon, found '{' (3890,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3891,8): run-time error CSS1035: Expected colon, found '{' (3913,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3914,8): run-time error CSS1035: Expected colon, found '{' (3931,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3932,8): run-time error CSS1035: Expected colon, found '{' (3954,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3955,8): run-time error CSS1035: Expected colon, found '{' (3972,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3973,8): run-time error CSS1035: Expected colon, found '{' (3995,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3996,8): run-time error CSS1035: Expected colon, found '{' (4013,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4014,8): run-time error CSS1035: Expected colon, found '{' (4036,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4037,8): run-time error CSS1035: Expected colon, found '{' (4052,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4053,8): run-time error CSS1035: Expected colon, found '{' (4073,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4093,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4118,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4134,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4155,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4171,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4192,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4193,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4212,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4237,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4238,8): run-time error CSS1035: Expected colon, found '{' (4250,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4251,8): run-time error CSS1035: Expected colon, found '{' (4268,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4269,8): run-time error CSS1035: Expected colon, found '{' (4281,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4282,8): run-time error CSS1035: Expected colon, found '{' (4299,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4300,8): run-time error CSS1035: Expected colon, found '{' (4312,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4313,8): run-time error CSS1035: Expected colon, found '{' (4330,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4331,8): run-time error CSS1035: Expected colon, found '{' (4343,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4344,8): run-time error CSS1035: Expected colon, found '{' (4361,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4362,8): run-time error CSS1035: Expected colon, found '{' (4374,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4375,8): run-time error CSS1035: Expected colon, found '{' (4392,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4393,8): run-time error CSS1035: Expected colon, found '{' (4405,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4406,8): run-time error CSS1035: Expected colon, found '{' (4423,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4424,8): run-time error CSS1035: Expected colon, found '{' (4436,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4437,8): run-time error CSS1035: Expected colon, found '{' (4454,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4455,8): run-time error CSS1035: Expected colon, found '{' (4467,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4468,8): run-time error CSS1035: Expected colon, found '{' (4584,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4585,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4594,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4595,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ body { /*padding-top: 50px;*/ /*padding-bottom: 20px;*/ /*background-color:#FFF!important;*/ /*background-color:#edf4ff;*/ /*font-family: "Work Sans", Helvetica, Arial, sans-serif!important;*/ } .carousel-control span { font-size: 30px; color: white; line-height: 40px; margin-top:400px; } /* Set padding to keep content from hitting the edges */ /*.body-content { padding-left: 15px; padding-right: 15px; }*/ /* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */ .dl-horizontal dt { white-space: normal; } /* Set width on the form input elements since they're 100% wide by default */ input, select, textarea { /*max-width: 280px;*/ } /*footer{ margin-top:20px; width:100%; border-top:1px solid #444; background-color:#555; color:#fff; padding: 20px 0 15px; }*/ /*html, body { height: 100%; }*/ /* Wrapper for page content to push down footer */ #wrap { min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by it's height */ margin: 0 auto -102px; } #push, #footer { height: 150px; } .dropdown-large { position: static !important; /*margin-top:5px;*/ } .dropdown-menu-large { margin-left: 16px; margin-right: 16px; padding: 20px 0px; } .dropdown-menu-large > li > ul { padding: 0; margin: 0; } .dropdown-menu-large > li > ul > li { list-style: none; } .dropdown-menu-large > li > ul > li > a { display: block; padding: 1px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #555; white-space: normal; } .dropdown-menu-large > li > ul > li > ul > li a { display: block; /*padding: 3px 20px;*/ clear: both; font-weight: normal; line-height: 1.428571429; color: #555; white-space: normal; list-style:none; text-decoration: none; } .dropdown-menu-large > li ul > li > a:hover, .dropdown-menu-large > li ul > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu-large .disabled > a, .dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus { color: #999999; } .dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .dropdown-menu-large .dropdown-header { color: #39b3d7; font-size: 18px; } @media (max-width: 768px) { .dropdown-menu-large { margin-left: 0 ; margin-right: 0 ; } .dropdown-menu-large > li { margin-bottom: 30px; } .dropdown-menu-large > li:last-child { margin-bottom: 0; } .dropdown-menu-large .dropdown-header { padding: 3px 15px !important; } } .yellow{ color:#f2bc26; } .hotel-item { margin-bottom:4px; box-shadow: 0 1px 4px rgba(41,51,57,.25); background-color: #FFF; } .hotel-item-image{ padding: 15px 15px 15px 15px; } .hotel-item-data{ padding-bottom: 15px; } .box{ box-shadow: 0 1px 4px rgba(41,51,57,.25); padding:10px; } .white{ background-color: #FFF; } .navbar-wrapper { position:absolute; top: 0; left: 0; right: 0; z-index: 10; margin-top: 23px; margin-bottom: -10px; } /*h4{ color:#39b3d7!important; }*/ .carousel,.item,.active{height:100%;} .carousel-inner {height:100%; border-bottom:4px solid #333; } .fill{width:100%;height:100%;background-position:center;background-size:cover;} /* faster sliding speed */ .carousel-inner > .item { -webkit-transition: 0.3s ease-in-out left; -moz-transition: 0.3s ease-in-out left; -o-transition: 0.3s ease-in-out left; transition: 0.3s ease-in-out left; } /* keep full widget on smaller screens */ @media (max-width: 767px) { body { padding-left: 0; padding-right: 0; } } /*h2{ font-family: 'Montserrat','Roboto', arial, helvetica, sans-serif!important; /*font-family: "Work Sans", Helvetica, Arial, sans-serif;*/ margin-top: 0!important; font-weight: 300!important; color: #565656!important; line-height: 1.3em!important; }*/ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; color:#39b3d7!important; } nav.navbar-findcond { border:none!important; background: #fff; /*border-color: #fff;*/ box-shadow: 0 0 2px 0 #ccc; } nav.navbar-findcond a { color: #565a5c; } nav.navbar-findcond ul.navbar-nav a { color: #565a5c; border-style: solid; border-width: 0 0 2px 0; border-color: #fff; font-weight:bold; } nav.navbar-findcond ul.navbar-nav a:hover, nav.navbar-findcond ul.navbar-nav a:visited, nav.navbar-findcond ul.navbar-nav a:focus, nav.navbar-findcond ul.navbar-nav a:active { background: #fff; } nav.navbar-findcond ul.navbar-nav a:hover { border-color: #f14444;color: #f14444; } nav.navbar-findcond li.divider { background: #ccc; } nav.navbar-findcond button.navbar-toggle { background: #f14444; border-radius: 2px; } nav.navbar-findcond button.navbar-toggle:hover { background: #999; } nav.navbar-findcond button.navbar-toggle > span.icon-bar { background: #fff; } nav.navbar-findcond ul.dropdown-menu { border: 0; background: #fff; border-radius: 4px; margin: 4px 0; box-shadow: 0 0 4px 0 #ccc; } nav.navbar-findcond ul.dropdown-menu > li > a { color: #444; } nav.navbar-findcond ul.dropdown-menu > li > a:hover { background: #f14444; color: #fff; } nav.navbar-findcond span.badge { background: #f14444; font-weight: normal; font-size: 11px; margin: 0 4px; } nav.navbar-findcond span.badge.new { background: rgba(255, 0, 0, 0.8); color: #fff; } .footer{ background-color:#565656!important; /*position: relative; margin-top: -150px; height: 150px; clear:both; padding-top:20px;*/ } /*.footer H4{ color:#FFF!important; }*/ .footer a{ color:#FFF!important; } .footer a:hover{ text-decoration:none; } /*html,body { height:100%; } #wrap { min-height: 100%; } #main { overflow:auto; padding-bottom:150px; /* this needs to be bigger than footer height*/ } .footer { position: relative; margin-top: -150px; /* negative value of footer height */ height: 150px; clear:both; padding-top:20px; color:#fff; } .nav.nav-center { display: inline-block; left: 0; right: 0; margin:0; float:none; } .navbar-inner{ text-align:center; } .carouselImg { width: 100%; min-height: 470px; /*max-height: 470px;*/ } html, body { } /* Wrapper for page content to push down footer */ /*#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -150px; } #push, #footer { height: 150px; } #footer { background-color: #f5f5f5; }*/ .carousel-title{ margin-bottom:25px; text-align:center; } .carousel-title H1{ font-size: 2.6em; margin: 0 auto; padding: 0; text-align: center; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); display: table; } .carousel-title p{ /*background-color:rgba(41,51,57,.4);*/ text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); padding:5px; font-size:17px; /*border-bottom: 2px solid white;*/ } /* styles for '...' */ .block-with-text { /* hide text if it more than N lines */ overflow: hidden; /* for set '...' in absolute position */ position: relative; /* use this value to count block height */ line-height: 1.2em; /* max-height = line-height (1.2) * lines max number (3) */ min-height:3.6em; max-height: 3.6em; /* fix problem when last visible word doesn't adjoin right side */ text-align: justify; /* place for '...' */ margin-right: -1em; padding-right: 1em; margin-right:5px; } /* create the ... */ .block-with-text:before { /* points in the end */ content: '...'; /* absolute position */ position: absolute; /* set position to right bottom corner of block */ right: 0; bottom: 0; } /* hide ... if we have text, which is less than or equal to max lines */ .block-with-text:after { /* points in the end */ content: ''; /* absolute position */ position: absolute; /* set position to right bottom corner of text */ right: 0; /* set width and height */ width: 1em; height: 1em; margin-top: 0.2em; /* bg color = bg color under block */ background: white; } .destino{ height:350px; background-size:cover; background-position:0px -40px; background-repeat:no-repeat; } .destino-sombreado{ position: absolute; left: 0; bottom: 0; z-index: 999; padding: 18px 0 10px; color: #fff; font-size: 13px; background: url(../Images/sombra.png) bottom left repeat-x; width: 100%; } #position { background-color: #333; padding: 4px 0; font-size: 11px; } .marginBottom-0 {margin-bottom:0;} .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid; border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-0px;} .dropdown-submenu:hover>a:after{border-left-color:#555;} .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu {left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} .ellipsis { overflow: hidden; /* white-space: nowrap; */ text-overflow: ellipsis; height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis2 { overflow: hidden; /* white-space: nowrap; */ text-overflow: ellipsis; height: 2em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:0.8em; } .main-footer { position: relative; } .main-footer ul{ list-style: none; } .main-footer .widgets-section { position: relative; padding: 100px 0px 40px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .auto-container { position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto; } .main-footer .footer-column { position: relative; margin-bottom: 40px; } .main-footer .footer-column .footer-widget { position: relative; } .main-footer .footer-column .footer-widget h2 { position: relative; font-size: 26px; color: #ffffff!important; font-weight: 400; line-height: 1.2em; margin-bottom: 10px; } .main-footer .contact-widget .text { position: relative; font-size: 14px; line-height: 1.8em; color: #ffffff; margin-bottom: 15px; } .list-style-one { position: relative; list-style: none; padding: 0px; margin: 0px; } .list-style-one li { position: relative; padding-left: 25px; font-size: 14px; font-weight: 400; margin-bottom: 8px; color: #FFFFFF; } .list-style-one li .icon { position: absolute; left: 0px; top: 5px; color: #ffffff; font-size: 14px; line-height: 1em; } .social-icon-one { position: relative; } .social-icon-one li { position: relative; margin-right: 8px; display: inline-block; } .social-icon-one li a { position: relative; color: #ffffff; font-size: 14px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } a:hover, a:focus, a:visited { text-decoration: none; outline: none; } .main-footer .links-widget .list li { position: relative; margin-bottom: 6px; } .main-footer .links-widget .list li a { position: relative; display: block; line-height: 24px; font-size: 14px; font-weight: 400; color: #ffffff; padding: 4px 0px 4px 20px; text-transform: capitalize; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .main-footer .widgets-section:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; } .main-footer .footer-bottom { position: relative; padding: 10px 0px; background-color: #232b38; border-top: 1px solid rgba(255,255,255,0.20); } .main-footer .footer-bottom .copyright { position: relative; color: #ffffff; font-size: 14px; } .main-footer .footer-bottom .designed { position: relative; color: #ffffff; font-size: 14px; text-align: right; } .box-contact { padding: 20px; } .input-validation-error{ border-color:red!important; } .card-profile { /*float: left; position: absolute;*/ /*top: 50%; left: 50%;*/ /*-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ width: 100%; height: 420px; background: #fff; border-radius: 10px; z-index: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .card-profile:after { content: ''; display: block; position: absolute; width: 100%; height: 100px; bottom: 0; margin-bottom:16px; -webkit-transform: scaleX(0.7) scaleY(1.3) translateY(-15%); transform: scaleX(0.7) scaleY(1.3) translateY(-15%); z-index: -1; opacity: 0.25; } .card-profile_visual { height: 60%; overflow: hidden; position: relative; background: -webkit-linear-gradient(top, #3b3c3f, #263d85, #172551); background: linear-gradient(to bottom, #3b3c3f, #263d85, #172551); border-top-left-radius: 10px; border-top-right-radius: 10px; } .card-profile_visual:before, .card-profile_visual:after { display: block; content: ''; width: 100%; height: 100%; position: absolute; z-index: 0; opacity: 0.5; mix-blend-mode: lighten; } .card-profile_visual:before { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .card-profile_visual:after { z-index: 2; mix-blend-mode: lighten; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAElBMVEUAAABUUlRERkRMSkxMTkxEQkT490VOAAAAAXRSTlMAQObYZgAAAoxJREFUOI0dlImR5DAIRRXDbgaAEwCcAOAEZE/+qczTdFf1JQH/otd4SJWWf5+m7GjR28Z0TZW38pLjj1aWJl9eWaGfaCq/y4y012hPhqySnnbXe7Q6ulK6nZeV5bpjhyo9xLj7apvFSk3zSXEmtEZmNngYbhWhkmKne7XalnDrYcZMNwMlwuQuj/ezS2dJmpjEFwLe7T7zWE0zo22icr4dNZnfOLUp72rNcA8vcx3Y8r3MZpYOPSAC6mfSGRQBD1sZyFPd9b0mohN70CQTSa6+Ik15RifUaCjWq6zp2/9T697e5VsRKGUl4I4WnWpOxVAI7FoMEsrp2gLUCgH9J84B8o1Sgrb+0auEdrpocIQzU94mHBmMuliIlFemt0s8w3mUe0ssLnaecjllDunTW20d33ZxkUOoSIJbrWxZiHjdhV190e5AzjwONn4ASvTCC5CcKfywuFMBe1QpYjG0x38nJYAcR26k54o8YiXqeC7Hcth54lfwSPlHOBfOE9F0rGguJsr1V+GroafdEC+3qK2HX8Qsf0lWEwX0J29Pkh2lmFB33wKZBB8Rlhpj5AVBd6mTMYBC4cZzKNb6SygJJ3dnNIqkHnuwVgvaoCFcomyI6c+QEvxq0tKEiQCe9QoS18kaKFMl7wqEqJ2A6XkQMejE1dEcu7G/g1JRmHMOkjGIvqXHErayVgdJIIJsGBw1LzaijlFdExOIInKEOZ/oReBCsDlepSPBvRCAj/n10gfjFIml8rVSUDz2ISKeDxmFuviLVSzJOCqxtXToeJpNJr9Pnij+LQ4A/cgXDyuATWyPkrJ1En1cvPk3sB8VfMLIvwO5CKu+uC1OFNLvvoe0h97ieKNjsUkc/zQ6V/0CAoboTZwdKY4AAAAASUVORK5CYII=);*/ opacity: 1; } .card-profile_user-infos { position: absolute; z-index: 3; left: 0; right: 0; margin: auto; top: calc(60% - 100px); color: #fff; text-align: center; } .card-profile_user-infos a { width: 64px; height: 64px; position: absolute; left: 0; right: 0; margin: auto; background-color: #00a97f; /*ffc107*/ display: block; clear: both; margin: auto; border-radius: 100%; top: calc(500% + 66px); /*box-shadow: 0 2px 0 #D42D78, 0 3px 10px rgba(243, 49, 128, 0.15), 0 0px 10px rgba(243, 49, 128, 0.15), 0 0px 4px rgba(0, 0, 0, 0.35), 0 5px 20px rgba(243, 49, 128, 0.25), 0 15px 40px rgba(243, 49, 128, 0.75), inset 0 0 15px rgba(255, 255, 255, 0.05);*/ overflow: hidden; } .card-profile_user-infos a:after { content: ''; font-style: normal; position: absolute; width: 100%; height: 100%; display: block; background-image: url("../Images/if_icon-111-search_314478.svg"); color: #FFF; background-repeat: no-repeat; background-size: 60%; background-position: center center; left: 0; top: 0; } .card-profile_user-infos .infos_name, .card-profile_user-infos .infos_nick { display: block; clear: both; padding: .5em 0; padding-top: 0; position: absolute; width: 100%; text-align: center; font-size: 18px; top: 8px; font-weight: 800; } .card-profile_user-infos .infos_nick { top: 32px; font-size: 14px; font-weight: 300; } .card-profile_user-stats { background: #fff; float: left; width: 100%; height: calc(100% - 60% + 2px); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .card-profile_user-stats .stats-holder { position: absolute; width: 100%; top: calc( 70% + 4em ); display: -webkit-box; display: -ms-flexbox; display: flex; } .card-profile_user-stats .user-stats { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .card-profile_user-stats .user-stats strong { display: block; float: left; clear: both; width: 100%; color: #B3B1B2; font-size: 14px; font-weight: 500; letter-spacing: -0.2px; } .card-profile_user-stats .user-stats span { font-size: 26px; color: #5E5E5E; padding: .18em 0; display: inline-block; } .ver-contenido{ } .video-background { position: fixed; top: 0; left: 0; /*min-width: 100%; min-height: 100%;*/ width: 100%; z-index: -1; object-fit: cover; padding:1000px; } /* Navbar transparente */ .navbar-transparent { background-color: transparent !important; } /* Texto blanco en el navbar */ /*.navbar a, .navbar-brand { color: white !important; }*/ .hly-hero__title em::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; width: 100%; background: rgba(0,0,0,0); height: 20px; border: solid 5px #40986b; border-top-color: rgb(64, 152, 107); border-right-color: rgb(64, 152, 107); border-bottom-color: rgb(64, 152, 107); border-left-color: rgb(64, 152, 107); border-top-color: #40986b; border-right-color: #40986b; border-bottom-color: #40986b; border-left-color: #40986b; border-color: #40986b rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0); border-radius: 50%/20px 20px 0 0; } .btn-mt{ position:relative; color:#ffffff; font-size:16px; padding:7px 30px; display:inline-block; background-color:#0c9ec7!important; text-transform:uppercase; font-family: 'Montserrat', sans-serif; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .btn-mt:hover{ background-color:#232b38; } .contenedor{ padding:5px; margin:20px 0px 30px 0px; } .background-white{ background-color:#fff; } /*.border-grey{ border-top:1px solid #eee; border-bottom:1px solid #eee; }*/ .home-box{ padding:34px 0px 34px 0px; } .home-box H2{ margin-bottom:10px; } .home-box HR{ margin-bottom:30px; } .paquetes-box{ border:1px solid #a10b0b; } /*.paquetes-box :hover{ border:1px solid #777; }*/ .paquetes-boddy{ } .paquetes-boddy img{ width:100%; height:252px; } .paquetes-boddy .row .col-md-4{ padding:0px!important; margin:0px!important; } .paquetes-footer{ padding:10px; } .paquetes-footer p{ color:#fff; margin-bottom:0px; font-size:20px; } .europa-color{ background-color:#a10b0b; } .link{ text-decoration:none!important; text-transform:none!important; } .box-hover:hover{ border:1px solid #999; } .experiencia-card{ border:1px solid #ccc; } .experiencia-card-data{ padding:8px; min-height:200px; } .experiencia-card-data H3{ text-align:center; color:#fff!important; } .experiencia-card-footer p{ margin-top:10px; font-size:12px; } .experiencia-card-footer{ /*height:20px;*/ padding:8px; text-align:center; } .card{ border:1px solid #ddd; background-color:#FFF; margin-bottom:10px; transition: all .2s linear; } .shadow{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); } .card:hover{ border-color:#565656 ; transition: all .2s linear; } .card-data{ padding:12px; } .card-data H4{ font-weight: 300; font-size: 2.0rem; color:#565656!important; } .card-data p{ color:#515151; font-size:14px; } .card-header{ background-color:#d1d1d1; color:#fff; padding:5px; } /*.nav-tabs { border-bottom: 2px solid #DDD; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; color:#39b3d7; } .nav-tabs > li > a { border: none; color: #666; } .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #39b3d7 !important; background: transparent; } .nav-tabs > li > a::after { content: ""; background: #39b3d7; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); } .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); } .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; } .tab-pane { padding: 15px 0; } .tab-content{padding:20px}*/ .cardtabs { margin-bottom: 30px; } /*body{ background: #EDECEC; padding:50px}*/ .isloading { background: #e9e9e9; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; z-index:100; } .isloading img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); } .texto{ color:#565656; font-size:13px; } .justify{ text-align: justify; } .page-header { position: relative; padding: 0px 15px 0 15px; } .page-header>.breadcrumb { float: right; background: transparent; margin-top: 0; margin-bottom: 0; /*font-size: 12px;*/ padding: 7px 5px; position: absolute; top: 50px; right: 10px; border-radius: 2px; } .shadow-flyer{ background-color:#FFF; /*box-shadow: 0 0px 1px 0 rgba(0,0,0,.16),0 0px 10px 0 rgba(0,0,0,.12);*/ border-bottom: 1px solid rgba(0,0,0,.16); } .btn-consultar { } .ellipsis { overflow: hidden; /*white-space: nowrap;*/ text-overflow: ellipsis; height: 6em; /* exactly three lines /*text-overflow: -o-ellipsis-lastline;*/ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .subrayado { position: relative; display: inline-block; padding-bottom: 0.2em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 8 C 20 10, 80 0, 100 8' stroke='%2300a97f' stroke-width='2' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100% 0.3em; background-position: 0 100%; color:#FFF; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .revealOnScroll { opacity: 0; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; 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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .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(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 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(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 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: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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: none; transform: none; } 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 bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } .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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -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: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 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-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge; } /* 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: none; transform: none; } } @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: none; transform: none; } } .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(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 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; } /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.4.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .intro-superior { /*background-color:rgba(0,0,0,0.5);*/ margin-top: -70px; } .intros { /*background-color:rgba(0,0,0,0.5);*/ min-height:275px; box-shadow: 4px 4px 10px #888888; display: block; height: auto; margin: 0px; padding: 0; width: 100%; } /* Menu */ .active-menu{ color:#0c9ec7!important; } .navbar-default-light { /*background-color:#fff!important;*/ background-color:#edf4ff; /*border-bottom:1px solid rgba(0,0,0,.0975);;*/ color:#000; } .navbar-default-light .navbar-brand:hover, .navbar-default-light .navbar-brand:focus { color: #333; background-color: transparent; } .navbar-default-light .navbar-text { color: #777; } .navbar-default-light .navbar-nav > li > a { color: #002F4D; font-weight:600; font-size:15px; line-height: 28px; /*text-transform:uppercase;*/ } .navbar-default-light .navbar-nav > .active > a, .navbar-default-light .navbar-nav > .active > a:hover, .navbar-default-light .navbar-nav > .active > a:focus { color: #555; } .navbar-default-light .navbar-nav > .disabled > a, .navbar-default-light .navbar-nav > .disabled > a:hover, .navbar-default-light .navbar-nav > .disabled > a:focus { color: #000; background-color: transparent; } .navbar-default-light .navbar-toggle { /*border-color: #666;*/ font-size:1.1em; } .navbar-default-light .navbar-toggle:hover, .navbar-default-light .navbar-toggle:focus { /*background-color: #ddd;*/ } .navbar-default-light .navbar-toggle .icon-bar { background-color:#555; } .navbar-default-light .navbar-collapse, .navbar-default-light .navbar-form { border-color: #e7e7e7; } .navbar-default-light .navbar-nav > .open > a, .navbar-default-light .navbar-nav > .open > a:hover, .navbar-default-light .navbar-nav > .open > a:focus { color: #555; } @media (max-width: 767px) { .navbar-default-light .navbar-nav .open .dropdown-menu > li > a { color: #333; } .navbar-default-light .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default-light .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default-light .navbar-nav .open .dropdown-menu > .active > a, .navbar-default-light .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default-light .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; } .navbar-default-light .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default-light .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default-light .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default-light .navbar-link { color: #777; } .navbar-default-light .navbar-link:hover { color: #333; } .navbar-default-light .btn-link { color: #777; } .navbar-default-light .btn-link:hover, .navbar-default-light .btn-link:focus { color: #333; } .navbar-default-light .btn-link[disabled]:hover, fieldset[disabled] .navbar-default-light .btn-link:hover, .navbar-default-light .btn-link[disabled]:focus, fieldset[disabled] .navbar-default-light .btn-link:focus { color: #ccc; } /* FIN MENU */ .navbar-right ul { position: absolute; display: none; z-index: 1; height: auto; left: 3px; top: 100%; margin: 0; padding: 0; background: #fff; min-width: 210px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .separador-line{ padding-bottom: 45px; border-bottom: 1px solid #e2e2e2; position: relative; padding-bottom: 10px; margin-bottom:30px; } .separador-line:before { height: 8px; width: 170px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); content: ''; position: absolute; left: 50%; bottom: 0; width: 120px; height: 4px; background: #e2e2e2; } #searchContainer{ padding:8px 30px 8px 15px; height:48px; background-color:#FFF; display:none; } #searchContainer input{ max-width:320px; } /*========================= Icons ================= */ /* footer social icons */ ul.social-network { list-style: none; display: inline; margin-left:0 !important; padding: 0; } ul.social-network li { display: inline; margin: 0 5px; } /* footer social icons */ .social-network a.icoRss:hover { background-color: #F56505; -webkit-transition: all 0.4s; } .social-network a.icoFacebook:hover { background-color:#3B5998; -webkit-transition: all 0.4s; } .social-network a.icoTwitter:hover { background-color:#33ccff; -webkit-transition: all 0.4s; } .social-network a.icoGoogle:hover { background-color:#BD3518; -webkit-transition: all 0.4s; } .social-network a.icoVimeo:hover { background-color:#0590B8; } .social-network a.icoLinkedin:hover { background-color:#007bb7; } .social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i { color:#fff; } a.socialIcon:hover, .socialHoverClass { color:#44BCDD; } .social-circle li a { display:inline-block; position:relative; margin:0 auto 0 auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 50px; height: 50px; font-size:20px; } .social-circle li i { margin:0; line-height:50px; text-align: center; } .social-circle li a:hover i, .triggeredHover { /*-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg);*/ -webkit-transition: all 0.4s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .social-circle i { color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; } a { /*background-color: #D3D3D3;*/ } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ position:relative; left:0px; top:0px; z-index:999; width:100%; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } /*Sticky Header*/ .sticky-header{ position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; padding:0px 0px; z-index:0; border-bottom:1px solid #d9d9d9; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sticky-header .logo{ padding:5px 0px 2px; } .fixed-header .sticky-header{ z-index:999; opacity:1; visibility:visible; background-color:#ffffff; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .main-header .header-upper{ position:relative; z-index:5; background-color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-header .header-upper .logo img{ position:relative; display:inline-block; max-width:100%; } .main-header .logo-outer{ position:relative; z-index:25; padding:30px 0px; } .main-header .logo-outer .logo img{ position:relative; display:inline-block; max-width:100%; } .main-header .header-upper .upper-right{ position:relative; padding-top:44px; } .main-header .info-box{ position:relative; float:left; min-height:56px; margin-left:35px; font-size:13px; color:#777777; text-transform:uppercase; padding:0px 0px 20px 65px; } .main-header .info-box:last-child{ padding-left:0px; } .main-header .info-box .icon-box{ position:absolute; left:0px; top:0px; width:50px; height:50px; color:#eebf00; font-size:24px; text-align:center; line-height:46px; border-radius:50%; border:2px solid #ebebeb; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-header .info-box li{ position:relative; line-height:20px; color:#9f9f9f; font-size:17px; margin-bottom:6px; font-weight:400; text-transform:capitalize; font-family: 'Montserrat', sans-serif; } .main-header .info-box strong{ font-weight:600; color:#151515; font-size:18px; font-family: 'Montserrat', sans-serif; } .main-header .header-lower{ position:relative; top:0px; width:100%; z-index:5; } .main-menu{ position:relative; } .main-menu .navbar-collapse{ padding:0px; } .main-menu .navigation{ position:relative; margin:0px; } .main-menu .navigation > li{ position:relative; float:left; border-right:1px solid rgba(232,232,232,0.05); } .main-menu .navigation > li:last-child{ margin-right:0px; } .main-header .sticky-header .main-menu .navigation > li{ margin:0px; border:0px; } .main-menu .navigation > li > a{ position:relative; display:block; font-size:14px; color:#232b38; line-height:30px; font-weight:400; opacity:1; padding:0px 10px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; text-transform:uppercase; font-family: 'Montserrat', sans-serif; } .main-header .sticky-header .main-menu .navigation > li > a{ color:#181818; padding:15px 15px; line-height:30px; font-size:16px; font-weight:400; min-height:0px; background:none; border:0px; margin-right:0px; } .sticky-header .main-menu .navigation > li > a:before{ display:none; } .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a{ opacity:1; } .main-header .sticky-header .main-menu .navigation > li:hover > a, .main-header .sticky-header .main-menu .navigation > li.current > a, .main-header .sticky-header .main-menu .navigation > li.current-menu-item > a{ background:#eebf00; color:#ffffff; opacity:1; } .main-menu .navigation > li:hover > a:after{ opacity:1; } .main-menu .navigation > li > ul{ position:absolute; left:0px; top:130%; width:240px; padding:0px 0px; z-index:100; display:none; background:#ffffff; border-top:3px solid #eebf00; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.10); } .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:10px 20px; line-height:22px; font-weight:400; font-size:14px; color:#222222; text-align:left; text-transform:uppercase; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:hover > a{ color:#ffffff; background:#eebf00; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:15px; top:13px; width:10px; height:20px; display:block; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:20px; width:240px; padding:0px; z-index:100; display:none; background:#ffffff; border-top:3px solid #eebf00; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.10); } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; padding:10px 15px; line-height:22px; font-weight:400; font-size:14px; text-transform:uppercase; color:#222222; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li > a:hover{ color:#ffffff; background:#eebf00; } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:0px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; right:10px; top:8px; width:34px; height:30px; border:1px solid #ffffff; text-align:center; font-size:16px; line-height:26px; color:#ffffff; cursor:pointer; z-index:5; display:none; } /*Header Type One*/ .main-header{ position:relative; left:0px; top:0px; background-color:inherit; } .main-header .logo-outer{ padding:20px 0px; } .main-header .nav-outer{ position:relative; float:right; } .main-header .main-menu .navigation > li{ padding:41px 0px 41px; margin-left:15px; margin-right:0px; border:0px; } .main-header .main-menu .navigation > li.current > a, .main-header .main-menu .navigation > li:hover > a{ color:#eebf00; background:none; } .main-header .sticky-header .main-menu .navigation > li{ padding:0px; } .main-header .header-upper .upload-icon{ position:absolute; right:20px; bottom:-20px; } .main-header .header-upper .upload-icon a{ width:62px; height:62px; color:#ffffff; font-size:24px; line-height:56px; text-align:center; border-radius:50%; display:inline-block; background-color:#eebf00; -webkit-box-shadow: 0px 3px 16px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 3px 16px 0px rgba(204,204,204,1); box-shadow: 0px 3px 16px 0px rgba(204,204,204,1); } .main-header .header-top{ position:relative; } .main-header .header-top .header-top-inner{ position:relative; padding:0px 40px; background-color:#232b38; } .main-header .header-top .header-top-inner:before{ position:absolute; content:''; left:0px; top:0px; border-top: 25px solid transparent; border-left: 25px solid #edf4ff; border-bottom: 26px solid transparent; } .main-header .header-top .header-top-inner:after{ position:absolute; content:''; right:0px; top:0px; border-top: 25px solid transparent; border-right: 25px solid #edf4ff; border-bottom: 26px solid transparent; } .main-header .header-top .top-left{ position:relative; display:inline-block; } .main-header .header-top .top-left ul li{ position:relative; margin-right:25px; font-size:12px; color:#ffffff; padding:11px 0px; font-weight:400; display:inline-block; text-transform:uppercase; font-family: 'Montserrat', sans-serif; } .main-header .header-top .top-left ul li .icon{ margin-right:10px; color:#ffffff; } .main-header .header-top .top-left ul li a{ font-size:15px; font-weight:400; color:rgba(255,255,255,0.70); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .main-header .header-top .top-right{ position:relative; float:right; } .main-header .header-top .top-right ul{ position:relative; } .main-header .header-top .top-right ul li{ position:relative; margin-left:20px; padding:10px 0px; display:inline-block; } .main-header .header-top .top-right ul li a{ color:#ffffff; font-size:12px; text-transform:uppercase; transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; } .main-header .header-top .top-right ul li a:hover{ color:#eebf00; } .main-header .header-top li.language{ margin-bottom:0px; padding:0px !important; margin-right:5px !important; } .main-header .header-top li.language a .icon{ margin-left: 5px; margin-right: 0px; } .main-header .header-top .language .dropdown-menu{ padding:0px; margin-top:12px; background-color:#222222; border-top:3px solid #eebf00; } .main-header .header-top li.language a{ border:0px; font-size:13px !important; padding:4px 10px; color:#ffffff !important; background:none; } .main-header .header-top .language .dropdown-menu > li{ padding:0px; margin:0px; float:none; display:block; border-bottom: 1px solid rgba(255,255,255,0.20); } .main-header .header-top .language .dropdown-menu > li > a{ padding:10px 20px; } .main-header .header-top .language .dropdown-menu > li > a:hover{ background-color:#eebf00; } .header-style-two{ position:absolute; left:0px; top:0px; } .header-style-two .header-top .header-top-inner{ background:none; padding:0px; } .header-style-two .header-top .header-top-inner:before, .header-style-two .header-top .header-top-inner:after{ display:none; } .header-style-two .header-upper{ background-color:rgba(255,255,255,0.20); } .header-style-two .main-menu .navigation > li > a{ color:#ffffff; } .header-style-two .nav-outer{ padding-right:250px; } .header-style-two .nav-outer .outer-box{ position:absolute; right:0px; top:50%; margin-top:-25px; } /*Social Icon One*/ .social-icon-one{ position:relative; } .social-icon-one li{ position:relative; margin-right:8px; display:inline-block; } .social-icon-one li a{ position:relative; color:#ffffff; font-size:14px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-one li a:hover{ color:#eebf00; } /*Social Icon Two*/ .social-icon-two{ position:relative; } .social-icon-two li{ position:relative; margin-right:8px; display:inline-block; } .social-icon-two li a{ position:relative; color:#232b38; font-size:14px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-two li a:hover{ color:#eebf00; } /*** /* ==================================================================== Services Section* ====================================================================*/ .services-section{ position:relative; padding:100px 0px 110px; } .services-block{ position:relative; margin-bottom:40px; } .services-block .inner-box{ position:relative; overflow:hidden; } .services-block .inner-box .image{ position:relative; overflow:hidden; } .services-block .inner-box .image img{ position:relative; width:100%; display:block; transition:all 0.6s ease; -moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease; } .services-block .inner-box .lower-box{ position:relative; padding-top:24px; } .services-block .inner-box .lower-box h3{ position:relative; font-size:26px; font-weight:400; } .services-block .inner-box .lower-box h3 a{ color:#0c9ec7!important; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .services-block .inner-box .lower-box h3 a:hover{ color:#232b38; } .services-block .inner-box .lower-box .text{ position:relative; color:#232b38; font-size:14px; line-height:1.8em; margin-bottom:20px; } .services-block .inner-box .lower-box .read-more{ position:relative; color:#ffffff; font-size:16px; padding:7px 30px; display:inline-block; background-color:#0c9ec7!important; text-transform:uppercase; font-family: 'Montserrat', sans-serif; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .services-block .inner-box .lower-box .read-more:hover{ background-color:#232b38; } .services-block .inner-box:hover .image img{ -ms-transform: rotate(10deg) scale(1.25,1.25); -webkit-transform: rotate(10deg) scale(1.25,1.25); transform: rotate(10deg) scale(1.25,1.25); } /* ============================================= Tour Destination Style ============================================= */ .tg-toursdestinations { clear: both; margin: -5px; overflow: hidden; } .tg-tourdestination { width: 57.8%; float: left; padding: 5px; } .tg-tourdestination + .tg-tourdestination { width: 42.2%; } .tg-tourdestination figure { margin: 0; width: 100%; float: left; overflow: hidden; background: #000; position: relative; } .tg-tourdestination figure a{display: block;} .tg-tourdestination figure a img { z-index: 2; width: 100%; height: auto; opacity: 0.60; display: block; position: relative; transition:0.2s; } .tg-tourdestination figure:hover a img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); transition:0.2s; } .tg-hoverbox, .tg-tourdestination figure a figcaption { top: 0; left: 0; z-index: 2; color: #fff; width: 100%; height: 100%; text-align:center; position: absolute; -webkit-box-alt: center; -ms-flex-alt: center; alt-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tg-adventuretitle{ width: 100%; float: left; padding: 0 0 30px; position: relative; } .tg-tourdestinationbigbox .tg-adventuretitle{ padding: 0 0 30px; } .tg-adventuretitle:before{ left: 50%; bottom: 0; content: ''; width: 56px; height: 11px; position: absolute; margin: 0 0 0 -28px; background: url(../images/patternw.png) no-repeat; } .tg-adventuretitle h2 { margin: 0; color: #fff; font: 36px/24px 'Caveat Brush', Arial, Helvetica, sans-serif; } .tg-tourdestinationbigbox .tg-adventuretitle h2 { font-size: 54px; line-height: 40px; } .tg-adventuretitle h2 a { color: #fff; display: block; } .tg-tourdestination figcaption .tg-description { padding: 20px 0 0; } .tg-tourdestination figcaption .tg-description p { margin: 0; font-size: 16px; font-weight: 300; line-height: 16px; text-transform: uppercase; } .tg-head{ width:100%; float:left; } .tg-head .tg-select{ width:240px; float:right; } .tg-tourdestinationbigbox .tg-adventuretitle h2 { font-size: 54px; line-height: 40px; } .tg-adventuretitle h2 { color: #FFF!important; margin: 0px; font: 36px/24px "Caveat Brush", Arial, Helvetica, sans-serif; } .timeline { position: relative; padding:4px 0 0 0; margin-top:22px; list-style: none; } .timeline>li:nth-child(even) { position: relative; margin-bottom: 50px; height: 180px; right:-100px; } .timeline>li:nth-child(odd) { position: relative; margin-bottom: 50px; height: 180px; left:-100px; } .timeline>li:before, .timeline>li:after { content: " "; display: table; } .timeline>li:after { clear: both; min-height: 170px; } .timeline > li .timeline-panel { position: relative; float: left; width: 41%; padding: 0 20px 20px 30px; text-align: right; } .timeline>li .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; } .timeline>li .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; } .timeline>li .timeline-image { z-index: 100; position: absolute; left: 50%; border: 3px solid #0c9ec7; border-radius: 100%; background-color: #3b5998; box-shadow: 0 0 5px #4582ec; width: 200px; height: 200px; margin-left: -100px; } .timeline>li .timeline-image h4 { margin-top: 12px; font-size: 10px; line-height: 14px; } .timeline>li.timeline-inverted>.timeline-panel { float: right; padding: 0 30px 20px 20px; text-align: left; } .timeline>li.timeline-inverted>.timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; } .timeline>li.timeline-inverted>.timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; } .timeline>li:last-child { margin-bottom: 0; } .timeline .timeline-heading h4 { margin-top:22px; margin-bottom: 4px; padding:0; color: #b3b3b3; } .timeline .timeline-heading h4.subheading { margin:0; padding:0; text-transform: none; font-size:18px; color:#333333; } .timeline .timeline-body>p, .timeline .timeline-body>ul { margin-bottom: 0; color:#808080; } /*Style for even div.line*/ .timeline>li:nth-child(odd) .line:before { content: ""; position: absolute; top: 60px; bottom: 0; left: 690px; width: 4px; height:340px; background-color: #0c9ec7; -ms-transform: rotate(-44deg); /* IE 9 */ -webkit-transform: rotate(-44deg); /* Safari */ transform: rotate(-44deg); box-shadow: 0 0 5px #4582ec; } /*Style for odd div.line*/ .timeline>li:nth-child(even) .line:before { content: ""; position: absolute; top: 60px; bottom: 0; left: 450px; width: 4px; height:340px; background-color: #0c9ec7; -ms-transform: rotate(44deg); /* IE 9 */ -webkit-transform: rotate(44deg); /* Safari */ transform: rotate(44deg); box-shadow: 0 0 5px #4582ec; } /* Medium Devices, .visible-md-* */ @media (min-width: 992px) and (max-width: 1199px) { .timeline > li:nth-child(even) { margin-bottom: 0px; min-height: 0px; right: 0px; } .timeline > li:nth-child(odd) { margin-bottom: 0px; min-height: 0px; left: 0px; } .timeline>li:nth-child(even) .timeline-image { left: 0; margin-left: 0px; } .timeline>li:nth-child(odd) .timeline-image { left: 690px; margin-left: 0px; } .timeline > li:nth-child(even) .timeline-panel { width: 76%; padding: 0 0 20px 0px; text-align: left; } .timeline > li:nth-child(odd) .timeline-panel { width: 70%; padding: 0 0 20px 0px; text-align: right; } .timeline > li .line { display: none; } } /* Small Devices, Tablets */ @media (min-width: 768px) and (max-width: 991px) { .timeline > li:nth-child(even) { margin-bottom: 0px; min-height: 0px; right: 0px; } .timeline > li:nth-child(odd) { margin-bottom: 0px; min-height: 0px; left: 0px; } .timeline>li:nth-child(even) .timeline-image { left: 0; margin-left: 0px; } .timeline>li:nth-child(odd) .timeline-image { left: 520px; margin-left: 0px; } .timeline > li:nth-child(even) .timeline-panel { width: 70%; padding: 0 0 20px 0px; text-align: left; } .timeline > li:nth-child(odd) .timeline-panel { width: 70%; padding: 0 0 20px 0px; text-align: right; } .timeline > li .line { display: none; } } /* Custom, iPhone Retina */ @media only screen and (max-width: 767px) { .timeline > li:nth-child(even) { margin-bottom: 0px; min-height: 0px; right: 0px; } .timeline > li:nth-child(odd) { margin-bottom: 0px; min-height: 0px; left: 0px; } .timeline>li .timeline-image { position: static; width: 150px; height: 150px; margin-bottom:0px; } .timeline>li:nth-child(even) .timeline-image { left: 0; margin-left: 0; } .timeline>li:nth-child(odd) .timeline-image { float:right; left: 0px; margin-left:0; } .timeline > li:nth-child(even) .timeline-panel { width: 100%; padding: 0 0 20px 14px; } .timeline > li:nth-child(odd) .timeline-panel { width: 100%; padding: 0 14px 20px 0px; } .timeline > li .line { display: none; } } .video-data-container { width: 100%; height: 100%; position: absolute; top: 0; /*margin-top:100px;*/ /*background-color:red;*/ display: flex; justify-content: center; /* centra horizontalmente */ align-items: center; /* centra verticalmente */ text-align: center; z-index: 2; } .video-data-container { color:white;z-index:2 } .video-data-container h1{font-size: 4em;color:#ffffff;} .video-data-container h2{font-size: 1.5em;color:#ffffff;} .video-data-container h3{font-size: 1.2em;color:#ffffff;} .visible-xs-mobile { display: none; } #ul-whatsapp { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } #ul-whatsapp li { float: right; } #ul-whatsapp li a { display: block; color: white; text-align: center; text-decoration: none; margin-right:6px; } .video-first-line{ height:25px; } .video-first-line .container a{ float:right; } .video-second-line{ margin-top:40px; } @media only screen and (max-width : 1366px) { .video-second-line { margin-top:50px; } /*.visible-xs-mobile { display: none !important; }*/ } @media only screen and (max-width : 1024px) { .video-data-container h1{font-size: 3.5em;} .video-data-container h2{font-size: 1.2em;} .video-data-container h3{font-size: 1em;} .video-second-line { margin-top:0px; } /*.visible-xs-mobile { display: none !important; }*/ } @media only screen and (max-width : 992px) { .video-data-container h1{font-size: 3.1em;} .video-data-container h2{font-size: 1.2em;} .video-data-container h3{font-size: 1.2em;} /*.visible-xs-mobile { display: none !important; }*/ } @media only screen and (max-width : 768px) { .video-data-container { padding-top:30px; } /*.hide-div-small { display:none; }*/ #videoDiv { width: 100%; } /*.visible-xs-mobile { display: none !important; }*/ } /* Small Devices, Tablets */ @media only screen and (max-width : 450px) { .video-data-container { padding-top:20px; } .video-first-line{ margin-bottom:20px; } .visible-xs-mobile { display: block !important; } #vid{ display:none; } .video-data-container h1{font-size: 1.9em;} .video-data-container h2{font-size: 1.0em;} .video-data-container h3{font-size: 1.0em;} .botones-destinos a{ font-size:1.0em; } } .video-container { position: relative; width: 100%; background-attachment: scroll; overflow: hidden; } .video-container video { min-width: 100%; min-height: 100%; position: relative; z-index: 1; } .video-container .overlay { height: 99.2%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; background: #222; opacity: 0.5; } .botones-destinos{ padding:40px 0px 0px 0px; } .btn-destino-1 { color: #fff; background: rgba(141, 31, 30, 1.0); padding:12px!important; text-transform:uppercase; } .btn-destino-1:hover, .btn-destino-1:focus, .btn-destino-1:active, .btn-destino-1.active, .open .dropdown-toggle.btn-destino-1 { color: #fff; background-color: #222; } .btn-destino-1:active, .btn-destino-1.active, .open .dropdown-toggle.btn-destino-1 { background-image: none; } .btn-destino-1.disabled, .btn-destino-1[disabled], fieldset[disabled] .btn-destino-1, .btn-destino-1.disabled:hover, .btn-destino-1[disabled]:hover, fieldset[disabled] .btn-destino-1:hover, .btn-destino-1.disabled:focus, .btn-destino-1[disabled]:focus, fieldset[disabled] .btn-destino-1:focus, .btn-destino-1.disabled:active, .btn-destino-1[disabled]:active, fieldset[disabled] .btn-destino-1:active, .btn-destino-1.disabled.active, .btn-destino-1[disabled].active, fieldset[disabled] .btn-destino-1.active { background-color: #ffffff; border-color: #cccccc; } .title-section{ /*margin-top:90px; margin-bottom:20px;*/ font-size:10px; } .title-section H1{ line-height: 1.3; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } .title-section H1 span{ font-weight:300; } .service-section { position: relative; width: 100%; float: left; } .special-style-full { height: 100%; overflow: hidden; padding: 0; position: absolute; background-size: cover; width: 100%; z-index: 0; } .special-style { height: 100%; overflow: hidden; padding: 0; position: absolute; background-size: cover !important; z-index: 0; } .bg-image { position: absolute; width: 100%; height: 100%; background-size: cover; top: 0; left: 0; } .marB50 { margin-bottom: 50px; } .marT100 { margin-top: 100px; } .positionR { position: relative; } .service-section .theme-heading h3 { color: #fff; } .theme-heading h3 { position: relative; display: block; text-transform: capitalize; font-size: 30px; } .special-style-dark:before { background-color: #000; opacity: 0.8; } .special-style:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .special-style-full:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .bg-image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .contacto-section{ } .contacto-section .text-container{ background-color:#69191B; /*background-color:#B35343;*/ /*background-color:#A14B3C;*/ padding:50px; } .contacto-section .text-container H1{ color:#FFF; } .contacto-section .text-container p{ color:#FFF; } .how-it-work-v1 { background: url(../Images/2.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .listq-set-pd { padding: 120px 0; } .listq-image-fullwidth img{ display: block; width: 100%; height: auto; -webkit-transform-style: inherit !important; } .listq-set-pd h2{ z-index: 3; color:#FFF!important; font-size:35px!important; } .listq-set-pd p{ z-index: 3; color:#FFF; font-size:20px!important; } .form-contact{ background-color:#FFF; padding:10px; } /********************************/ /* Fade Bs-carousel */ /********************************/ .fade-carousel { /*position: relative; height: 100vh;*/ max-height:700px; } .fade-carousel .carousel-inner .item { /*height: 100vh;*/ max-height:700px; } .fade-carousel .carousel-indicators > li { margin: 0 2px; background-color: #69191B; border-color: #69191B; opacity: .7; } .fade-carousel .carousel-indicators > li.active { width: 10px; height: 10px; opacity: 1; } /********************************/ /* Hero Headers */ /********************************/ .hero { position: absolute; top: 50%; left: 50%; z-index: 3; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.75); -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .hero h1 { font-size: 5em; font-weight: bold; margin: 0; padding: 0; color:#FFF; } .hero h3{ color:#FFF; } .fade-carousel .carousel-inner .item .hero { opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; } .fade-carousel .carousel-inner .item.active .hero { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; } /********************************/ /* Overlay */ /********************************/ .overlay { position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #000000; opacity: .4; } /********************************/ /* Custom Buttons */ /********************************/ .btn.btn-lg {padding: 10px 40px;} .btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus { color: #f5f5f5; background-color: #1abc9c; border-color: #1abc9c; outline: none; margin: 20px auto; } /********************************/ /* Slides backgrounds */ /********************************/ .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; } /*.fade-carousel .slides .slide-1 { } .fade-carousel .slides .slide-2 { background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af); } .fade-carousel .slides .slide-3 { background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327); }*/ /********************************/ /* Media Queries */ /********************************/ @media screen and (min-width: 980px){ .hero { width: 980px; } } @media screen and (max-width: 640px){ .hero h1 { font-size: 4em; } } #monedasIdioma .dropdown-menu{ width:400px!important; } .video-fade { height: 80px; /* o 50px, si querés más fino */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.9), white); } .navbar-master-transparent { font-weight:bold; font-size:15px; transition: all .2s linear; height:100px; padding-top:15px; } .navbar-master-transparent .navbar-brand { color: #58736c; } .navbar-master-transparent .navbar-brand:hover, .navbar-master-transparent .navbar-brand:focus { color: #721011; background-color: #fff; } .navbar-master-transparent .navbar-text { color: #999999; } .navbar-master-transparent .navbar-nav > li > a { color: #fff; height:80px; transition: all .2s linear; } .navbar-master-transparent .menu-selected { border-bottom:2px solid #fff; transition: all .4s linear; } .navbar-master-transparent .navbar-nav > li > a:hover, .navbar-master-transparent .navbar-nav > li > a:focus { color: #cf0002; background-color: #fff; } .navbar-master-transparent .navbar-nav > .active > a, .navbar-master-transparent .navbar-nav > .active > a:hover, .navbar-master-transparent .navbar-nav > .active > a:focus { color: #721011; background-color: #fff; } .navbar-master-transparent .navbar-nav > .disabled > a, .navbar-master-transparent .navbar-nav > .disabled > a:hover, .navbar-master-transparent .navbar-nav > .disabled > a:focus { color: #444444; background-color: #fff; } .navbar-master-transparent .navbar-toggle { border-color: #39b3d7; } .navbar-master-transparent .navbar-toggle:hover, .navbar-master-transparent .navbar-toggle:focus { color: #721011; } .navbar-master-transparent .navbar-toggle .icon-bar { background-color: #ccc; } .navbar-master-transparent .navbar-collapse, .navbar-master-transparent .navbar-form { border-color: #101010; } .navbar-master-transparent .navbar-nav > .open > a, .navbar-master-transparent .navbar-nav > .open > a:hover, .navbar-master-transparent .navbar-nav > .open > a:focus { color: #721011; } .navbar-master-transparent .navbar-nav > .dropdown > a:hover .caret { border-top-color: #721011; border-bottom-color: #721011; transition:0.4s; } .navbar-master-transparent .navbar-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; transition:0.4s; } .navbar-master-transparent .navbar-nav > .open > a .caret, .navbar-master-transparent .navbar-nav > .open > a:hover .caret, .navbar-master-transparent .navbar-nav > .open > a:focus .caret { border-top-color: #721011; border-bottom-color: #721011; } @media (max-width: 992px) { .navbar-master-transparent .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-master-transparent .navbar-nav .open .dropdown-menu > li > a { color: #39b3d7; } .navbar-master-transparent .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-master-transparent .navbar-nav .open .dropdown-menu > li > a:focus { color: #721011; background-color: #FFF; } .navbar-master-transparent .navbar-nav .open .dropdown-menu > .active > a, .navbar-master-transparent .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-master-transparent .navbar-nav .open .dropdown-menu > .active > a:focus { color: #721011; background-color: #FFF; } .navbar-master-transparent .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-master-transparent .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-master-transparent .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #721011; background-color: #FFF; } } .navbar-master-transparent .navbar-link { color: #999999; } .navbar-master-transparent .navbar-link:hover { color: #721011; } .navbar-master-transparent .navbar-nav > li > a, .navbar-default .navbar-brand {color: #f1f1f1;} .navbar-master-transparent .navbar-nav > li > a:hover, .navbar-master-transparent .navbar-nav > li > a:focus {color: #721011!important;} .collapsing, .in {background-color: #f7f7f7;} .collapsing ul li a, .in ul li a { color: #555!important; border-bottom:1px solid #ddd; } .collapsing ul li a:hover, .in ul li a:hover { color: #f1f1f1 !important; } .dark-image { background: rgba(0, 0, 0, .5); } .parallax2 { overflow: hidden; background-repeat: no-repeat; background-color: #FFF; background-attachment: initial; background-size: cover; /*background-position: 50% 0;*/ position: relative; } .parallax2>* { position: relative; } .parallax2:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; /*background: rgba(0, 0, 0, .5);*/ /*z-index: 1;*/ } .parallax2.banner:before { /*background: rgba(0, 0, 0, .5);*/ } .parallax2.banner-inner:before { /*background: rgba(0, 0, 0, .5);*/ } .banner-text h1{ margin-top:0px!important; background: rgba(141, 31, 30, 0.8); padding:6px 6px 6px 10px; display:inline-block; } .banner-text h5{ margin-bottom:0px!important; background-color: #BD2025; padding:6px 6px 6px 10px; width:260px; } /*.dropdown ul.dropdown-menu{ border-radius:10px; } .dropdown ul.dropdown-menu:before { content: ""; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; top: -10px; right: 16px; z-index: 10; } .dropdown ul.dropdown-menu:after { content: ""; border-bottom: 12px solid #ccc; border-right: 12px solid transparent; border-left: 12px solid transparent; position: absolute; top: -12px; right: 14px; z-index: 9; }*/ .navbar-default .navbar-nav > li > .navbar-social-icon{ height:48px!important; margin:12px 4px 0px 0px; border:1px solid #721011; padding:6px!important; width:48px!important; border-radius:6px; } .top-navbar{ background-color:#4f1617; color:#FFF; min-height:26px; font-weight:normal; position:fixed; } .top-navbar .container{ padding:4px!important; font-size:13px!important; } .top-navbar p{ padding: 6px; margin:0px!important; } .social-list{ list-style:none; } .social-list li{ float: left; } .social-list li a { display: block; color: white; text-align: center; padding: 6px; text-decoration: none; } .navbar-cretai-transparent { font-weight:bold; font-size:15px; transition: all .2s linear; height:100px; padding-top:15px; } .navbar-cretai-transparent .navbar-brand { color: #fff; } .navbar-cretai-transparent .logo-visibility { display: none; } .navbar-cretai-transparent .navbar-brand:hover, .navbar-cretai-transparent .navbar-brand:focus { color: #721011; background-color: transparent; } .navbar-cretai-transparent .navbar-text { color: #999999; } .navbar-cretai-transparent .navbar-nav > li > a { color: #fff; height:80px; transition: all .2s linear; } .navbar-cretai-transparent .menu-selected { border-bottom:2px solid #fff; transition: all .4s linear; } .navbar-cretai-transparent .navbar-nav > li > a:hover, .navbar-cretai-transparent .navbar-nav > li > a:focus { color: #cf0002; background-color: transparent; } .navbar-cretai-transparent .navbar-nav > .active > a, .navbar-cretai-transparent .navbar-nav > .active > a:hover, .navbar-cretai-transparent .navbar-nav > .active > a:focus { color: #721011; background-color: transparent; } .navbar-cretai-transparent .navbar-nav > .disabled > a, .navbar-cretai-transparent .navbar-nav > .disabled > a:hover, .navbar-cretai-transparent .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } .navbar-cretai-transparent .navbar-toggle { border-color: #39b3d7; } .navbar-cretai-transparent .navbar-toggle:hover, .navbar-cretai-transparent .navbar-toggle:focus { color: #721011; } .navbar-cretai-transparent .navbar-toggle .icon-bar { background-color: #ccc; } .navbar-cretai-transparent .navbar-collapse, .navbar-cretai-transparent .navbar-form { border-color: #101010; } .navbar-cretai-transparent .navbar-nav > .open > a, .navbar-cretai-transparent .navbar-nav > .open > a:hover, .navbar-cretai-transparent .navbar-nav > .open > a:focus { color: #721011; } .navbar-cretai-transparent .navbar-nav > .dropdown > a:hover .caret { border-top-color: #721011; border-bottom-color: #721011; transition:0.4s; } .navbar-cretai-transparent .navbar-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; transition:0.4s; } .navbar-cretai-transparent .navbar-nav > .open > a .caret, .navbar-cretai-transparent .navbar-nav > .open > a:hover .caret, .navbar-cretai-transparent .navbar-nav > .open > a:focus .caret { border-top-color: #721011; border-bottom-color: #721011; } @media (max-width: 992px) { .navbar-cretai-transparent .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-cretai-transparent .navbar-nav .open .dropdown-menu > li > a { color: #39b3d7; } .navbar-cretai-transparent .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-cretai-transparent .navbar-nav .open .dropdown-menu > li > a:focus { color: #721011; background-color: transparent; } .navbar-cretai-transparent .navbar-nav .open .dropdown-menu > .active > a, .navbar-cretai-transparent .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-cretai-transparent .navbar-nav .open .dropdown-menu > .active > a:focus { color: #721011; background-color: transparent; } .navbar-cretai-transparent .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-cretai-transparent .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-cretai-transparent .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #721011; background-color: transparent; } } .navbar-cretai-transparent .navbar-link { color: #999999; } .navbar-cretai-transparent .navbar-link:hover { color: #721011; } .navbar-cretai-transparent .navbar-nav > li > a, .navbar-default .navbar-brand {color: #f1f1f1;} .navbar-cretai-transparent .navbar-nav > li > a:hover, .navbar-cretai-transparent .navbar-nav > li > a:focus {color: #721011!important;} .collapsing, .in {background-color: #f7f7f7;} .collapsing ul li a, .in ul li a { color: #555!important; border-bottom:1px solid #ddd; } .collapsing ul li a:hover, .in ul li a:hover { color: #f1f1f1 !important; } .dark-image { background: rgba(0, 0, 0, .5); } .parallax2 { overflow: hidden; background-repeat: no-repeat; background-color: transparent; background-attachment: initial; background-size: cover; /*background-position: 50% 0;*/ position: relative; } .parallax2>* { position: relative; } .parallax2:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; /*background: rgba(0, 0, 0, .5);*/ /*z-index: 1;*/ } .parallax2.banner:before { /*background: rgba(0, 0, 0, .5);*/ } .parallax2.banner-inner:before { /*background: rgba(0, 0, 0, .5);*/ } .banner-text h1{ margin-top:0px!important; background: rgba(141, 31, 30, 0.8); padding:6px 6px 6px 10px; display:inline-block; } .banner-text h5{ margin-bottom:0px!important; background-color: #BD2025; padding:6px 6px 6px 10px; width:260px; } /*.dropdown ul.dropdown-menu{ border-radius:10px; } .dropdown ul.dropdown-menu:before { content: ""; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; top: -10px; right: 16px; z-index: 10; } .dropdown ul.dropdown-menu:after { content: ""; border-bottom: 12px solid #ccc; border-right: 12px solid transparent; border-left: 12px solid transparent; position: absolute; top: -12px; right: 14px; z-index: 9; }*/ .navbar-default .navbar-nav > li > .navbar-social-icon{ height:48px!important; margin:12px 4px 0px 0px; border:1px solid #721011; padding:6px!important; width:48px!important; border-radius:6px; } .top-navbar{ background-color:#4f1617; color:#FFF; min-height:26px; font-weight:normal; position:fixed; } .top-navbar .container{ padding:4px!important; font-size:13px!important; } .top-navbar p{ padding: 6px; margin:0px!important; } .social-list{ list-style:none; } .social-list li{ float: left; } .social-list li a { display: block; color: white; text-align: center; padding: 6px; text-decoration: none; } /* Flaticon icon font: Flaticon Creation date: 17/06/2016 10:46 */ @font-face { font-family: "Flaticon"; src: url("./Flaticon.eot"); src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), url("./Flaticon.woff") format("woff"), url("./Flaticon.ttf") format("truetype"), url("./Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("./Flaticon.svg#Flaticon") format("svg"); } } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: inherit; font-style: normal; margin-left: 0; } .flaticon-circle:before { content: "\f100"; } .flaticon-close:before { content: "\f101"; } .flaticon-favorite:before { content: "\f102"; } .flaticon-help:before { content: "\f103"; } .flaticon-people:before { content: "\f104"; } .flaticon-round:before { content: "\f105"; } .flaticon-suntour-adult:before { content: "\f106"; } .flaticon-suntour-airplane:before { content: "\f107"; } .flaticon-suntour-arrow:before { content: "\f108"; } .flaticon-suntour-bed:before { content: "\f109"; } .flaticon-suntour-calendar:before { content: "\f10a"; } .flaticon-suntour-car:before { content: "\f10b"; } .flaticon-suntour-check:before { content: "\f10c"; } .flaticon-suntour-check-1:before { content: "\f10d"; } .flaticon-suntour-children:before { content: "\f10e"; } .flaticon-suntour-comment:before { content: "\f10f"; } .flaticon-suntour-cross:before { content: "\f110"; } .flaticon-suntour-email:before { content: "\f111"; } .flaticon-suntour-fireworks:before { content: "\f112"; } .flaticon-suntour-hotel:before { content: "\f113"; } .flaticon-suntour-left:before { content: "\f114"; } .flaticon-suntour-loading:before { content: "\f115"; } .flaticon-suntour-map:before { content: "\f116"; } .flaticon-suntour-mark:before { content: "\f117"; } .flaticon-suntour-mobile-phone:before { content: "\f118"; } .flaticon-suntour-phone:before { content: "\f119"; } .flaticon-suntour-photo:before { content: "\f11a"; } .flaticon-suntour-play:before { content: "\f11b"; } .flaticon-suntour-quote:before { content: "\f11c"; } .flaticon-suntour-right:before { content: "\f11d"; } .flaticon-suntour-search:before { content: "\f11e"; } .flaticon-suntour-shapes:before { content: "\f11f"; } .flaticon-suntour-share:before { content: "\f120"; } .flaticon-suntour-ship:before { content: "\f121"; } .flaticon-suntour-tag:before { content: "\f122"; } .flaticon-suntour-world:before { content: "\f123"; } .flaticon-technology:before { content: "\f124"; } .flaticon-warning:before { content: "\f125"; }