/* Minification failed. Returning unminified contents. (473,1): run-time error CSS1019: Unexpected token, found '}' (506,1): run-time error CSS1019: Unexpected token, found ',' (766,1): run-time error CSS1019: Unexpected token, found '}' (937,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (954,1): run-time error CSS1019: Unexpected token, found '@keyframes' (955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (979,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (989,1): run-time error CSS1019: Unexpected token, found '@keyframes' (990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1006,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1023,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1048,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1075,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1112,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1129,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1154,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1181,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1182,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1221,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1222,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1248,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1287,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1324,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1325,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1373,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1398,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1399,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1432,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1456,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1489,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1513,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1546,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1570,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1571,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1603,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1627,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1628,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1660,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1661,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1684,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1685,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1717,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1736,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1763,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1764,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1782,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1783,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1809,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1810,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1828,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1855,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1874,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1901,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1902,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1911,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1926,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1940,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1961,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1975,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1996,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2010,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2031,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2032,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2045,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2066,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2080,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2101,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2115,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2136,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2150,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2171,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2185,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2206,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2216,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2231,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2245,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2266,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2280,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2301,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2315,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2316,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2336,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2337,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2350,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2351,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2371,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2385,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2406,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2420,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2421,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2441,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2455,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2476,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2490,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2491,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2511,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2548,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2598,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2599,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2622,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2623,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2658,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2659,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2682,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2718,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2732,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2756,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2770,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2794,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2795,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2820,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2821,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2857,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2871,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2872,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2894,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2895,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2912,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2939,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2940,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2957,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2984,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3002,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3029,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3030,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3047,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3074,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3092,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3119,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3137,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3164,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3182,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3183,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3209,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3227,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3228,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3254,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3255,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3272,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3273,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3299,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3317,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3318,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3344,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3357,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3358,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3377,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3390,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3410,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3423,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3443,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3456,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3476,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3489,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3509,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3522,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3542,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3555,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3556,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3575,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3576,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3620,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3621,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3681,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3695,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3718,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3732,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ body {color: #878787;font-family:"Proxima Nova Light", Helvetica, Arial, Verdana, sans-serif;background: #ECF0F1;} body.page-produtos, body.page-servicos, body.page-contactos {background:url(img/page-bg.jpg);} h1,h2,h3,h4,h5,h6 {font-weight: 500;color: #000; text-transform: uppercase;font-family: "Novecento Wide Bold", Helvetica, Arial, sans-serif;} footer {background: #4d85c6;color:#fff;padding-top: 50px;} header {height: 264px;} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {color: rgba(0, 0, 0, 0.45);box-shadow: none;border-top:none;border-left: none;border-right: none;} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {border-top:none;border-left:none;border-right:none;background: none;box-shadow: none;} textarea {min-height: 130px;} button.radius, .button.radius {-webkit-border-radius: 10px 10px 10px 10px !important;border-radius: 10px 10px 10px 10px !important;} button, .button {transition: border-color 0.5s ease, color 0.5s ease;background:none;border: #edf0f1 solid 3px !important;font-family:"Proxima Nova Bold", Helvetica, Arial, Verdana, sans-serif;color: #d7dadb; text-transform: uppercase;} button:hover, a:hover.button, .button:focus, button:focus {background: none;border: #4d85c6 solid 3px !important;color: #4d85c6;} .shadow-vertical {-moz-box-shadow: 0px 5px 9px #000000;-webkit-box-shadow: 0px 5px 9px rgba (0,0,0,0.3);box-shadow: 0px 5px 9px rgba(0,0,0,0.3);} a {color:#0984C8;} p {font-size: 1.1rem;line-height: 1.25;} strong, b {font-family: 'Proxima Nova';font-weight: 600;} p.text-medium {font-size: 1.4rem;line-height: 1.2;color:#222222;} .row {max-width: 73.75rem;} .column, .columns {padding-left: 1.6rem;padding-right: 1.6rem;} img.img-center {display: block; margin-left: auto; margin-right: auto;} .drop-shadow {-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);} /* FONTS */ @font-face { font-family: 'Proxima Nova Light'; src: url('Content/fonts/proximanova-light-webfont.eot'); src: url('Content/fonts/proximanova-light-webfont.eot#iefix') format('embedded-opentype'), url('Content/fonts/proximanova-light-webfont.woff') format('woff'), url('https://caixinorte.com/Content/proximanova-light-webfont.ttf') format('truetype'), url('https://caixinorte.com/Content/proximanova-light-webfont.svg#proxima_novalight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova Bold'; src: url('Content/fonts/proximanova-bold-webfont.eot'); src: url('Content/fonts/proximanova-bold-webfont.eot#iefix') format('embedded-opentype'), url('Content/fonts/proximanova-bold-webfont.woff') format('woff'), url('Content/fonts/proximanova-bold-webfont.ttf') format('truetype'), url('Content/fonts/proximanova-bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Novecento Wide Bold'; src: url('Content/fonts/novecentowide-bold-webfont.eot'); src: url('Content/fonts/novecentowide-bold-webfont.eot#iefix') format('embedded-opentype'), url('Content/fonts/novecentowide-bold-webfont.woff') format('woff'), url('Content/fonts/novecentowide-bold-webfont.ttf') format('truetype'), url('Content/fonts/novecentowide-bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'Novecento Wide DemiBold'; src: url('Content/fonts/novecentowide-demibold-webfont.eot'); src: url('Content/fonts/novecentowide-demibold-webfont.eot#iefix') format('embedded-opentype'), url('Content/fonts/novecentowide-demibold-webfont.woff') format('woff'), url('Content/fonts/novecentowide-demibold-webfont.ttf') format('truetype'), url('Content/fonts/novecentowide-demibold-webfont.svg') format('svg'); font-weight: normal; font-style: normal;} /* BOX TITLES */ .box-title {margin-bottom: 2.5rem;} .box-title hr {width: 40px;height: 4px;background: #F03923;margin-top: 5px;border:none;} .box-title h1, .box-title h2, .box-title h3, .box-title h4, .box-title h5, .box-title h6 {font-size: 1.6rem;line-height: 2rem;font-weight: 400 !important;margin-bottom: 0;} /* SLIDER */ .orbit-container .orbit-next > span {margin-left: -8px;} .orbit-container .orbit-next:hover > span {background: none;} .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {background-color: rgba(0, 0, 0, 0); } .orbit-timer {display: none;} .orbit-bullets li.active {background: #4D85C6;} .orbit-bullets li {background: #ECF0F1; } /* BLOCOS */ .container-fluid {background: #ECF0F1;} .container-fluid-footer {background: #4d85c6;} .home-video, .produto-catalogo {background: #8696a9;} .home-social, .featured {background: #fff} .home-video, .multimedia, .home-social, .servicos-destaques, .take-action, .produto-catalogo, .page-catalogo, .footer-infos, .featured, .page-tagline, .contact-us, .contact-us-form {padding: 75px 0;} .home-social {padding-bottom: 120px;} /* NAVIGATIONS */ .page-homepage .top-navigation {margin-top: 0;} .top-navigation {background: #fff;border-bottom: #ECF0F1 solid 3px;margin-top: 38px;} .page-homepage .top-navigation {margin-top: 0;} .top-navigation .columns {padding: 0;} .top-navigation .columns nav {background: #fff;padding-left:1.6rem;padding-right:1.6rem;} .top-bar {background: none;height: 88px;} .top-bar .title-area {margin-top: 20px;} .top-bar-section ul {background:#fff !important;} .top-bar-section ul li > a {color: #000;line-height: 65px;font-family:"Proxima Nova Bold", Helvetica;font-size: 1.05rem;} .top-bar-section li:not(.has-form) a:not(.button) {background: none !important;line-height: 88px;padding:0 25px;color: #000;} .top-bar-section li:not(.has-form) a.active:not(.button) {color: #4d85c6;} .top-bar-section li:not(.has-form) a:hover:not(.button) {background: none;color: #4d85c6;} .top-bar-section li.active:not(.has-form) a:not(.button) {color:#4d85c6 !important;background: none !important;line-height: 88px;padding:0 25px;} .top-bar-section li.active:not(.has-form) a:hover:not(.button) {background: none;} .top-bar-section li a:hover {background: #f7f7f7;} .top-bar-section li:not(.has-form) ul.dropdown a:not(.button) {height: 50px;line-height: 50px;color: #000; text-transform: normal;font-size: 1rem;font-family: "Proxima Nova Light", Helvetica, Arial;margin:0 0.3rem;} .top-bar-section li:not(.has-form) ul.dropdown a:hover:not(.button) {background: #4d85c6;color: #fff;} .top-bar-section ul li > a {width: auto;border-radius: 3px;-webkit-border-radius: 3px;} .top-bar-section .right li .dropdown {background:#fff;right: auto;left: 0;width: 230px;border:#efefef solid 1px;top:90px;padding: 0.3rem 0;border-bottom: #efefef solid 3px;} .top-bar-section .right li .dropdown a:hover {background: #4d85c6 !important;} .top-bar-section .active.has-dropdown > a:after {top:48.5px;border-color: rgba(16, 134, 202, 1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);} .top-bar-section .has-dropdown > a:after {top:48.5px;border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);margin-top: -6.5px;} nav.mobile-menu-top {background:#1086CA;height: 4.5rem;z-index: 1000;} nav.mobile-menu-top span {box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;} nav.mobile-menu-top section.right-small {border: none;box-shadow:none;top: 0;width: 60px;height: 4rem;} section.tab-bar-section {height: 4.5rem;} section.tab-bar-section h1.title a {background:url(img/o-seu-logo.png) no-repeat 0 center;display: block;text-indent: -9999px;height: 4.5rem;} section.right-small a.menu-icon {color: #fff;height: 3rem;margin-top: 1rem;} aside.mobile-menu {border-left: #262D34 solid 1px;background:#2C343C;} aside.mobile-menu .off-canvas-list li a {text-align: left;border-bottom: #353F49 solid 1px;font-size: 0.8rem;color: #fff; text-align: center;} aside.mobile-menu .off-canvas-list li a:hover {background:#262D34;} aside.mobile-menu .off-canvas-list li label {background: #262D34;color: #fff;padding: 0.72rem 0.6em;text-align: left;border-top:none;border-bottom: #000 solid 1px;text-align: center;} .top-bar-section .langs li:not(.has-form) {margin-left: 5px;margin-top: 30px;} .top-bar-section .langs li:not(.has-form) a:not(.button) {color:#ddd;line-height: 30px;padding: 0 8px !important; font-size: 12px !important;} .top-bar-section .langs li a {border: #ddd solid 3px;-moz-border-radius-bottomleft: 1000px;-moz-border-radius-topleft: 1000px;-webkit-border-bottom-left-radius: 1000px;-webkit-border-top-left-radius: 1000px;border-bottom-left-radius: 1000px;border-top-left-radius: 1000px;-webkit-border-bottom-right-radius: 1000px;-webkit-border-top-right-radius: 1000px;border-bottom-right-radius: 1000px;border-top-right-radius: 1000px;} .top-bar-section .langs li a:hover {border:#00aba9 solid 3px;color:#00aba9 !important;} .top-bar-section .langs li.active:not(.has-form) a:not(.button) {border:#00aba9 solid 3px;color:#00aba9 !important;} .page-homepage .header-site-logo {/*position: absolute;width: 100%;height:100px;z-index:100;*/} .header-site-logo {position: relative;} .header-site-logo .logo {margin-top: 45px;} .header-site-logo .logo .title-area {margin: 0;} .header-site-logo .logo li.name {list-style: none;} .header-site-logo .logo li.name a {display: block;line-height: 80px;background:url(img/o-seu-logo.png) no-repeat;text-indent: -9999px;} .header-site-logo .languages {margin-top: 68px;} .languages .inline-list {width: 80px;} .languages .inline-list li {margin-left: 0.6rem;} .languages .inline-list li a {opacity:0.3;width: 16px;height: 11px;background-image: url(https://caixinorte.com/Content/images/languages.jpg);display: block;text-indent: -9999px;} .languages .inline-list li a:hover {opacity: 1;} .languages .inline-list li a.pt {background-position: 0px 0px;} .languages .inline-list li a.en {background-position: 16px 0px;} .languages .inline-list li a.es {background-position: 32px 0px;} .languages .inline-list li.active a {opacity: 1;} /* FEATURED */ .page-homepage .featured, .page-contactos .featured {background: #fff url(img/about-us-woman.jpg) no-repeat 95% bottom;padding-top: 50px;} .page-contactos .featured {background-position: 95% 20px;} .page-homepage .featured .featured-content h5 {text-transform: normal;} .featured-footer {margin-top: 2rem !important;} /* LIST RED */ .list-red li {background: url(img/arrow-right.png) no-repeat 0 center;padding-left: 25px;} .list-red li a {color: #000;font-family: "Proxima Nova Bold", Helvetica, Arial;line-height: 1.1;} .list-red li a:hover {text-decoration: none;color: #F03923;} .home-social {background: #fff} #myModal h4 {margin-bottom: 2rem;} .home-video h2 {font-size: 1.6rem;color: #fff;} .home-video p {color: #fff;} .home-video {color: #fff;} .home-video .flex-video {margin-top: 2rem;} /* SLIDER */ .page-homepage .slider-content {height: 193px;margin-bottom: 80px;} .homepage-slider {position: absolute;top:0;left:0;width: 100%;} .slider-content {height: 273px;} .slider-content h3 {font-size: 34px;line-height: 32px;} .slider-content h3 a {color:#fff;} .slider-content .button {color: #fff;border:#fff solid 3px !important;} .slider-content p, .slide-content p {color:#fff;margin-bottom: 3rem;} .slider-content button:hover, .slider-content a:hover.button {background: #fff;border: #fff solid 3px !important;color: #4D85C6;} .page-homepage header {height:503px;background:none;} .page-homepage .homepage-slider .orbit-homepage {} .page-homepage .homepage-slider .orbit-container{width: 100%;z-index: 0;} .page-homepage .homepage-slider .orbit-slides-container {width: 100%;} .page-homepage .homepage-slider .orbit-slides-container li {width: 100%;height: 550px;background-size: cover;} .homepage-slider .orbit-bullets-container {height: 20px;left: 50%;position: absolute;top: 362px;width: 100px;margin-left: -50px;z-index: 1000;} .homepage-slider .orbit-bullets {top: auto;} .homepage-slider .orbit-bullets li {background: #94B5DC;} .homepage-slider .orbit-bullets li.active {background: #ffffff;} .homepage-slider .orbit-container .orbit-prev, .homepage-slider .orbit-container .orbit-next {display: none;} .orbit-container .orbit-prev, .orbit-container .orbit-next {z-index: 10;} .orbit-container .orbit-slide-number {display: none;} .orbit-homepage-content {position: absolute;bottom: 20px;left: 50%;} .orbit-homepage-content .orbit-homepage-content-center {position: relative;left: -50%;} .orbit-homepage-content h2 a {color: #fff;} .orbit-homepage-content p {color:#fff;} .orbit-homepage li img {width: 100%;} .orbit-container .orbit-slides-container.fade li {transition: none;} /* PAGE SLIDER */ .page-slider {background: #8696A9;} .page-slider .orbit-container .orbit-prev, .page-slider .orbit-container .orbit-next { width: 17px; height: 24px;top: 72%;margin: 0;} .page-slider .orbit-container .orbit-prev:hover, .page-slider .orbit-container .orbit-next:hover {background-color: transparent;} .page-slider .orbit-container .orbit-prev > span, .page-slider .orbit-container .orbit-next > span {border-bottom: none;border: none;width: 17px;height: 24px;margin: 0;position: relative;top: auto;} .page-slider .orbit-container .orbit-prev > span {background:url("img/slider-arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} .page-slider .orbit-container .orbit-next > span {background:url("img/slider-arrows.png") no-repeat scroll -17px 0 rgba(0, 0, 0, 0);left: auto;} .page-slider .orbit-container .orbit-prev {left: 60px;} .page-slider .orbit-container .orbit-next {right: 60px;} .page-slider .slide-image {height: 310px;overflow: hidden;background:#8696a9;padding-top: 45px;} .page-slider .slide-content {background: #8696a9;padding: 40px 0;} .page-slider .orbit-container {} .page-slider-orbit-content .orbit-container .orbit-next > span {} .page-slider {color: #fff;} .page-slider h4 {font-size: 1.2rem;margin-bottom: 1.4rem;color: #fff;} .page-slider .orbit-container .orbit-prev, .page-slider .orbit-container .orbit-next {top: 145px;} /* RATE IT */ .rateit {margin: 0 1em 0 0;cursor: pointer;} div.bigstars div.rateit-range {background: url("img/star-disable.png");height: 19px; } div.bigstars div.rateit-hover, div.bigstars div.rateit-selected { background: url("img/star-enable.png"); } /* FEEDBACK */ .feedback-content-slider {margin-top: 50px;} .feedback-content-slider h6 {text-transform: none;margin-bottom: 1.3rem;} .feedback .orbit-bullets-container {display: none;} .feedback .orbit-bullets-container .orbit-timer {display: none;} .feedback .orbit-container .orbit-timer {display: none;} .feedback .orbit-container .orbit-prev {top: 20px;right:5px;left: auto;} .feedback .orbit-container .orbit-prev > span {border-color: none;background: url(img/arrow-left.png) no-repeat;opacity: 0.5;width: 7px;height: 10px;border: none;} .feedback .orbit-container .orbit-prev:hover {background: none;} .feedback .orbit-container .orbit-prev:hover > span {opacity: 1;} .feedback .orbit-container .orbit-next {top: 20px;right:0;} .feedback .orbit-container .orbit-next > span {border-color: none;background: url(img/arrow-right.png) no-repeat;opacity: 0.5;width: 7px;height: 10px;border: none;} .feedback .orbit-container .orbit-next:hover {background: none;} .feedback .orbit-container .orbit-next:hover > span {opacity: 1;} .newsletter input[type="email"] {margin:0 auto;width: 240px;margin-bottom: 1.25rem;} /* FOOTER INFOS */ .footer-infos {padding-top: 50px;} .footer-infos h6.footer-logo a {background: url(https://caixinorte.com/Content/images/logo.png) no-repeat 0 center; display: block; text-indent: -9999px;width: 200px;height: 54px;} .footer-infos .side-nav {padding-top: 0;} .footer-infos .side-nav .active a {font-weight: bold;} .footer-infos .side-nav li.active > a:first-child:not(.button) {font-weight: 700;color: #fff;} .footer-infos h6 {color:#94b6dd; text-transform: uppercase;font-size: 0.9rem;margin-bottom: 1.4rem;} .footer-infos .side-nav li {margin-bottom: 0;background: url(img/icon-list.png) no-repeat 0 center;padding-left: 25px;} .footer-infos .side-nav li a {color:#fff;} .footer-infos .side-nav li a:hover {text-decoration: none;color: #fff;font-weight: bold;} .footer-infos .atalhos.columns {padding-right: 1rem;padding-left: 1rem;} .footer-logo {width: 100px;height: 100px;background: #fff;margin: 0 auto;margin-top: -100px;-webkit-border-radius: 1000px;border-radius: 1000px; } .footer-logo a {display: block;height: 100px;background: url(img/footer-logo.png) no-repeat center center;text-indent: -9999px;} .subfooter {background: #4d85c6;padding-top: 22px;padding-bottom: 22px;border-top: #5491d8 solid 1px;color: #434f5b;} .subfooter .footer-guiaempresas {margin-left: 10px;} .subfooter .copyright p {line-height: 24px;margin-bottom:0;color: #94b6dd;text-transform: uppercase;font-size: 12px;} .stButton .facebook, .stButton .twitter, .stButton .linkedin, .stButton .googleplus, .stButton .sharethis {background-image: none !important;} .stButton .chicklets {font-family: "Proxima Nova Light" !important; color: #fff; font-size: 15px !important; padding-left: 0px !important;} .stButton .chicklets:hover {opacity: 1; font-family: "Proxima Nova Bold";} /* RATEIT */ .rateit {margin-bottom: 10px;} .rateit-reset {display: none !important;} .alert-box.success {background: #00ABA9;} /* ICONS LIST */ .icons-list {margin: 0;} .icons-list li { list-style: none;line-height: 23px;margin-bottom: 2px;background-position: 0 center;padding-left: 30px;} .icons-list .phone {background: url(img/icon-phone.png) no-repeat 0 center;} .icons-list .mail {background: url(img/icon-mail.png) no-repeat 0 center;} .icons-list .site {background: url(img/icon-site.png) no-repeat 0 center;} .featured .icons-list .phone {background: url(img/icon-phone-gray.png) no-repeat 0 center;} .featured .icons-list .mail {background: url(img/icon-mail-gray.png) no-repeat 0 center;} .featured .icons-list .site {background: url(img/icon-site-gray.png) no-repeat 0 center;} .footer-infos .icons-list li a {color: #fff;padding: 2px 4px;} /* CATALOGO */ .page-produtos dialog, .page-produtos .reveal-modal {background: none;box-shadow: none;border:none;} .page-produtos .reveal-modal-bg {background: rgba(255,255,255,0.95);} .page-produtos dialog .close-reveal-modal,.page-produtos .reveal-modal .close-reveal-modal {color: #000;} .page-produtos .booklet .b-counter {font-size: 2rem;height: auto;width: auto;background: #fff;height: 50px;width: 50px;line-height: 2.3rem;-webkit-border-radius: 10000px; -moz-border-radius: 10000px;border-radius: 10000px;} .page-produtos .booklet {border: #ccc solid 1px;-webkit-box-shadow: 0 3px 5px 0 rgba(1,0,0,0.2); box-shadow: 0 3px 5px 0 rgba(1,0,0,0.2);} .produto-catalogo {color: #fff;} .produto-catalogo .catalogo-image {margin-bottom: 35px;} .produto-catalogo h4 {color: #fff;} .produto-catalogo li {float: none;} .produto-catalogo button, .produto-catalogo .button {margin: 0;color: #fff;margin-top: 1rem;} .produto-catalogo button:hover, .produto-catalogo .button:hover {border-color: #000 !important;color:#000 !important;} .page-catalogo h4 {font-size: 1.2rem;margin-bottom: 1.4rem;} #flip-modal .button {border:3px solid #4D85C6 !important; color:#4D85C6;} /* GOOGLE MAP */ .google-map {background: #8696a9;padding-bottom: 45px;} .google-map .map {padding: 0;color:#fff;} .google-map .map p {color: #fff;} .google-map .map .row-map {margin-bottom: 60px;} .google-map h4 {color: #fff;} .result-map {height: 400px;} /* CONTACT US */ .contact-us {background: #fff;} .contact-us p {padding: 0 100px;} .contact-us-form {background: #fff;} .contact-us-form form input {margin-bottom: 25px;border-bottom: #edf0f1 solid 1px;} .contact-us-form form textarea {margin-bottom: 25px;border-bottom: #edf0f1 solid 1px;} .contact-us-form .contact-form h6 {margin-bottom: 35px; text-transform: none;} .contact-us-form .contact-form input {font-size: 1.2rem;padding-left: 0;color:#000;} .contact-us-form .contact-form textarea {font-size: 1.2rem;padding-left: 0;color:#000;} .contact-us-form .social-list {margin-top: 50px;} .contact-us-form .inline-list li a {padding-left: 15px;text-indent: -9999px;display: block;width: 22px;height: 22px;} .contact-us-form .inline-list li a.facebook {background:url(img/social-facebook.png) no-repeat;} .contact-us-form .inline-list li a.facebook:hover {background:url(img/social-facebook-hover.png) no-repeat;} .contact-us-form .inline-list li a.twitter {background:url(https://caixinorte.com/Content/images/social-twitter.png) no-repeat;} .contact-us-form .inline-list li a.twitter:hover {background:url(https://caixinorte.com/Content/images/social-twitter-hover.png) no-repeat;} .contact-us-form .inline-list li a.google {background:url(https://caixinorte.com/Content/images/social-google.png) no-repeat;} .contact-us-form .inline-list li a.google:hover {background:url(https://caixinorte.com/Content/images/social-google-hover.png) no-repeat;} .contact-us-form .inline-list li a.linkedin {background:url(https://caixinorte.com/Content/images/social-linkedin.png) no-repeat;} .contact-us-form .inline-list li a.linkedin:hover {background:url(https://caixinorte.com/Content/images/social-linkedin-hover.png) no-repeat;} .take-action h5 {margin-bottom: 1.4rem;color:#000;font-size: 1.1rem;} .take-action .button {margin-top:1.4rem;margin-bottom: 0;} /* FOOTER INFOS */ .footer-infos .newsletter .button {margin: 0;transition:none;color: #fff;height: 3rem;line-height: 2.8rem;} .footer-infos .newsletter .button:hover {background: #94B6DD;} .footer-infos .newsletter a:hover.button {border: #fff solid 3px !important;color:#fff !important;} .footer-infos .newsletter input {background: #4374ad;border: none;color: #fff;height: 3rem;margin: 0;} .footer-infos p {color: #fff;} /* Small screens */ @media only screen { } /* Define mobile styles */ @media only screen and (max-width: 40em) { .page-homepage .featured, .page-contactos .featured {background: #fff;} .mobile-menu-top .tab-bar-section h1.title a {background: url(img/o-seu-logo-small.png) no-repeat !important;margin-top: 5px;} header {height: auto;} .home-video, .multimedia, .home-social, .servicos-destaques, .take-action, .produto-catalogo, .page-catalogo, .footer-infos, .featured, .page-tagline, .contact-us, .contact-us-form {padding: 25px 0;} .produto-catalogo {padding: 55px 0;} .slider-content {width: 250px;position: relative;top: auto;left: auto;margin: 0;} .feedback .row .columns, .featured-content .columns {padding-top: 1.5rem;padding-bottom: 1.5rem;} .feedback-content-slider {margin-top: 0;} .page-contactos .contact-form {padding-top: 20px;} .page-contactos .contact-form .row .columns {padding: 0;} .page-homepage .slider-content {width: auto;margin-top: 4rem;height: 225px;margin-bottom: 0;} .homepage-slider .orbit-bullets-container {top: 400px;} .footer-infos .columns {padding-top: 1rem;padding-bottom: 1rem;} .home-social .follow {padding-bottom: 3rem;} .container-fluid-contact-us {padding: 30px 0;background: #fff;} .subfooter {text-align: center;} .subfooter .copyright {margin-bottom: 10px;} .page-slider .slide-content {padding: 0;} .slider-content p {font-size:20px;} .contact-us p {padding:0 30px;} } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ /* Medium screens */ @media only screen and (min-width: 40.063em) {} /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .page-homepage .featured, .page-contactos .featured {background: #fff;} .header-site-logo .logo li.name a {background: url(img/o-seu-logo.png) no-repeat !important;} .slider-content p {font-size:20px; margin-bottom: 1.2rem;} .contact-us p {padding: 0px;} .page-slider .slide-image {height: auto;} } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ /* Large screens */ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */ /* XLarge screens */ @media only screen and (min-width: 90.063em) { } } /* min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ /* XXLarge screens */ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */ .side-nav li a:not(.button) { color: #008CBA; display: block; margin: 0; padding: 0rem 0rem; } .top-bar-section ul li { background: none repeat scroll 0 0; } /* ERROR VALIDATION */ .input-validation-error, input.error, select.error { border: 1px solid red !important;} .input-validation-error[type=radio], input[type=radio].error, input[type=checkbox].error { outline: 1px dotted red !important; } .display-bypass { display: none; } .not-required { display:none; } .required { display:block; color: red; margin-bottom: 10px;} body {color: #222;background: #F0EFEB;} h1, h2 {color: #222;} ,h3,h4,h5,h6 {color: #999;} footer {background: #4d85c6;color:#fff;} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {color: rgba(0, 0, 0, 0.45);box-shadow: none;border-top:none;border-left: none;border-right: none;} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {border-top:none;border-left:none;border-right:none;background: none;box-shadow: none;} button, .button {background:none;border: #ec1d25 solid 3px !important;color: #ec1d25;padding: 18px 30px} button:hover, a:hover.button, button:hover.button {background: #ec1d25;border: #ec1d25 solid 3px !important;color: #fff;} .shadow-vertical {-moz-box-shadow: 0px 5px 9px #000000;-webkit-box-shadow: 0px 5px 9px rgba (0,0,0,0.3);box-shadow: 0px 5px 9px rgba(0,0,0,0.3);} p {color:#222222;} p.text-medium {color:#222222;} .alert-box.success {background: #00ABA9;} a {color: #32348f;font-family: 'Proxima Nova Bold';} a:hover, a:focus {color: #ec1d25;} /* BOX TITLES */ .box-title hr {background: #32348f;} /* SLIDER */ .page-homepage .homepage-slider .orbit-slides-container {height: 550px !important; } .page-homepage .slider-content {height: 230px; margin-top: 20px;margin-bottom: 60px; } .orbit-container .orbit-next:hover > span {background: none;} .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {background-color: rgba(0, 0, 0, 0); } .orbit-bullets li.active {background: #4D85C6;} .orbit-bullets li {background: #ECF0F1; } /* BLOCOS */ .container-fluid {background: #F1F1F1;} .container-fluid-footer {background: #32348f;} .home-video, .produto-catalogo {background: #8696a9;} .home-social, .featured {background: #fff} /* NAVIGATIONS */ .top-navigation {background: #fff;border-bottom: #ECF0F1 solid 3px;} .top-navigation .columns nav {background: #fff;} .top-bar {background: none;} .top-bar-section ul {background:#fff !important;} .top-bar-section ul li > a {color: #000;} .top-bar-section li:not(.has-form) a:not(.button) {background: none !important;color: #000;} .top-bar-section li:not(.has-form) a.active:not(.button) {color: #4d85c6;} .top-bar-section li:not(.has-form) a:hover:not(.button) {background: none;color: #ec1d25;} .top-bar-section li.active:not(.has-form) a:not(.button) {color:#ec1d25 !important;background: none !important;} .top-bar-section li.active:not(.has-form) a:hover:not(.button) {background: none;} .top-bar-section li a:hover {background: #f7f7f7;} .top-bar-section li:not(.has-form) ul.dropdown a:not(.button) {color: #000;} .top-bar-section li:not(.has-form) ul.dropdown a:hover:not(.button) {background: #4d85c6;color: #fff;} .top-bar-section .right li .dropdown {background:#fff;border:#efefef solid 1px;border-bottom: #efefef solid 3px;} .top-bar-section .right li .dropdown a:hover {background: #4d85c6 !important;} .top-bar-section .active.has-dropdown > a:after {border-color: rgba(16, 134, 202, 1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);} .top-bar-section .has-dropdown > a:after {border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);} nav.mobile-menu-top {background:none;} nav.mobile-menu-top section.right-small {border: none;top: 0;} section.tab-bar-section h1.title a {background:url(img/o-seu-logo.png) no-repeat 0 center;} section.right-small a.menu-icon {color: #fff;} aside.mobile-menu {border-left: none;background:#32348f;} aside.mobile-menu .off-canvas-list li a {font-size: 16px; border-bottom: none;color: #fff;} aside.mobile-menu .off-canvas-list li a:hover {background:#3D3F97;} aside.mobile-menu .off-canvas-list li label {background: #3D3F97;color: #FFF;border-top:none;border-bottom: none;height: 72px;padding: 25px 0 0 0; font-family: 'Proxima Nova Bold';font-size: 18px; } .top-bar-section .langs li:not(.has-form) a:not(.button) {color:#ddd;} .top-bar-section .langs li a {border: #ddd solid 3px;} .top-bar-section .langs li a:hover {border:#00aba9 solid 3px;color:#00aba9 !important;} .top-bar-section .langs li.active:not(.has-form) a:not(.button) {border:#00aba9 solid 3px;color:#00aba9 !important;} .tab-bar .menu-icon span {box-shadow: 0 0px 0 1px #ec1d25, 0 7px 0 1px #ec1d25, 0 14px 0 1px #ec1d25;} .tab-bar .menu-icon:hover span {box-shadow: 0 0px 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;} .header-site-logo .logo li.name a {background:url(img/o-seu-logo.png) no-repeat;line-height: 120px;} .languages .inline-list li a {background-image: url(https://caixinorte.com/Content/images/languages.jpg);} .languages .inline-list li a.pt {background-position: 0px 0px;} .languages .inline-list li a.en {background-position: 16px 0px;} .languages .inline-list li a.es {background-position: 32px 0px;} /* FEATURED */ .header {height: 303px;} .page-homepage .featured, .page-contactos .featured {background: #fff url(img/about-us-woman.jpg) no-repeat 99% bottom;} .page-contactos .featured {background-position: 99% -25px;} /* LIST RED */ .list-red li {background: url(img/arrow-right.png) no-repeat 0 center;padding-left: 25px;} .list-red li a {color: #4B93D8;} .list-red li a:hover {color: #4B93D8;opacity: 0.8;} .home-social {background: #fff} .home-video h2 {color: #fff;} .home-video {color: #fff;} .home-video p {color: #fff;} /* SLIDER */ .slider-content h3 a {color:#fff;} .slider-content .button {background:none; color: #fff;border:#fff solid 3px !important;} .slider-content p, .slide-content p {color:#fff;} .slider-content button:hover, .slider-content a:hover.button {background-color:#ec1d25 !important;border: #ec1d25 solid 3px !important;color: #fff} .page-homepage header {background:none;height: 500px;} .homepage-slider .orbit-bullets li {background: #94B5DC;} .homepage-slider .orbit-bullets li.active {background: #ffffff;} .orbit-homepage-content h2 a {color: #fff;} .orbit-homepage-content p {color:#fff;} /* PAGE SLIDER */ .page-slider {background: #ADADAD;} .page-slider .orbit-container .orbit-prev:hover, .page-slider .orbit-container .orbit-next:hover {background-color: transparent;} .page-slider .orbit-container .orbit-prev > span, .page-slider .orbit-container .orbit-next > span {border-bottom: none;border: none;} .page-slider .orbit-container .orbit-prev > span {background:url("img/slider-arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} .page-slider .orbit-container .orbit-next > span {background:url("img/slider-arrows.png") no-repeat scroll -17px 0 rgba(0, 0, 0, 0);left: auto;} .page-slider .slide-image {background:#ADADAD;} .page-slider .slide-content {background: #ADADAD;} .page-slider {color: #fff;} .page-slider h4 {font-size: 1.2rem;color: #fff;} /* RATE IT */ div.bigstars div.rateit-range {background: url("img/star-disable.png");} div.bigstars div.rateit-hover, div.bigstars div.rateit-selected { background: url("img/star-enable.png"); } /* FEEDBACK */ .feedback .orbit-container .orbit-prev > span {border-color: none;background: url(img/arrow-left.png) no-repeat;opacity: 0.5;width: 7px;height: 10px;border: none;} .feedback .orbit-container .orbit-prev:hover {background: none;} .feedback .orbit-container .orbit-next > span {border-color: none;background: url(img/arrow-right.png) no-repeat;opacity: 0.5;width: 7px;height: 10px;border: none;} .feedback .orbit-container .orbit-next:hover {background: none;} /* ICONS LIST */ .icons-list .phone {background: url(img/icon-phone.png) no-repeat 0 top;} .icons-list .fax {background: url(img/icon-fax.png) no-repeat 0 center;} .icons-list .mail {background: url(img/icon-mail.png) no-repeat 0 center;} .icons-list .site {background: url(img/icon-site.png) no-repeat 0 center;} .featured .icons-list .phone {background: url(img/icon-phone-gray.png) no-repeat 0 center;} .featured .icons-list .fax {background: url(img/icon-fax-gray.png) no-repeat 0 center;} .featured .icons-list .mail {background: url(img/icon-mail-gray.png) no-repeat 0 center;} .featured .icons-list .site {background: url(img/icon-site-gray.png) no-repeat 0 center;} .footer-infos .contactos li a, .footer-infos .newsletter a {color: #fff;font-size: 17px;} .footer-infos .contactos li a:hover, .footer-infos .newsletter a:hover {color:#ec1d25;} .featured-content .icons-list li a {color: #222;font-size: 17px;} .featured-content .icons-list li a:hover {color:#ec1d25;} /* CATALOGO */ .page-produtos dialog, .page-produtos .reveal-modal {background: none;box-shadow: none;border:none;} .page-produtos .reveal-modal-bg {background: rgba(255,255,255,0.95);} .page-produtos dialog .close-reveal-modal, .page-produtos .reveal-modal .close-reveal-modal {color: #000;} .page-produtos .booklet .b-counter {background: #fff;} .page-produtos .booklet {border: #ccc solid 1px;-webkit-box-shadow: 0 3px 5px 0 rgba(1,0,0,0.2); box-shadow: 0 3px 5px 0 rgba(1,0,0,0.2);} .produto-catalogo {color: #fff;} .produto-catalogo h4 {color: #fff;} .produto-catalogo button, .produto-catalogo .button {color: #fff;} .produto-catalogo button:hover, .produto-catalogo .button:hover {border-color: #000 !important;color:#000 !important;} #flip-modal .button {border:3px solid #4D85C6 !important; color:#4D85C6;} /* GOOGLE MAP */ .google-map {background: #ADADAD;} .google-map .map, .google-map .map p, .google-map h4 {color: #fff;} /* CONTACT US */ .contact-us {background: #fff;} .contact-us-form {background: #fff;} .contact-us-form form input {border-bottom: #edf0f1 solid 1px;} .contact-us-form .contact-form input {color:#000;} .contact-us-form .inline-list li a {padding-left: 15px;width: 30px;height: 30px;} .contact-us-form .inline-list li a.facebook {background:url(img/social-facebook.png) no-repeat;} .contact-us-form .inline-list li a.facebook:hover {background:url(img/social-facebook-hover.png) no-repeat;} .contact-us hr {margin: 0 auto;margin-top: 10px;} /* FOOTER INFOS */ .footer-infos h6.footer-logo a {background: url(https://caixinorte.com/Content/images/logo.png) no-repeat 0 center;width: 200px;height: 54px;} .footer-infos .side-nav li.active > a:first-child:not(.button) {color: #fff;} .footer-infos h6 {color:#ec1d25;} .footer-infos .side-nav li {background: url(img/icon-list.png) no-repeat 0 center;padding-left: 25px;font-size: 16px;} .footer-infos .side-nav li a {color:#fff;font-family: 'Proxima Nova Light';} .footer-infos .side-nav li a:hover, .footer-infos .side-nav li a:focus {color: #fff;font-family: 'Proxima Nova Bold';} .footer-logo {background: #fff;width: 110px; height: 110px;margin-top: -110px;} .footer-logo a {background: url(img/footer-logo.png) no-repeat center center;height: 120px;} .subfooter {background: #32348f;border-top: #3D3F97 solid 1px;} .subfooter .copyright p {color: #7475B4;} .subfooter a {color:#fff;} .subfooter a:hover {color:#ec1d25;} .footer-infos .newsletter .button {background: none; color: #fff;border-color: #fff !important;margin-left: 5px;} .footer-infos .newsletter .button:hover {background: #94B6DD;} .footer-infos .newsletter a:hover.button, .footer-infos .newsletter button:hover.button {background: none; border: #ec1d25 solid 3px !important;color:#ec1d25 !important;} .footer-infos .newsletter input {background: #3D3F97;border: none;color: #fff !important;font-size: 17px;font-family: "Proxima Nova Light"; padding-left: 16px;} .footer-infos p {color: #fff;} .stButton .chicklets {font-size: 17px !important;} .stButton .chicklets:hover {opacity: 1 !important; font-family: 'Proxima Nova Bold' !important;} /* Small screens */ @media only screen { } /* Define mobile styles */ @media only screen and (max-width: 40em) { .page-homepage .homepage-slider .orbit-slides-container {height: 500px !important;} .page-homepage .featured, .page-contactos .featured {background: #fff;} .container-fluid-contact-us {background: #fff;} .page-homepage .slider-content {margin-top: 60px;} .box-title {margin-top: 2.5rem;} .mobile-menu-top .tab-bar-section h1.title a {margin-top: 10px;margin-left: 6px;} } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ /* Medium screens */ @media only screen and (min-width: 40.063em) {} /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .page-homepage .featured, .page-contactos .featured {background: #fff;} .top-bar-section li:not(.has-form) a:not(.button) {font-size: 15px; padding: 0 15px;} .footer-infos .newsletter {margin-top: 50px; padding: 0 30px; } } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ /* Large screens */ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */ /* XLarge screens */ @media only screen and (min-width: 90.063em) { } } /* min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ /* XXLarge screens */ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */ .rateit { display: -moz-inline-box; display: inline-block; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .rateit .rateit-range { position: relative; display: -moz-inline-box; display: inline-block; background: url(img/star.gif); height: 16px; outline: none; } .rateit .rateit-range * { display:block; } /* for IE 6 */ * html .rateit, * html .rateit .rateit-range { display: inline; } /* for IE 7 */ * + html .rateit, * + html .rateit .rateit-range { display: inline; } .rateit .rateit-hover, .rateit .rateit-selected { position: absolute; left: 0px; } .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl { left: auto; right: 0px; } .rateit .rateit-hover { background: url(img/star.gif) left -32px; } .rateit .rateit-hover-rtl { background-position: right -32px; } .rateit .rateit-selected { background: url(img/star.gif) left -16px; } .rateit .rateit-selected-rtl { background-position: right -16px; } .rateit .rateit-preset { background: url(img/star.gif) left -48px; } .rateit .rateit-preset-rtl { background: url(img/star.gif) left -48px; } .rateit button.rateit-reset { background: url(img/delete.gif) 0 0; width: 16px; height: 16px; display: -moz-inline-box; display: inline-block; float: left; outline: none; border:none; padding: 0; } .rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus { background-position: 0 -16px; } @charset "UTF-8"; /*! Animate.css - https://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(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: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-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: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }